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í?
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?
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
Podívejme se na tři nejpoužívanější knihovny pro tvorbu responzivních grafů.
Marcotteho responzivní design
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.
Teď si můžete objednat i tištěnou verzi knihy „Vzhůru do (responzivního) webdesignu“
Hurá!
Tabulky v responzivním designu
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
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
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?