Successfully reported this slideshow.

Webový = Responzivní

2,910 views

Published on

Published in: Design
  • Be the first to comment

Webový = Responzivní

  1. 1. Webový = Responzivní
  2. 2. Responzivní = reagující rychle a jednoznačně
  3. 3. Responzivní web?Pružně reagující na své prostředí.Například…— zobrazující zařízení (rozlišení obrazovky, vybavení, …)— preference uživatele (velikost písma, …)
  4. 4. Responzivnost jevlastnost webu.Odjakživa.
  5. 5. 1993PrvníwebTim Bernes-Leehttp://semanticweb.com/new-video-interview-with-sir-tim-berners-lee_b30809
  6. 6. 1993Responzivní
  7. 7. 1996Responzivní
  8. 8. 1996 Design webu Typografie Barva Dekorace Layout
  9. 9. 1996Skoro responzivní
  10. 10. 1996Skoro responzivní
  11. 11. 2000Neresponzivní
  12. 12. Weby postupně přirozenouresponzivnost ztrácely.Prací webařů přicházely o— odolnost vůči novým zařízením— tiskové verze— uživatelské zvětšení písma—…
  13. 13. 2000První kritika:A Dao OfWebdesignJohn Allsopphttp://www.flickr.com/photos/stephaniehobson/4692361839/
  14. 14. 2000 „Webdesignéři si myslí, že vše musí mít pod kontrolou. Web není print.”John Allsopphttp://www.flickr.com/photos/stephaniehobson/4692361839/
  15. 15. Zapomeňte na pixelperfectbody { font-size: 11px;}body { font-size: 1.2em;}
  16. 16. 2007Neresponzivní
  17. 17. 2007 Design webu Typografie Barva Dekorace Layout
  18. 18. 2007Steve Jobshttp://pinoytutorial.com/techtorial/steve-jobs-the-movie-imminent-release-date-hinted-for-sony/
  19. 19. 2009MobileFirstLuke Wroblewski
  20. 20. 2010iPadSteve Jobshttp://thewritersguidetoepublishing.com/indies-the-brass-ring-and-steve-jobs/steve-jobs-ipad-1
  21. 21. 2010ResponzivníwebdesignEthan Marcottehttp://www.flickr.com/photos/drewm/5736754615/in/faves-rachelandrew/
  22. 22. Responzivní webdesign jedalší pokus o návrat kzákladním principům webu.Tentokrát vynucený nástupemmobilních zařízení.
  23. 23. Responzivní máale mnoho variant…
  24. 24. 2012Responzivní
  25. 25. 2012Responzivní
  26. 26. 2012Responzivní
  27. 27. 2012 Design webu Typografie Barva Dekorace Layout
  28. 28. Díky za pozornost! Školení + konzultace: vzhurudolu.cz/martin Novinky: twitter.com/machal

×