Weby na chytrých hodinkách Apple Watch
4. 2. 2019 — Prohlížeče už před nějakým časem dorazily do hodinek. Na plnohodnotné prohlížení webu to není, i přes to vám doporučuji na webech udělat pár úprav.
Responzivní breakpointy: Realizace v kódu (CSS, Sass i PostCSS)
16. 12. 2018 — Navážeme na text o tvorbě bodů zlomů ve webdesignu. Tentokrát se podíváme na možnosti jejich realizace v CSS kódu. A samozřejmě v preprocesorech.
Breakpointy v responzivním designu: Detailně a do hloubky
9. 12. 2018 — 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.
Jednotky pro tvorbu webu (em, rem, %, px, vh, vw): Kde použít jakou?
3. 12. 2018 — 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 — 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 — 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 — 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 — 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 — Jen pro pořádek, protože rozlišení pro webaře příliš důležité není.
Lidé a zařízení: jak je používají a jaký to má vliv na návrh rozhraní?
11. 2. 2018 — 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 — 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 — Podívejme se na tři nejpoužívanější knihovny pro tvorbu responzivních grafů.
Marcotteho responzivní design
22. 8. 2017 — 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“
3. 8. 2017 — Hurá!
Tabulky v responzivním designu
31. 7. 2017 — 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.