Webový = Responzivní
Responzivní = reagující rychle a jednoznačně
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, …)
Responzivnost jevlastnost webu.Odjakživa.
Tim Bernes-Leehttp://semanticweb.com/new-video-interview-with-sir-tim-berners-lee_b30809
1993
První web
1993
Responzivní
1996
Responzivní
Design webu1996
Typografie Barva
Dekorace Layout
1996
Skoro responzivní
1996
Skoro responzivní
2000
Neresponzivní
Weby postupně přirozenou responzivnost 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— …
http://www.flickr.com/photos/stephaniehobson/4692361839/
John Allsopp
2000
První kritika:A Dao OfWebdesign
http://www.flickr.com/photos/stephaniehobson/4692361839/
John Allsopp
2000
„Webdesignéři si myslí, že vše musí mít
pod kontrolou. Web není print.”
Zapomeňte na pixelperfect
body { font-size: 11px;}
body { font-size: 1.2em;}
2007
Neresponzivní
Design webu2007
Typografie Barva
Dekorace Layout
http://pinoytutorial.com/techtorial/steve-jobs-the-movie-imminent-release-date-hinted-for-sony/
Steve Jobs
2007
Luke Wroblewski
2009
Mobile First
Steve Jobshttp://thewritersguidetoepublishing.com/indies-the-brass-ring-and-steve-jobs/steve-jobs-ipad-1
2010
iPad
Ethan Marcottehttp://www.flickr.com/photos/drewm/5736754615/in/faves-rachelandrew/
2010
Responzivníwebdesign
Responzivní webdesign je další pokus o návrat k základním principům webu.
Tentokrát vynucený nástupem mobilních zařízení.
Responzivní má ale mnoho variant…
2012
Responzivní
2012
Responzivní
2012
Responzivní
Design webu2012
Typografie Barva
Dekorace Layout
Díky za pozornost!
Školení + konzultace: vzhurudolu.cz/martinNovinky: twitter.com/machal