Tailwind CSS 4.0: Novinky, které usnadní váš webový vývoj

S radostí oznamujeme, že Tailwind CSS 4.0 je nyní k dispozici! Tato nová verze přináší spoustu vylepšení, která vám ušetří čas a usnadní práci na vašich projektech.

Jednou z největších změn je nový engine, který zrychluje buildy až pětkrát. To znamená, že při práci na svých stránkách už nebudete muset tolik čekat. Navíc se Tailwind teď lépe přizpůsobuje moderním webovým technologiím. Podporuje například container queries, což vám umožní stylovat prvky podle velikosti jejich kontejneru – ideální pro responsivní design.

Instalace Tailwind CSS je teď jednodušší než kdy dřív. Méně závislostí a žádná složitá konfigurace – stačí jeden řádek kódu ve vašem CSS souboru a můžete začít. A pokud už Tailwind používáte, novinka automatické detekce obsahu vám ušetří spoustu času; framework si sám najde všechny potřebné šablony.

Další zajímavé funkce zahrnují:

• CSS proměnné: Všechny vaše designové tokeny jsou nyní dostupné jako nativní CSS proměnné, což znamená větší flexibilitu při stylování.
• Nové gradienty: Teď můžete používat radiální a kuželové gradienty, což přidává další rozměr vašim designům.
• Modernizovaná barevná paleta: Tailwind nyní podporuje živější barvy díky technologii P3 color space, takže vaše weby budou vypadat skvěle na moderních displejích.
• 3D transformace: Nové utility umožňují snadno transformovat prvky v 3D prostoru přímo ve vašem HTML.

Pokud chcete Tailwind CSS 4.0 vyzkoušet, můžete začít nový projekt nebo si ho otestovat přímo v prohlížeči na Tailwind Play. Pro stávající projekty je k dispozici průvodce upgradem a automatizovaný nástroj, který vám pomůže s přechodem na novou verzi bez zbytečných komplikací.