تیلویند نسخه 4 در راه است !! 😎

تیلویند (Tailwind CSS) یک فریمورک CSS مبتنی بر سودمندی (utility-first) است که به توسعه‌دهندگان اجازه می‌دهد تا به سرعت و به راحتی رابط‌های کاربری سفارشی ایجاد کنند.

برخلاف فریمورک‌های دیگر که شامل کامپوننت‌های آماده هستند، تیلویند از کلاس‌های CSS از پیش تعریف شده استفاده می‌کند که می‌توانند به صورت مستقیم در HTML اعمال شوند

و اما آخرین نسخه Tailwind CSS، نسخه 4.0، با تغییرات و بهبودهای قابل توجهی منتشر شده است.

این نسخه شامل یک موتور جدید به نام Oxide است که عملکرد و سرعت را بهبود می‌بخشد. برخی از ویژگی‌های جدید عبارتند از:

╗ تغییرات کلیدی ╔

موتور جدید Oxide ╔

• سرعت بیشتر: تا 10 برابر سریع‌تر از نسخه‌های قبلی.

• حجم کمتر: بیش از 35٪ کاهش حجم نصب شده.

• پشتیبانی از Rust: بخش‌های پرهزینه و قابل موازی‌سازی به زبان Rust نوشته شده‌اند.

یکپارچگی با Lightning CSS ╔

• پشتیبانی از @import و پیشوندهای خودکار: نیازی به استفاده از ابزارهایی مانند postcss-import و autoprefixer نیست.

• پشتیبانی از لایه‌های بومی: استفاده از قوانین @layer واقعی برای حل مشکلات خاصیت‌ها.

ابزارهای جدید ╔

• پشتیبانی از توابع و دستورالعمل‌های جدید: مانند theme() برای دسترسی به مقادیر پیکربندی در CSS.

تغیرات جزئی ╔

1. پشتیبانی از واحدهای نمایشی پویا: مانند dvh، dvw، و dvmin.
2. پشتیبانی از :has(): برای انتخاب عناصر بر اساس وجود فرزندان خاص.
3. بهبودهای عملکردی: بهبود سرعت پردازش و کاهش حجم فایل‌های CSS.

╗ نصب نسخه بتا ╔

برای نصب نسخه بتا، می‌توانید از دستور زیر استفاده کنید:

npm install tailwindcss@next

این دستور آخرین نسخه بتا را نصب می‌کند. توجه داشته باشید که نسخه‌های بتا ممکن است دارای باگ‌ها یا مشکلاتی باشند که در نسخه‌های پایدار رفع شده‌اند، بنابراین بهتر است این نسخه‌ها را در محیط‌های تولیدی استفاده نکنید

╗ مزایای تیلویند ╔

سرعت بالا در استایل‌دهی ╔

با استفاده از کلاس‌های از پیش تعریف شده، می‌توانید به سرعت استایل‌های مورد نظر خود را اعمال کنید

ریسپانسیو بودن ╔

تیلویند به شما امکان می‌دهد تا به راحتی استایل‌های ریسپانسیو ایجاد کنید و وب‌سایت‌های خود را برای دستگاه‌های مختلف بهینه کنید

حجم کمتر کد ╔

با حذف کلاس‌های CSS استفاده نشده، حجم کدهای CSS کاهش می‌یابد و بازدهی به مراتب بالاتری دارد

سازمان‌دهی بهتر ╔

کلاس‌های تیلویند به صورت سازمان‌دهی شده و استاندارد ارائه می‌شوند که باعث کاهش خطاها و افزایش امنیت می‌شود

مزایای تیلویند بیشتر از این حرف هاست و در مقایسه با bootstrap زمین تا آسمون فرق داره. برای مطالعه مستندات و یادگیری بیشتر به این لینک Tailwind مراجعه کنید