Responzivní design

Zdejší zásadní články na téma responzivní design? Čtěte o Mobile First, responzivních obrázcích a navrhování webů v prohlížečích.

Lazy loading obrázků: kompletní průvodce

21. 2. 2018 v příručce Nově upraveno: Přidaný je Intersection Observer. Kde lazyloading používat a kde ne? A jak na zástupné obrázky?
Pokračovat…


Lidé a zařízení: jak je používají a jaký to má vliv na návrh rozhraní?

11. 2. 2018 v příručce

Další ukázka z knihy. Dozvíte se, že je vhodné považovat všechna zařízení za dotyková. Že lidé palci používají i hybridní notebooky. A že snadno dosažitelná plocha chytrých telefonů se stále zmenšuje.

iPhone X: jak si pro něj nastavit weby a proč je potřeba to udělat?

16. 1. 2018 v příručce

Nový iPhone je první rozšířené zařízení s jinou než hranatou obrazovkou. Pojďme se podívat, jak nastavit a otestovat weby nejen pro tyto typy přístrojů.

Responzivní grafy

31. 8. 2017 v příručce

Podívejme se na tři nejpoužívanější knihovny pro tvorbu responzivních grafů.

Marcotteho responzivní design

22. 8. 2017 v příručce

Původní definice responzivního designu pochází z roku 2010, hlavy a pera Ethana Marcotteho. V další ukázce z knížky se vracím k základním principům responzivního designu.

Tabulky v responzivním designu

31. 7. 2017 v příručce

Pojďme si představit všechny způsoby, jak lze s tabulkami v dnešním webdesignu zacházet, a vy si jistě vyberete.

Vkládaná média se zachováním poměru stran

19. 7. 2017 v příručce

Jak zařídit, aby se obrázky, video a prvky vkládané přes `<iframe>` přizpůsobovaly šířce rodičovského elementu a ještě k tomu zachovávaly poměr stran?

Responzivní SVG

26. 6. 2017 v příručce

Další ukázka z e-booku „Vzhůru do (responzivního) webdesignu“. Jak bez hacků zařídit pružné zobrazování SVG ve všech prohlížečích? A jak na plně responzivní SVG s přizpůsobivým obsahem?

Další články

Martin Michálek

Autor: Martin Michálek

Nezávislý frontend designér s téměř dvacetiletou praxí a nadšením pro moderní webové postupy a technologie. Píše Vzhůru dolů, školí a je k dispozici pro konzultace. Více informací