Responzivní design

Hurá!

Ano, je to tak. Už nějadou dobu pracuji na novém ebooku. O procesu tvorby responzivních webů, o svých zkušenostech s ním a taky trochu o principech dnešního webdesignu. Bude rozsáhlejší, barevnější a detailnější než jeho starší sourozenec.

Google už oficiálně představil svůj záměr začít indexovat a řadit primárně z pohledu uživatele mobilních zařízení.

Pojďme odstranit nejasnosti kolem telefonních odkazů v článku přeloženém z CSS-Tricks.

To, že čtete Vzhůru dolů může znamenat, že knížka není pro vás. I tak vám ji ale doporučím koupit – někomu jinému. Čtěte dále, vše se dozvíte.

Pokud vám na webu řádí obzvlášť odolný mobilní uživatel a přežil všech devět kroků z přechozího návodu, nevěšte hlavu. Přináším sedm kroků, které vás těch otravných potvůrek nadobro zbaví.

Zničit krtka, vydání 2016. Dnes si zahubíme uživatele mobilního webu. Postupujte podle mého návodu.

Na iOS přišly blokátory, vznikly technologi umožňující Progressive Web Apps, Physical Web a Beacons.

V posledních letech jsem opustil standardní postupy s wireframy a Photoshopem. Vystačím si s papírem, tužkou a prohlížečem.

Vkládání nezbytného CSS v inline podobě přímo do HTML kódu je způsob jak urychlit zobrazení stránky.

Pokud tak neučiníte, na webu vám mohou přestat fungovat obrázky. A nebo – ještě lépe – prohlížeče zmrví nativní implementaci responzivních obrázků.

V originále s drobnými výhradami výborný text. V češtině výrazně zabugovaná knížka. I tak vám ale doporučím si ji koupit. Je to totiž první a zatím jediná česká publikace o responzivním webdesignu.

Obor, o kterém v poslední době píšu, školím a přednáším se nejmenuje responzivní webdesign. Je to webdesign adaptivní.

Uděláte responzivní web. Máte tím mobily vyřešené? Ne automaticky.

Definice responzivního webdesignu z doby před třemi a půl lety je dnes nedostačující. Problémy jsou především v rychlosti načítání webů a efektivitě práce. Myslím si, že za oba z velké části mohou naše pracovní postupy.