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.
Zde najdete všechny naše články na téma CSS. Zabýváme se novějšími (CSS3) vlastnostmi a v další kategorii také organizací kaskádových stylů.
columns
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.
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.
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()?
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.
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.
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.
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.
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ší.
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.
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ě.
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.
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.
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.
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é.
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í.
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?