responsiveenhancement
Cyberspace. A consensualhallucination experienced daily bybillions of legitimate operators, inevery nation, by children be...
capability   speed     size
capability     speed       sizeunknown
There are known knowns. There arethings we know that we know. Thereare known unknowns. That is to say,there are things tha...
We demand rigidly defined areas ofdoubt and uncertainty            —Douglas Adams   The Hitch-hiker’s Guide To             ...
size
640 x 480 800 x 6001024 x 768   size
640 x 480 800 x 6001024 x 768   size      control
%flexible
The control which designers know inthe print medium, and often desire inthe web medium, is simply a functionof the limitat...
WYSIWTF
WYSIWTF
WYSIWTF
responsive
responsive    control
clarification
mobilefirst
contentfirst
It’s my belief that in order to embracedesigning native layouts for the web –whatever the device – we need to shedthe noti...
My love for responsive centers aroundthe idea that my website will meetyou wherever you are—from mobileto full-blown deskt...
The web is responsive on its own—bydefault. It’s us that’s been breaking itall these years by placing content infixed-width...
progressiveenhancement
progressiveenhancement
progressiveenhancementHTML   CSS   JavaScript
do websites need tolook exactly thesame in everybrowser?
do websites need tolook exactly thesame in everybrowser . com
There is a difference betweensupport and optimization.                      —Brad Frost
performance
If you could only do one thing toprepare your desktop site formobile and had to choose betweenemploying media queries to m...
conditionalloading
contextfirst?
underlying the Web’s usefulness and  growth is universality.“  The Web should be usable by people  with disabilities. It m...
Jeremy Keith: Forbedringer gjennom responsiv design (Webdagene 2012)
Jeremy Keith: Forbedringer gjennom responsiv design (Webdagene 2012)
Jeremy Keith: Forbedringer gjennom responsiv design (Webdagene 2012)
Jeremy Keith: Forbedringer gjennom responsiv design (Webdagene 2012)
Jeremy Keith: Forbedringer gjennom responsiv design (Webdagene 2012)
Jeremy Keith: Forbedringer gjennom responsiv design (Webdagene 2012)
Jeremy Keith: Forbedringer gjennom responsiv design (Webdagene 2012)
Jeremy Keith: Forbedringer gjennom responsiv design (Webdagene 2012)
Jeremy Keith: Forbedringer gjennom responsiv design (Webdagene 2012)
Jeremy Keith: Forbedringer gjennom responsiv design (Webdagene 2012)
Jeremy Keith: Forbedringer gjennom responsiv design (Webdagene 2012)
Jeremy Keith: Forbedringer gjennom responsiv design (Webdagene 2012)
Jeremy Keith: Forbedringer gjennom responsiv design (Webdagene 2012)
Jeremy Keith: Forbedringer gjennom responsiv design (Webdagene 2012)
Jeremy Keith: Forbedringer gjennom responsiv design (Webdagene 2012)
Jeremy Keith: Forbedringer gjennom responsiv design (Webdagene 2012)
Jeremy Keith: Forbedringer gjennom responsiv design (Webdagene 2012)
Jeremy Keith: Forbedringer gjennom responsiv design (Webdagene 2012)
Jeremy Keith: Forbedringer gjennom responsiv design (Webdagene 2012)
Jeremy Keith: Forbedringer gjennom responsiv design (Webdagene 2012)
Jeremy Keith: Forbedringer gjennom responsiv design (Webdagene 2012)
Jeremy Keith: Forbedringer gjennom responsiv design (Webdagene 2012)
Jeremy Keith: Forbedringer gjennom responsiv design (Webdagene 2012)
Jeremy Keith: Forbedringer gjennom responsiv design (Webdagene 2012)
Jeremy Keith: Forbedringer gjennom responsiv design (Webdagene 2012)
Jeremy Keith: Forbedringer gjennom responsiv design (Webdagene 2012)
Jeremy Keith: Forbedringer gjennom responsiv design (Webdagene 2012)
Jeremy Keith: Forbedringer gjennom responsiv design (Webdagene 2012)
Jeremy Keith: Forbedringer gjennom responsiv design (Webdagene 2012)
Jeremy Keith: Forbedringer gjennom responsiv design (Webdagene 2012)
Jeremy Keith: Forbedringer gjennom responsiv design (Webdagene 2012)
Jeremy Keith: Forbedringer gjennom responsiv design (Webdagene 2012)
Jeremy Keith: Forbedringer gjennom responsiv design (Webdagene 2012)
Jeremy Keith: Forbedringer gjennom responsiv design (Webdagene 2012)
Jeremy Keith: Forbedringer gjennom responsiv design (Webdagene 2012)
Jeremy Keith: Forbedringer gjennom responsiv design (Webdagene 2012)
Jeremy Keith: Forbedringer gjennom responsiv design (Webdagene 2012)
Jeremy Keith: Forbedringer gjennom responsiv design (Webdagene 2012)
Jeremy Keith: Forbedringer gjennom responsiv design (Webdagene 2012)
Jeremy Keith: Forbedringer gjennom responsiv design (Webdagene 2012)
Jeremy Keith: Forbedringer gjennom responsiv design (Webdagene 2012)
Jeremy Keith: Forbedringer gjennom responsiv design (Webdagene 2012)
Jeremy Keith: Forbedringer gjennom responsiv design (Webdagene 2012)
Jeremy Keith: Forbedringer gjennom responsiv design (Webdagene 2012)
Jeremy Keith: Forbedringer gjennom responsiv design (Webdagene 2012)
Jeremy Keith: Forbedringer gjennom responsiv design (Webdagene 2012)
Jeremy Keith: Forbedringer gjennom responsiv design (Webdagene 2012)
Jeremy Keith: Forbedringer gjennom responsiv design (Webdagene 2012)
Jeremy Keith: Forbedringer gjennom responsiv design (Webdagene 2012)
Jeremy Keith: Forbedringer gjennom responsiv design (Webdagene 2012)
Jeremy Keith: Forbedringer gjennom responsiv design (Webdagene 2012)
Jeremy Keith: Forbedringer gjennom responsiv design (Webdagene 2012)
Jeremy Keith: Forbedringer gjennom responsiv design (Webdagene 2012)
Jeremy Keith: Forbedringer gjennom responsiv design (Webdagene 2012)
Jeremy Keith: Forbedringer gjennom responsiv design (Webdagene 2012)
Upcoming SlideShare
Loading in...5
×

Jeremy Keith: Forbedringer gjennom responsiv design (Webdagene 2012)

2,422

Published on

Published in: Technology, Education
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
2,422
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
5
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

Transcript of "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

×