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.

Breakpointy v responzivním designu: Detailně a do hloubky

9. 12. 2018 v příručce Velký článek o breakpointech: Jak je vymýšlet podle designu webu a také jeho cílové skupiny, jak je pojmenovávat a čemu se rozhodně vyhnout.
Pokračovat…


Jednotky pro tvorbu webu (em, rem, %, px, vh, vw): Kde použít jakou?

3. 12. 2018 v příručce

Pojďme si tady shrnout všechny CSS jednotky použitelné v dnešním webdesignu. A na příkladu ukázat, k čemu se která hodí.

Je tady verze 1.2 „responzivního“ e-booku: Weby na chytrých hodinkách, tvorba breakpointů a ty zatrolené viewporty

26. 11. 2018 na blogu

Přichystal jsem předvánoční aktualizaci e-booku Vzhůru do (responzivního) designu a vás možná potěší, že ji majitelé licencí dostanou zadarmo.

Knihkupectví a e-shopy. Nová místa, kde si teď můžete koupit knížku

20. 9. 2018 na blogu

Kniha „Vzhůru do (responzivního) webdesignu“ vyrazila v mnoha kopiích do celého Česka. Proto ji teď máte mnohem blíž.

Google Analytics: S jakými viewporty navštěvují uživatelé můj web?

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

Návod, jak zastoupení velikostí okna prezentovat v hezkém grafu.

Velikost okna prohlížeče v CSS a JavaScriptu: min-width, innerWidth, clientWidth

18. 8. 2018 v příručce

Hodnoty innerWidth a clientWidth se občas pletou. Pojďme si je rozebrat i s ukázkou.

Rozlišení obrazovky ve webdesignu

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

Jen pro pořádek, protože rozlišení pro webaře příliš důležité není.

Viewport ve webdesignu: layoutový, vizuální a ideální

24. 4. 2018 v příručce

Co je layoutový a co vizuální viewport? Co přesně přesně vyjadřuje device-pixel-ratio a proč nepoužívat screen.width v Javascriptu nebo min-device-width v CSS?

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?

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í