How to Stay Relevant

How to Stay Relevant

Future of Web Design, London 2014

9d9f17e37b751b9f83081ba3dd44bab4?s=128

Peter Gasston

April 09, 2014
Tweet

Transcript

  1. 6.
  2. 7.

    “By anticipating what’s next, we can react to today’s concerns

    but also build long-term value for people and businesses.” //futurefriendlyweb.com/
  3. 11.

    GRID LAYOUT a b 1 2 3 4 2 3

    4 .a { grid-column: 2 / 4; } .b { grid-row: 1 span 3; }
  4. 12.

    GRID LAYOUT b a 1 2 3 4 2 3

    4 @media(foo) { .a, .b { grid-column: span 3; } .b { grid-row: 3; } }
  5. 13.

    ?

  6. 15.
  7. 25.

    <link rel="import" href="foo.html"> <g id="circles" fill="#000000"> <circle id="n" cx="50" cy="18.4"

    r="18.4"/> <circle id="ne" cx="72.4" cy="27.6" r="18.4"/> <circle id="e" cx="81.6" cy="50" r="18.4"/> <circle id="se" cx="72.4" cy="72.4" r="18.4"/> <circle id="s" cx="50" cy="81.6" r="18.4"/>
  8. 27.

    <input type="range"> ! ! ! ! ! <div> <div id="track">

    <div id="thumb"></div> </div> </div> </input>
  9. 29.

    ? ?

  10. 30.

    Platform / Polyfills Polymer Core Polymer Elements X-Tag Core Brick

    Polymer X-Tags //polymer-project.org/ //mozilla.github.io/brick/
  11. 33.

    “Web components are just a tool that will enable you

    to write better… front end code. They are not a silver bullet that automagically makes everything work.” //soledadpenades.com/2014/03/25/web-components-silver-bullet/
  12. 36.
  13. 38.

    “When an elevator fails, it’s useless. When an escalator fails,

    it becomes stairs. We should be building escalators, not elevators.” //jakearchibald.com/2013/progressive-enhancement-still-important/
  14. 43.

    47 percent expect a web page to load in two

    seconds or less. 40 percent abandon a website that takes longer than three seconds to load. //blog.kissmetrics.com/loading-time/
  15. 44.

    79 percent of shoppers dissatisfied with performance are less likely

    to visit again. 52 percent say that page load performance is important to their site loyalty. //blog.kissmetrics.com/loading-time/
  16. 45.

    “Performance is of course a hugely important measure in this

    age of the mobile web, but performance for performance’s sake trivialises what we do.” //threechords.org/blog/the-web-less-engine-more-gas/
  17. 46.
  18. 47.
  19. 48.

    “We shape our tools and then our tools shape us”

    - Marshall McLuhan (attr.) //vimeo.com/11697990
  20. 50.
  21. 57.

    “Technical skills still matter, but today making digital services that

    meet users’ needs also depends on our ability to collaborate across many types of boundaries.” //alistapart.com/article/people-skills-for-web-workers
  22. 65.
  23. 66.
  24. 67.

    “If you are only skeptical, then no new ideas make

    it through to you. You never learn anything new.” //www.positiveatheism.org/writ/saganbur.htm
  25. 70.