SlideShare a Scribd company logo
Notes
From The Edge

Simon Collison
Edge of the Web, July 2011

@colly colly.com
the




edge
Inspiration
Donovan Claus Sharapova
Part one


The individual
Notes from the Edge
Strengths & values
To progress and to create work of
substance or even greatness, we
each must start by knowing our
values, our strengths, and the level
of expertise we seek

Strengths and values
Learning
The sad, beautiful fact that
we’re all going to miss almost
everything.

Linda Holmes
Notes from the Edge
Notes from the Edge
Craftsmanship
Cra smanship is a basic human
impulse: the desire to do a job
well for its own sake.

Cra smanship
Notes from the Edge
Our tools
Tools are the scaffold for what we
produce, the enablers, they help us
bring our ideas to fruition.

Our tools
Notes from the Edge
Notes from the Edge
Inquiry
Inquiring beyond the “necessary”
to explore other areas, look at
things differently, and bring these
findings back into our work.

Inquiry
Notes from the Edge
Think smarter
Individual lines of inquiry are what
will, more than anything else, drive
us to develop greater maturity of
the discipline of web design.

Think smarter
Part two


The wider web
Visual grammar
A rich alphabet of components such as
line and point, structure, color, shapes,
rhythm, and movement, which we use
to shape our messages

Visual grammar
Notes from the Edge
Mistakes
Those who never made a mistake
never made anything.

Proverb
Notes from the Edge
Patterns &
interactions
The screen brings with it different
kinds of challenges for visual design,
some of which occur exclusively in
interactive media.

Jason Santa Maria
The frame
The frame of reference marks the
outer limits of a design and defines
an area within which the created
elements and le -over blank space,
if any, all work together.

The frame
Notes from the Edge
Notes from the Edge
Notes from the Edge
Notes from the Edge
http://www.chromeexperiments.com/detail/browser-ball/
http://wallswaps.com/
http://wallswaps.com/
Systems
We don’t design web pages.
We design systems.

Systems
Notes from the Edge
http://gregorywood.co.uk/   http://jasonsantamaria.com/
Vocabulary
It's my belief that our community
has a shared responsibility to
expand this visual language as it
applies to the ebb and flow of the
web, and in turn evolve our wri en
and verbal vocabulary.

Vocabulary
Responsive


Web Design
The terms responsive and adaptive
are distinct yet related, and have
evolved naturally from outdated
web-based layout terminology

Responsive web design
Notes from the Edge
Notes from the Edge
What next?
Notes from the Edge
We are the web. We are the makers,
the explorers, the end users.

What next?
Finally
Notes from the Edge
The
extraordinary
    in the
    ordinary
Thank you
 Simon Collison
      @colly
   h p://colly.com

More Related Content

