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

Like this? Share it with your network

Share

Jeremy Keith: Forbedringer gjennom responsiv design (Webdagene 2012)

on

  • 2,285 views

 

Statistics

Views

Total Views
2,285
Views on SlideShare
1,119
Embed Views
1,166

Actions

Likes
2
Downloads
5
Comments
0

2 Embeds 1,166

http://www.scoop.it 1165
http://translate.googleusercontent.com 1

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Jeremy Keith: Forbedringer gjennom responsiv design (Webdagene 2012) Presentation Transcript

  • 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