Tailwind CSS v4.0 रिलीज़

 (tailwindcss.com)
1 पॉइंट द्वारा GN⁺ 2025-01-24 | 1 टिप्पणियां | WhatsApp पर शेयर करें

  • Tailwind CSS v4.0 रिलीज़

    • यह नया वर्ज़न performance और flexibility को optimize करता है और आधुनिक web platform की प्रगति का पूरा लाभ उठाता है
    • नए high-performance engine के साथ full build speed अधिकतम 5 गुना और incremental build speed 100 गुना से भी ज़्यादा तेज़ हो गई है
    • इसे नवीनतम CSS फीचर्स का उपयोग करते हुए आधुनिक web के लिए डिज़ाइन किया गया है

  • नया high-performance engine

    • Tailwind CSS v4.0 framework का पूर्ण पुनर्लेखन है, जिसमें architecture को optimize करके speed को अधिकतम किया गया है
    • incremental builds 100 गुना से भी ज़्यादा तेज़ हो गए हैं और microseconds में पूरे हो जाते हैं

  • आधुनिक web के लिए डिज़ाइन

    • यह native cascade layers, registered custom properties, color-mix() जैसे नवीनतम CSS फीचर्स का उपयोग करता है
    • logical properties का उपयोग करके RTL support को सरल बनाया गया है और generated CSS का size घटाया गया है

  • सरल इंस्टॉलेशन

    • installation process को सरल बनाया गया है, dependencies कम हुई हैं, और CSS file में सिर्फ एक line code जोड़नी होती है
    • बाहरी plugin के बिना भी @import rule built-in रूप में उपलब्ध है

  • Vite plugin

    • Vite उपयोगकर्ता @tailwindcss/vite का उपयोग करके Tailwind को integrate कर सकते हैं
    • Vite plugin का उपयोग करने पर performance और बेहतर होती है

  • ऑटोमैटिक content detection

    • template files अपने-आप detect हो जाती हैं, इसलिए configuration की ज़रूरत नहीं पड़ती
    • .gitignore file में मौजूद items अपने-आप ignore हो जाते हैं, जिससे अनावश्यक scanning रुकती है

  • built-in import support

    • @import का उपयोग करके दूसरी CSS files को inline import किया जा सकता है
    • Tailwind CSS के लिए optimized import system performance को और बेहतर बनाता है

  • CSS-first configuration

    • JavaScript की जगह CSS में project configure किया जा सकता है
    • tailwind.config.js file के बिना CSS file में सीधे customization किया जा सकता है

  • CSS theme variables

    • design tokens को CSS variables के रूप में दिया गया है, जिससे उन्हें runtime पर आसानी से refer किया जा सकता है

  • dynamic utility values और variants

    • कई utilities और variants को इस तरह सरल बनाया गया है कि वे arbitrary values स्वीकार कर सकें
    • grid size या custom data attributes को आसानी से सेट किया जा सकता है

  • आधुनिक P3 color palette

    • default color palette को rgb से oklch में upgrade किया गया है, जिससे अधिक जीवंत रंग मिलते हैं

  • container queries

    • container के size के आधार पर elements को style करने के लिए API built-in रूप में उपलब्ध है

  • नई 3D transform utilities

    • 3D space में elements को transform करने के लिए API जोड़ी गई है

  • विस्तारित gradient API

    • linear, conic और radial gradients बनाने के लिए utilities जोड़ी गई हैं

  • @starting-style support

    • JavaScript के बिना element के पहली बार दिखाई देने पर properties को transition करने की सुविधा जोड़ी गई है

  • not-* variant

    • CSS :not() pseudo-class support जोड़ा गया है

  • नए utilities और variants जोड़े गए

    • inset-shadow-*, field-sizing, color-scheme आदि कई नई utilities और variants जोड़ी गई हैं

Tailwind CSS v4.0 performance और flexibility को अधिकतम करने वाला नवीनतम वर्ज़न है, जो कई नए फीचर्स और improvements प्रदान करता है.

संबंधित पढ़ाई

1 टिप्पणियां

 
GN⁺ 2025-01-24
Hacker News की राय

  • Tailwind v4 की प्रगति का सकारात्मक मूल्यांकन किया गया है, और CSS variables तथा CSS-only configuration का समर्थन इसका बड़ा फायदा माना गया है। अब Tailwind एक utility के रूप में अपनी भूमिका अच्छी तरह निभा रहा है

  • CSS पहले की तुलना में अधिक user-friendly हो गया है, और style attributes को सीधे HTML में इस्तेमाल करना अधिक सरल हो सकता है। हालांकि, कुछ लोग अब भी style attributes से बचना चाहते हैं

  • Tailwind का उपयोग करने पर styles को एक ही जगह पढ़ पाना अच्छा लगता है। class names लंबे होते हैं, लेकिन styles को आसानी से बदल पाना इसे उपयोगी बनाता है

  • Tailwind को पहली बार देखते समय CSS फिर से सीखने की जरूरत बोझिल लगी। लेकिन team work और scalability के लिहाज़ से इसकी उपयोगिता समझ में आई। फिर भी basic stylesheet को प्राथमिकता दी जाती है

  • Tailwind का उपयोग किए गए प्रोजेक्ट में यह intuitive और अच्छी तरह documented लगा। style names के बारे में सोचने की जरूरत नहीं पड़ती, जिससे समय बचाने में मदद मिलती है

  • Tailwind के नवीनतम update से build time कम हुआ है, और अब JS configuration की जरूरत नहीं रही। अब CSS ज़्यादातर काम कर सकता है

  • Tailwind को आज़माने की कोशिश की गई, लेकिन नतीजे Bootstrap से बेहतर नहीं रहे। बिना designer बने भी ठीक-ठाक परिणाम पाने का तरीका खोजा जा रहा है

  • Tailwind का साफ-सुथरा लेकिन सामान्य डिज़ाइन व्यापक रूप से फैल गया है। यह Tailwind के inline styles के फायदे और सीमाएँ दोनों दिखाता है

  • Tailwind v4 में update का असर मौजूदा apps पर पड़ा है। compatibility समस्याओं के कारण v3 का इस्तेमाल जारी रखना पड़ सकता है या build scripts में बदलाव करना पड़ सकता है