Webový = Responzivní

transcript

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

První web

Responzivní

Design webu1996

Typografie Barva

Dekorace Layout

Skoro responzivní

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

První kritika:A Dao OfWebdesign

http://www.flickr.com/photos/stephaniehobson/4692361839/

John Allsopp

„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;}

Neresponzivní

Design webu2007

Typografie Barva

Dekorace Layout

http://pinoytutorial.com/techtorial/steve-jobs-the-movie-imminent-release-date-hinted-for-sony/

Steve Jobs

Luke Wroblewski

Mobile First

Steve Jobshttp://thewritersguidetoepublishing.com/indies-the-brass-ring-and-steve-jobs/steve-jobs-ipad-1

Ethan Marcottehttp://www.flickr.com/photos/drewm/5736754615/in/faves-rachelandrew/

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…

Responzivní

Design webu2012

Typografie Barva

Dekorace Layout

Díky za pozornost!

Školení + konzultace: vzhurudolu.cz/martinNovinky: twitter.com/machal