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?
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
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
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?
Návod, jak zastoupení velikostí okna prezentovat v hezkém grafu.
Velikost okna prohlížeče v CSS a JavaScriptu: min-width, innerWidth, clientWidth
Hodnoty innerWidth a clientWidth se občas pletou. Pojďme si je rozebrat i s ukázkou.
Rozlišení obrazovky ve webdesignu
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í
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
Nově upraveno: Přidaný je Intersection Observer. Kde lazyloading používat a kde ne? A jak na zástupné obrázky?