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.
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()?
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.
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.
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ě.
To nejlepší z roku 2020 na Vzhůru dolů: populární technologie, články a podcasty
5. 1. 2021 — To byl ale rok, že ano…?! V odborné rovině jsme se dočkali mnoha zajímavých novinek a pozitivních posunů. V článku se také podíváme na to, co jste nejraději četli a poslouchali.
Zarovnání boxů v CSS: Příručka pro všechny vlastnosti Box Alignment Module
4. 12. 2020 — Modul Box Alignment v CSS specifikuje zarovnání boxů v různých modelech rozvržení CSS: blokovém, tabulkovém, vícesloupcovém, flexboxu nebo Gridu.
Masonry v CSS a bez JavaScriptu: nativní podpora přichází
26. 11. 2020 — Nativní implementace „zděného“ rozvržení v CSS byla součástí našich snů už od příchodu flexboxu, ale plně to nevyřešil ani grid. Teď už se ale blýská na lepší časy.
CSS vlastnost order a změna pořadí prvků
30. 9. 2020 — Vlastnost order někteří z nás nadšeně vítali. Odlišení vizuálního pořadí od kódu je skvělá možnost. Nese si to s sebou ale řadu problémů na úrovni přístupnosti, které jsou zatím bohužel neřešitelné.
Přístupnost a CSS layout (grid nebo flexbox): pozor na vizuální pořadí
19. 9. 2020 — V nových CSS layoutech kromě „přístupnostních klasik“, jako je využití správných sémantických elementů, vstupuje do hry ještě poněkud kontroverzní možnost změny pořadí.
CSS vlastnost content-visibility a odložené vykreslení obsahu stránky
16. 9. 2020 — Chrome začal nově podporovat vlastnost content-visibility, takže se jí pojďme podívat na zoubek. Jak moc může ušetřit vykreslovací výkon prohlížeče?