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.
Element/Container Queries: Media Queries na rodiče, nikoliv stránku
6. 2. 2021 — Element Queries (nebo Container Queries) jsou vlastně stejné typy dotazů jako Media Queries. Jen se neptáte na parametry okna prohlížeče, ale na parametry samotného elementu.
„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ů.