Kdo dnes napíše display: grid a za minutu má hotový třísloupcový layout, těžko si představí, jakou akrobacii to stálo před pětadvaceti lety. Webové stránky tehdy držely pohromadě vnořené tabulky, průhledné obrázky o velikosti jednoho pixelu a pevná víra, že to nikdo neotevře v jiném prohlížeči. Pojďme si připomenout, jak to fungovalo, proč to fungovalo a proč jsme s tím museli skončit.

Rozbalovací menu, tooltip, modální okno a plynulý přechod mezi stránkami. Ještě nedávno čtyři důvody, proč do projektu přidat několik knihoven a desítky kilobajtů JavaScriptu. V roce 2026 už to všechno zvládne prohlížeč sám. Ukážeme si, jak na to s Popover API, CSS anchor positioningem a View Transitions, a také kde mají své limity.

Společnost Tailwind Labs, stojící za populárním CSS frameworkem Tailwind CSS, v posledních měsících výrazně zmenšila svůj vývojový tým. Podle informací, které se objevily v diskusi na Githubu, přišla firma přibližně o tři čtvrtiny…

Biome – nástroj pro formátování, lintování a analýzu kódu vydal verzi 2.3, která přináší velký krok vpřed směrem k plné podpoře moderního webového ekosystému. Aktualizace přináší podporu pro Vue, Svelte i Astro, lepší…

Lea Verou dostala neobvyklý dárek k narozeninám. Právě v den jejích narozenin CSS Working Group přijala její návrh na začlenění podmínky if() do standardu CSS Values Module Level 5. Tento návrh umožní aplikovat…

Nemám v úmyslu vás přesvědčovat, abyste se začali učit grid. Ale snad vám pomůžu lépe zmapovat problematiku CSS layoutů.

Nedávno vyšla nová kniha CSS Moderní Layout od Martina Michálka, která vám ukáže, jak v dnešní době správně dělat rozvržení webu v CSS. Obsahuje teorii, příklady a referenční příručku zároveň.

Fr je užitečná jednotka, která reprezentuje podíl na volném prostoru v CSS gridu. Pojďme si ji představit.

CSS Grid je možné za pomoci Autoprefixeru v řadě případů použít i v Internet Exploreru. Podíváme se na problematickou oblast, kterou je automatické umísťování prvků do mřížky.

Nic nového pod sluncem. Bootstrap, vertikální grid, horizontální grid. Spočítejte, nastavte, pochopte a porušujte. Co jste o gridu možná nevěděli.