1) The document discusses strengths, values, craftsmanship, inquiry, and thinking smarter at an individual level to create work of substance or greatness. 2) It explores visual grammar, mistakes, patterns and interactions, frames, systems, and vocabulary at a wider web level. 3) The document concludes by discussing responsive web design and poses the question "What next?" as makers and explorers of the web.

1. Notes
From The Edge
Simon Collison
Edge of the Web, July 2011
@colly colly.com

2. the
edge

3. Inspiration

4. Donovan Claus Sharapova

5. Part one
The individual

7. Strengths & values

8. 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

9. Learning

10. The sad, beautiful fact that
we’re all going to miss almost
everything.
Linda Holmes

13. Craftsmanship

14. Cra smanship is a basic human
impulse: the desire to do a job
well for its own sake.
Cra smanship

16. Our tools

17. Tools are the scaffold for what we
produce, the enablers, they help us
bring our ideas to fruition.
Our tools

20. Inquiry

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

23. Think smarter

24. 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

25. Part two
The wider web

26. Visual grammar

27. 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

29. Mistakes

30. Those who never made a mistake
never made anything.
Proverb

32. Patterns &
interactions

33. The screen brings with it different
kinds of challenges for visual design,
some of which occur exclusively in
interactive media.
Jason Santa Maria

34. The frame

35. 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

40. http://www.chromeexperiments.com/detail/browser-ball/

41. http://wallswaps.com/

42. http://wallswaps.com/

43. Systems

44. We don’t design web pages.
We design systems.
Systems

46. http://gregorywood.co.uk/ http://jasonsantamaria.com/

47. Vocabulary

48. 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

49. Responsive
Web Design

50. The terms responsive and adaptive
are distinct yet related, and have
evolved naturally from outdated
web-based layout terminology
Responsive web design

53. What next?

55. We are the web. We are the makers,
the explorers, the end users.
What next?

56. Finally

58. The
extraordinary
in the
ordinary

59. Thank you
Simon Collison
@colly
h p://colly.com