Notes from the Edge

4,637 views
4,583 views

Published on

Published in: Business, Technology
3 Comments
6 Likes
Statistics
Notes
No Downloads
Views
Total views
4,637
On SlideShare
0
From Embeds
0
Number of Embeds
244
Actions
Shares
0
Downloads
132
Comments
3
Likes
6
Embeds 0
No embeds

No notes for slide

Notes from the Edge

  1. 1. NotesFrom The EdgeSimon CollisonEdge of the Web, July 2011@colly colly.com
  2. 2. theedge
  3. 3. Inspiration
  4. 4. Donovan Claus Sharapova
  5. 5. Part oneThe individual
  6. 6. Strengths & values
  7. 7. To progress and to create work ofsubstance or even greatness, weeach must start by knowing ourvalues, our strengths, and the levelof expertise we seekStrengths and values
  8. 8. Learning
  9. 9. The sad, beautiful fact thatwe’re all going to miss almosteverything.Linda Holmes
  10. 10. Craftsmanship
  11. 11. Cra smanship is a basic humanimpulse: the desire to do a jobwell for its own sake.Cra smanship
  12. 12. Our tools
  13. 13. Tools are the scaffold for what weproduce, the enablers, they help usbring our ideas to fruition.Our tools
  14. 14. Inquiry
  15. 15. Inquiring beyond the “necessary”to explore other areas, look atthings differently, and bring thesefindings back into our work.Inquiry
  16. 16. Think smarter
  17. 17. Individual lines of inquiry are whatwill, more than anything else, driveus to develop greater maturity ofthe discipline of web design.Think smarter
  18. 18. Part twoThe wider web
  19. 19. Visual grammar
  20. 20. A rich alphabet of components such asline and point, structure, color, shapes,rhythm, and movement, which we useto shape our messagesVisual grammar
  21. 21. Mistakes
  22. 22. Those who never made a mistakenever made anything.Proverb
  23. 23. Patterns &interactions
  24. 24. The screen brings with it differentkinds of challenges for visual design,some of which occur exclusively ininteractive media.Jason Santa Maria
  25. 25. The frame
  26. 26. The frame of reference marks theouter limits of a design and definesan area within which the createdelements and le -over blank space,if any, all work together.The frame
  27. 27. http://www.chromeexperiments.com/detail/browser-ball/
  28. 28. http://wallswaps.com/
  29. 29. http://wallswaps.com/
  30. 30. Systems
  31. 31. We don’t design web pages.We design systems.Systems
  32. 32. http://gregorywood.co.uk/ http://jasonsantamaria.com/
  33. 33. Vocabulary
  34. 34. Its my belief that our communityhas a shared responsibility toexpand this visual language as itapplies to the ebb and flow of theweb, and in turn evolve our wri enand verbal vocabulary.Vocabulary
  35. 35. ResponsiveWeb Design
  36. 36. The terms responsive and adaptiveare distinct yet related, and haveevolved naturally from outdatedweb-based layout terminologyResponsive web design
  37. 37. What next?
  38. 38. We are the web. We are the makers,the explorers, the end users.What next?
  39. 39. Finally
  40. 40. Theextraordinary in the ordinary
  41. 41. Thank you Simon Collison @colly h p://colly.com

×