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

Thanks for flagging this SlideShare!

Oops! An error has occurred.


Now you can save presentations on your phone or tablet

Available for both IPhone and Android

Text the download link to your phone

Standard text messaging rates apply

Jeremy Keith: Forbedringer gjennom responsiv design (Webdagene 2012)



Published in Technology , Education
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    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