Notes
From The Edge
Simon Collison
Edge of the Web, July 2011
@colly colly.com
Slide 2
Slide 2 text
edge
the
Slide 3
Slide 3 text
Inspiration
Slide 4
Slide 4 text
Donovan Claus Sharapova
Slide 5
Slide 5 text
Part one
The individual
Slide 6
Slide 6 text
No content
Slide 7
Slide 7 text
Strengths & values
Slide 8
Slide 8 text
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
Slide 9
Slide 9 text
Learning
Slide 10
Slide 10 text
The sad, beautiful fact that
we’re all going to miss almost
everything.
Linda Holmes
Slide 11
Slide 11 text
No content
Slide 12
Slide 12 text
No content
Slide 13
Slide 13 text
Craftsmanship
Slide 14
Slide 14 text
Cra smanship is a basic human
impulse: the desire to do a job
well for its own sake.
Cra smanship
Slide 15
Slide 15 text
No content
Slide 16
Slide 16 text
Our tools
Slide 17
Slide 17 text
Tools are the scaffold for what we
produce, the enablers, they help us
bring our ideas to fruition.
Our tools
Slide 18
Slide 18 text
No content
Slide 19
Slide 19 text
No content
Slide 20
Slide 20 text
Inquiry
Slide 21
Slide 21 text
Inquiring beyond the “necessary”
to explore other areas, look at
things differently, and bring these
findings back into our work.
Inquiry
Slide 22
Slide 22 text
No content
Slide 23
Slide 23 text
Think smarter
Slide 24
Slide 24 text
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
Slide 25
Slide 25 text
Part two
The wider web
Slide 26
Slide 26 text
Visual grammar
Slide 27
Slide 27 text
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
Slide 28
Slide 28 text
No content
Slide 29
Slide 29 text
Mistakes
Slide 30
Slide 30 text
Those who never made a mistake
never made anything.
Proverb
Slide 31
Slide 31 text
No content
Slide 32
Slide 32 text
Patterns &
interactions
Slide 33
Slide 33 text
The screen brings with it different
kinds of challenges for visual design,
some of which occur exclusively in
interactive media.
Jason Santa Maria
Slide 34
Slide 34 text
The frame
Slide 35
Slide 35 text
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
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
Slide 49
Slide 49 text
Responsive
Web Design
Slide 50
Slide 50 text
The terms responsive and adaptive
are distinct yet related, and have
evolved naturally from outdated
web-based layout terminology
Responsive web design
Slide 51
Slide 51 text
No content
Slide 52
Slide 52 text
No content
Slide 53
Slide 53 text
What next?
Slide 54
Slide 54 text
No content
Slide 55
Slide 55 text
We are the web. We are the makers,
the explorers, the end users.
What next?