Container Queries jsou teď experimentálně v Chrome Canary
2. 4. 2021 — Jde o něco, co samozřejmě v CSS chceme a při vývoji webů opravdu hodně potřebujeme. Od možnosti to používat jsme ale ještě pořád daleko.
„Pixel perfect“ by měl být zakázaný výraz
14. 4. 2020 — Je to výraz zastaralý, nesmyslný a degradující dobré designéry i kodéry. Nahraďme ho čím chceme, třeba slovem „precizní“.
CSS funkce minmax() a klíčová slova min-content, max-content a fit-content
1. 10. 2019 — Důležitá vlastnost pro skládání layoutů pomocí CSS Gridu a její ošemetnosti.
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.
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.