Lighthouse: Nepostradatelná analýza webu od Google
16. 3. 2021 — Proč a jak Lighthouse používat. Co umí a jak funguje. Podíváme se taky na použití pomocí příkazové řádky a pravidelné spouštění.
Metrika „Kumulativní posun layoutu“ (Cumulative Layout Shift, CLS)
15. 3. 2021 — Neposkakuje vám layout stránky při vykreslování? Právě tohle umí vyjádřit nová metrika CLS, hrdý člen týmu ukazatelů Web Vitals.
Metrika Total Blocking Time (TBT), zaměřeno na pomalý JavaScript
12. 3. 2021 — Když zlobí jen Pepíček, neměla by být po škole celá třída, že ano? A přesně tenhle rozdíl mezi TBT a starší metrikou TTI, Time To Interactive, rozebíráme v textu.
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ě.