Jeremy Keith: Forbedringer gjennom responsiv design (Webdagene 2012)


Published on

Published in: Technology, Education
  • Be the first to comment

No Downloads
Total views
On SlideShare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide

Jeremy Keith: Forbedringer gjennom responsiv design (Webdagene 2012)

  1. 1. responsiveenhancement
  2. 2. Cyberspace. A consensualhallucination experienced daily bybillions of legitimate operators, inevery nation, by children being taughtmathematical concepts… A graphicrepresentation of data abstracted frombanks of every computer in the humansystem. Unthinkable complexity. Linesof light ranged in the nonspace of themind, clusters and constellations ofdata. Like city lights, receding. —William Gibson Neuromancer
  3. 3. capability speed size
  4. 4. capability speed sizeunknown
  5. 5. There are known knowns. There arethings we know that we know. Thereare known unknowns. That is to say,there are things that we now know wedon’t know. But there are alsounknown unknowns. There arethings we do not know we don’t know. —Donald Rumsfeld
  6. 6. We demand rigidly defined areas ofdoubt and uncertainty —Douglas Adams The Hitch-hiker’s Guide To The Galaxy
  7. 7. size
  8. 8. 640 x 480 800 x 6001024 x 768 size
  9. 9. 640 x 480 800 x 6001024 x 768 size control
  10. 10. %flexible
  11. 11. The control which designers know inthe print medium, and often desire inthe web medium, is simply a functionof the limitation of the printed page.We should embrace the fact thatthe web doesn’t have the sameconstraints, anddesign for this flexibility. —John Allsopp A Dao of Web Design
  12. 12. WYSIWTF
  13. 13. WYSIWTF
  14. 14. WYSIWTF
  15. 15. responsive
  16. 16. responsive control
  17. 17. clarification
  18. 18. mobilefirst
  19. 19. contentfirst
  20. 20. It’s my belief that in order to embracedesigning native layouts for the web –whatever the device – we need to shedthe notion that we create layouts froma canvas in. We need to flip it on itshead, and create layouts from thecontent out. —Mark Boulton A Richer Canvas
  21. 21. My love for responsive centers aroundthe idea that my website will meetyou wherever you are—from mobileto full-blown desktop and anywherein between. —Trent Walton
  22. 22. The web is responsive on its own—bydefault. It’s us that’s been breaking itall these years by placing content infixed-width containers. —Andy Hume
  23. 23. progressiveenhancement
  24. 24. progressiveenhancement
  25. 25. progressiveenhancementHTML CSS JavaScript
  26. 26. do websites need tolook exactly thesame in everybrowser?
  27. 27. do websites need tolook exactly thesame in everybrowser . com
  28. 28. There is a difference betweensupport and optimization. —Brad Frost
  29. 29. performance
  30. 30. If you could only do one thing toprepare your desktop site formobile and had to choose betweenemploying media queries to make itlook good on a mobile device oroptimizing the site for performance,you would be better served bymaking the desktop site blazinglyfast. —Jason Grigsby
  31. 31. conditionalloading
  32. 32. contextfirst?
  33. 33. underlying the Web’s usefulness and growth is universality.“ The Web should be usable by people with disabilities. It must work with any form of information, be it a document or a point of data, and information of any quality—from a silly tweet to a scholarly paper. And it should be accessible from any kind of hardware that can connect to the Internet: ” stationary or mobile, small —Tim Berners-Lee screen or large. Long Live the Web