Your SlideShare is downloading. ×
Jeremy Keith: Forbedringer gjennom responsiv design (Webdagene 2012)
Upcoming SlideShare
Loading in...5

Thanks for flagging this SlideShare!

Oops! An error has occurred.

Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

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

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

No notes for slide


  • 1. responsiveenhancement
  • 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. capability speed size
  • 4. capability speed sizeunknown
  • 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. We demand rigidly defined areas ofdoubt and uncertainty —Douglas Adams The Hitch-hiker’s Guide To The Galaxy
  • 7. size
  • 8. 640 x 480 800 x 6001024 x 768 size
  • 9. 640 x 480 800 x 6001024 x 768 size control
  • 10. %flexible
  • 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. WYSIWTF
  • 13. WYSIWTF
  • 14. WYSIWTF
  • 15. responsive
  • 16. responsive control
  • 17. clarification
  • 18. mobilefirst
  • 19. contentfirst
  • 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. 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. 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. progressiveenhancement
  • 24. progressiveenhancement
  • 25. progressiveenhancementHTML CSS JavaScript
  • 26. do websites need tolook exactly thesame in everybrowser?
  • 27. do websites need tolook exactly thesame in everybrowser . com
  • 28. There is a difference betweensupport and optimization. —Brad Frost
  • 29. performance
  • 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. conditionalloading
  • 32. contextfirst?
  • 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