Notes from the Edge
Upcoming SlideShare
Loading in...5

Notes from the Edge






Total Views
Views on SlideShare
Embed Views



4 Embeds 144 140 2 1 1



Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
  • What is the URL for the site on slide #52
    Are you sure you want to
    Your message goes here
  • This will be one for the books, Simon. Our industry is maturing in such a beautiful way.

    Would love a recording of the talk, it clearly has a lot to be said on top of the slides... I'll keep an eye out for it on huffduffer. :)

    Are you sure you want to
    Your message goes here
  • Oh, and here's the link to that Linda Holmes article about cull and surrender:
    Are you sure you want to
    Your message goes here
Post Comment
Edit your comment

Notes from the Edge Notes from the Edge Presentation Transcript

  • NotesFrom The EdgeSimon CollisonEdge of the Web, July 2011@colly
  • theedge
  • Inspiration
  • Donovan Claus Sharapova
  • Part oneThe individual
  • Strengths & values
  • 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
  • Learning
  • The sad, beautiful fact thatwe’re all going to miss almosteverything.Linda Holmes
  • Craftsmanship
  • Cra smanship is a basic humanimpulse: the desire to do a jobwell for its own sake.Cra smanship
  • Our tools
  • Tools are the scaffold for what weproduce, the enablers, they help usbring our ideas to fruition.Our tools
  • Inquiry
  • Inquiring beyond the “necessary”to explore other areas, look atthings differently, and bring thesefindings back into our work.Inquiry
  • Think smarter
  • Individual lines of inquiry are whatwill, more than anything else, driveus to develop greater maturity ofthe discipline of web design.Think smarter
  • Part twoThe wider web
  • Visual grammar
  • A rich alphabet of components such asline and point, structure, color, shapes,rhythm, and movement, which we useto shape our messagesVisual grammar
  • Mistakes
  • Those who never made a mistakenever made anything.Proverb
  • Patterns &interactions
  • The screen brings with it differentkinds of challenges for visual design,some of which occur exclusively ininteractive media.Jason Santa Maria
  • The frame
  • 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
  • Systems
  • We don’t design web pages.We design systems.Systems
  • Vocabulary
  • 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
  • ResponsiveWeb Design
  • The terms responsive and adaptiveare distinct yet related, and haveevolved naturally from outdatedweb-based layout terminologyResponsive web design
  • What next?
  • We are the web. We are the makers,the explorers, the end users.What next?
  • Finally
  • Theextraordinary in the ordinary
  • Thank you Simon Collison @colly h p://