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