PDF
10 Things CEOs Need to Know About Design
PDF
Subconscious Design
PDF
Websites To Type Essays
PPTX
Top Tips for Responsive eLearning Design
PDF
Is everything we used to do wrong?
PPTX
What Front-End Developers (FED's) Need to Know to Be the Modern Day Superhero
PDF
Conversational Interfaces. Andrew Larking and Ronald Ashri at Museum Tech 2017.
PPT
Microsoft FrontPage Essentials welcome & course outline (2007)
10 Things CEOs Need to Know About Design
Subconscious Design
Websites To Type Essays
Top Tips for Responsive eLearning Design
Is everything we used to do wrong?
What Front-End Developers (FED's) Need to Know to Be the Modern Day Superhero
Conversational Interfaces. Andrew Larking and Ronald Ashri at Museum Tech 2017.
Microsoft FrontPage Essentials welcome & course outline (2007)

Similar to Notes from the Edge (20)

KEY
D2WC Keynote
ODT
Resume2016
PPTX
Why Design Matters: How to Make Your Website Worth a Million Visits
PPTX
Design thinking for accessible user experiences - UX Scotland2014
PDF
The wordpress-brand, by Ben Dunkle, #wcbuf 2014
PPTX
Stolley Book review
PDF
How eCoach was built
PDF
How a Web Redesign 
Drives Organizational Change: A Cautionary Tale
PDF
A Cautionary Tale
PDF
UX Fluency for a better Front End
PDF
Discovering patterns
PPT
Web design
PDF
Creating Communications That Connect
PPTX
Mozilla Developer Derby October 2012: Media Queries
PDF
A Dialect of Our Own Design
PDF
Design practice Project - MSc HCI
PPT
Workplace 2.0 Lava Con
PPT
Chi2006 trustworkshop
PPTX
Campus change agent - building a campus web community where there is none
PPT
Website designing company in gurgaon
D2WC Keynote
Resume2016
Why Design Matters: How to Make Your Website Worth a Million Visits
Design thinking for accessible user experiences - UX Scotland2014
The wordpress-brand, by Ben Dunkle, #wcbuf 2014
Stolley Book review
How eCoach was built
How a Web Redesign 
Drives Organizational Change: A Cautionary Tale
A Cautionary Tale
UX Fluency for a better Front End
Discovering patterns
Web design
Creating Communications That Connect
Mozilla Developer Derby October 2012: Media Queries
A Dialect of Our Own Design
Design practice Project - MSc HCI
Workplace 2.0 Lava Con
Chi2006 trustworkshop
Campus change agent - building a campus web community where there is none
Website designing company in gurgaon
Ad

More from Simon Collison (13)

PDF
Old Dog, New Tricks
PDF
Elegance Without Compromise
PDF
Adaptive Systems
PDF
Project management
PDF
Design To Communicate
PDF
The Pursuit of Magic
PDF
EE: Five Years Of Quiet Revolution
PDF
Developing Your Ultimate Package
KEY
Nailing Your Own Projects
KEY
The Process Toolbox
PDF
High Noon Shoot Out - Design
PDF
The Business Of Web Design
PDF
Knowing Your Audience
Old Dog, New Tricks
Elegance Without Compromise
Adaptive Systems
Project management
Design To Communicate
The Pursuit of Magic
EE: Five Years Of Quiet Revolution
Developing Your Ultimate Package
Nailing Your Own Projects
The Process Toolbox
High Noon Shoot Out - Design
The Business Of Web Design
Knowing Your Audience
Ad

Recently uploaded (20)

PDF
Training And Development of Employee .pdf
PDF
Types of control:Qualitative vs Quantitative
PDF
DOC-20250806-WA0002._20250806_112011_0000.pdf
PDF
Ôn tập tiếng anh trong kinh doanh nâng cao
PPT
Data mining for business intelligence ch04 sharda
PDF
How to Get Business Funding for Small Business Fast
PPTX
job Avenue by vinith.pptxvnbvnvnvbnvbnbmnbmbh
PDF
Unit 1 Cost Accounting - Cost sheet
PPTX
Lecture (1)-Introduction.pptx business communication
PDF
Elevate Cleaning Efficiency Using Tallfly Hair Remover Roller Factory Expertise
PPTX
New Microsoft PowerPoint Presentation - Copy.pptx
PPTX
Principles of Marketing, Industrial, Consumers,
PDF
Katrina Stoneking: Shaking Up the Alcohol Beverage Industry
PPT
340036916-American-Literature-Literary-Period-Overview.ppt
PDF
How to Get Funding for Your Trucking Business
PDF
Reconciliation AND MEMORANDUM RECONCILATION
PDF
pdfcoffee.com-opt-b1plus-sb-answers.pdfvi
PDF
MSPs in 10 Words - Created by US MSP Network
PPTX
ICG2025_ICG 6th steering committee 30-8-24.pptx
PPTX
Probability Distribution, binomial distribution, poisson distribution
Training And Development of Employee .pdf
Types of control:Qualitative vs Quantitative
DOC-20250806-WA0002._20250806_112011_0000.pdf
Ôn tập tiếng anh trong kinh doanh nâng cao
Data mining for business intelligence ch04 sharda
How to Get Business Funding for Small Business Fast
job Avenue by vinith.pptxvnbvnvnvbnvbnbmnbmbh
Unit 1 Cost Accounting - Cost sheet
Lecture (1)-Introduction.pptx business communication
Elevate Cleaning Efficiency Using Tallfly Hair Remover Roller Factory Expertise
New Microsoft PowerPoint Presentation - Copy.pptx
Principles of Marketing, Industrial, Consumers,
Katrina Stoneking: Shaking Up the Alcohol Beverage Industry
340036916-American-Literature-Literary-Period-Overview.ppt
How to Get Funding for Your Trucking Business
Reconciliation AND MEMORANDUM RECONCILATION
pdfcoffee.com-opt-b1plus-sb-answers.pdfvi
MSPs in 10 Words - Created by US MSP Network
ICG2025_ICG 6th steering committee 30-8-24.pptx
Probability Distribution, binomial distribution, poisson distribution

Notes from the Edge