Relační selektor :has – zdaleka ne jen selektor rodiče
19. 12. 2023 — [Update článku] Tohle je velká novina. Od prosince 2023 je možné ve všech prohlížečích používat velmi užitečný relační selektor :has. Ukažme si, v čem tkví jeho kouzlo.
Vše o meta značce pro viewport
1. 3. 2023 — [UPDATE 2023: Odstraněny starší informace a přidána vlastnost interactive-widget] Meta značka viewport slouží k informování prohlížeče, zda a jak jste web připravili pro mobilní zařízení. Ale je tu pár věcí, které o ní možná nevíte.
Container Queries přicházejí
5. 2. 2023 — Dotazy na kontejnery nám na rozdíl od dotazů na média (Media Queries) umožňují tázat se na rozměry konkrétní komponenty, nikoliv celé stránky. Je to užitečné. Je to důležité. UPDATE: V únoru už s plnou podporou v prohlížečích.
Jak na dark mode, tmavý režim webů
31. 1. 2023 — Dark mode je mezi uživateli, ale i ve webařské komunitě velmi populární. Hodí se na weby, kde uživatelé čtou nebo prostě tráví více času. Je to cool. V textu ukazuji svou cestu k tmavému režimu na Vzhůru dolů a sdílím některé nečekané zkušenosti.
UX pro vývojáře: pokročilé techniky
4. 8. 2021 hostuje Marek Čevelíček — Pokročilejší UX postupy, které jsou obsahem tohoto článku, vám pomohou s řešením komplikovaných problémů. Abyste je použili, musíte překročit svou komfortní zónu. Někdy vyžadují soft skills, někdy prostou zvídavost.
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íž.