Flexboty a gridboty: Podpora flexboxu, gridu a vícesloupcového layoutu v prohlížečích
26. 3. 2021 — V textu se podíváme na nejčastějších chyby nových systémů layoutu v prohlížečích a ukážeme si, jak si s nimi poradit.
Knihy pro frontendisty a frontendistky. Co číst o CSS, JS, designu, rychlosti nebo přístupnosti?
24. 3. 2021 — Více než dvě desítky knih, které mě nějak odborně posunuly. Plus další, doporučené od čtenářů.
20 let na volné noze jako frontendista, autor, školitel, konzultant a… kdo ví co ještě?
18. 3. 2021 — Je to dlouhé, ale je to upřímné. Snad vás to bude bavit.
Feature Queries v CSS: @supports a detekce podpory prohlížečů
8. 3. 2021 — Podrobný text o dnes už snad základní výbavě každého frontendisty. Pravidlo @supports umožňuje dotazovat se na podporu CSS vlastností ve stylech nebo v JavaScriptu. Je moc užitečné. Mimochodem, znáte jeho nové rozšíření funkcí selector()?
3 nová videa: optimalizujte metriky LCP, CLS a vkládání SVG
1. 3. 2021 — Připravili jsme pro vás další video-kurzy, nastříhané z nedávných webinářů Michala Matušky a Martina Michálka.
Případová studie: Přístupnost na Rohlík.cz
19. 2. 2021 hostuje Veronika Bedáňová — V Rohlíku jsme přístupnost řešili vždy, ale na novou úroveň ji dostal audit a zjištění, že naše služba může být pro uživatele se zdravotními omezeními opravdu užitečná.
CSS flexbox: Průvodce všemi vlastnostmi
12. 2. 2021 — Flexbox je layout pomocí pružných boxů. V této aktualizované příručce přibyly texty s příklady pro všechny vlastnosti, které ve flexboxu můžete používat.
Jak se vzděláváte online? Výsledky dotazníku ze Vzhůru dolů
8. 2. 2021 — Nedávno jsem v newsletteru, na sociálních sítích i zde, na Vzhůru dolů, prosil o vaše názory na online vzdělávání.
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.
Vlastnost aspect-ratio v CSS: Držíme poměr stran snadno a elegantně
1. 2. 2021 — Od Chrome verze 88 a brzy i v dalších prohlížečích můžeme používat vlastnost aspect-ratio, která umožňuje vytvářet kontejnery pro asynchronní obsah a zabránit tak nechtěnému poskakování obsahu.
AVIF, nová generace obrázků pro web je tady
27. 1. 2021 — (Aktualizováno o chystanou podporu AVIF ve Firefoxu.) 10 let po WebP přichází datově ještě úspornější AVIF. Podpora zatím silná není, ale výhledově to vypadá dobře a náhradní řešení umíme.
Jak na prefixy v CSS? Autoprefixer pomůže
27. 1. 2021 — Autoprefixer je, jak z názvu vyplývá, automatizační nástroj, který přidává prohlížečové prefixy do CSS kódu.
S Rikim Fridrichem o stavu CSS a JavaScriptu
26. 1. 2021 — Nad výsledky anket State of CSS/JS 2020 jsme v podcastu nahlas přemýšleli o aktuálním vývoji frontendových technologií. Probrali jsme Tailwind, nástroje pro testování JS, TypeScript a mnohé další.
CSS vlastnost display: jak dobře znáte všechny její hodnoty?
21. 1. 2021 — Máme zde úplně novou verzi specifikace pro zobrazování prvků ve stylech. Podíváme se na základy, ale také na nové hodnoty jako flow-root a contents, nebo na jejich víceslovné alternativy.
CSS Multiple Column: Příručka pro vlastnosti vícesloupcového rozložení
11. 1. 2021 — Díky vlastnosti column a dalším ze sady modulu CSS Multi-column Layout můžeme obsah vysázet do více sloupců definované šířky podobně jako v novinové sazbě.