Notes From The Edge

Transcript

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

   View Slide

2. edge
   the
   

   View Slide

3. Inspiration
   

   View Slide

4. Donovan Claus Sharapova
   

   View Slide

5. Part one
   The individual
   

   View Slide

6. View Slide

7. Strengths & values
   

   View Slide

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
   

   View Slide

9. Learning
   

   View Slide

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

    View Slide

11. View Slide

12. View Slide

13. Craftsmanship
    

    View Slide

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

    View Slide

15. View Slide

16. Our tools
    

    View Slide

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

    View Slide

18. View Slide

19. View Slide

20. Inquiry
    

    View Slide

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

    View Slide

22. View Slide

23. Think smarter
    

    View Slide

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
    

    View Slide

25. Part two
    The wider web
    

    View Slide

26. Visual grammar
    

    View Slide

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
    

    View Slide

28. View Slide

29. Mistakes
    

    View Slide

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

    View Slide

31. View Slide

32. Patterns &
    interactions
    

    View Slide

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

    View Slide

34. The frame
    

    View Slide

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
    

    View Slide

36. View Slide

37. View Slide

38. View Slide

39. View Slide

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

    View Slide

41. http://wallswaps.com/
    

    View Slide

42. http://wallswaps.com/
    

    View Slide

43. Systems
    

    View Slide

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

    View Slide

45. View Slide

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

    View Slide

47. Vocabulary
    

    View Slide

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
    

    View Slide

49. Responsive
    Web Design
    

    View Slide

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

    View Slide

51. View Slide

52. View Slide

53. What next?
    

    View Slide

54. View Slide

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

    View Slide

56. Finally
    

    View Slide

57. View Slide

58. The
    in the
    ordinary
    extraordinary
    

    View Slide

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

    View Slide