Responsive design je dnes standard
Kodér, co dneska nedělá responsive webdesign, jakoby nebyl. Redesign, co dneska nepočítá s mobilní verzí, jakoby se nedělal.
— Standa Hruška (@HeWeR) September 17, 2012
Web 3.0?
- Rychlost mobilního internetu vzrostla o 133 % ([Novinky.cz](http://www.novinky.cz/internet-a-pc/278602-rychlost-mobilniho-internetu-vzrostla-o-133-na-pevne-pripojeni-ale-stale-nestaci.html)) - _Dvacet procent provozu na webu v USA a Kanadě je z mobilních zařízení_ ([Lupa.cz](http://www.lupa.cz/zpravicky/20-provozu-na-webu-v-usa-a-kanade-je-z-mobilnich-zarizeni/)) - _Gartner předpovídá osobním počítačů konec už v roce 2014_ ([Lupa.cz](http://www.lupa.cz/zpravicky/gartner-predpovida-osobnim-pocitacu-konec-uz-v-roce-2014-v-jedne-konkretni-roli/)) - _Začíná trh věřit mobilním snahám Facebooku? Akcie rekordně rostly._ ([E15.cz](http://zpravy.e15.cz/byznys/technologie-a-media/zacina-trh-verit-mobilnim-snaham-facebooku-akcie-rekordne-rostly-913942))
Slyšel jsem pojem „_Post PC era_“. Kdo má rád buzz slovíčka, může říkat „_Web 3.0_“. **Faktem je, že počítač (a potažmo internetový prohlížeč) přestává mít monopol na „internet“.** Jakékoli informace jdou vměstnat na malou obrazovku (i takový moloch jako je Facebook). Dnes máme technologie, které nám umožní ty malé obrozovky tahat v kapse a používat je (díky, Apple!).
Responzivní web design (anglicky Responsive web design) je způsob stylování HTML dokumentu, které zaručí, že zobrazení stránky bude optimalizováno pro všechny druhy nejrůznějších zařízení (mobily, notebooky, netbooky, tablety atd.). Wikipedia
Jak by řekla investigativní reportérka v Televizních novinách „**A bude hůř**!“ Jen se zamyslete: kolik věcí **opravdu** potřebujete dělat na PC? Práci? Zpracování multimedií? Psaní delšího textu? Když jedu na dovolenou, počítač nepotřebuju. Na takové to domácí lajkování, okouknutí odběrů na YouTube a přečtení zpráv mi stačí mobil/tablet. A ať si kdo chce co chce říká, drtivé procento (čti: mainstream) na PC beztak nedělá nic sofistikovanějšího. Ať je to můj děda, co si chce jen přečít email nebo mamka, která chce vydechnout u Solitare či bratr, co si sjede Facebook. Naopak, tablet a mobil má oproti PC hromady výhod. Rychlý start, přenositelnost, nebo mnohem lepší softwarová výbava (ano, na mobily jsou dnes paradoxně lepší aplikace jak na desktop) atd. Zkrátka… **Podíl používání PC pro přístup k internetu se bude zmenšovat. Nebude trvat dlouho a mobilní zařízení budou mít víc jak 50%.**
Redesign webu
Co se stane, pokud dnes udělám web, který nebude mít mobilní verzi? Za dva, tři roky se bude muset předělat. Nebojte se, není to úplně černobílé. Stránky se můžou přispůsobit časem, až to provozovatel uzná za vhodné. Je však třeba myslet na to, že kodér nesmí být prase a kód musí mít hlavu a patu. Takže znalost kódování responsive designu je dnes pro kodéra stejně klíčová, jako bylo před lety třeba umění beztabulkového layoutu. Pokud najímáte nového kodéra, zeptejte se ho na pohovoru, co mu říkají CSS Media queries. **Jestli vám v mžiku oka neodpoví, neberte ho.** Uživatelské rozhraní (a textace) jsou věci, na kterých se při vývoji nevyplatí šetřit. **A co si budeme povídat, štěstí přeje připraveným.** Pokud vás myšlenka mobilní verze webu zaujala, nebojte se mne kontaktovat na email [email protected]. Rád doporučím kodéry případně pomohu s realizací. A vězte, že předělat váš web tak, aby se dobře četl jak na mobilu, tak na tabletu, nemusí být investice v řádech desetitisíců (jak se snaží některé firmy tvářit :-)).
Pokud vás toto téma zajímá, na Facebooku budu publikovat pár příkladů pěkných responzivních webů z českého prostředí.