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

مثلاً به جای اینکه توی فایل CSS بنویسی دکمه پس‌زمینه آبی و متن سفید داشته باشه، فقط توی HTML کلاس‌های bg-blue-500 و text-white رو اضافه می‌کنی.

یکی از مهم ترین قابلیت های تیلویند این مورده، چون شما میتونید کلاس‌های سفارشی، تم‌ها، و حتی پلاگین‌های اختصاصی خودتون رو بسازید.

تیلویند فقط کلاس‌هایی رو که در پروژه استفاده شده‌اند، در خروجی نهایی تولید میکنه (با استفاده از PurgeCSS). این باعث میشه که فایل‌های CSS نهایی بسیار کوچک‌تر از فریمورک‌هایی مثل Bootstrap باشن.

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

چون Tailwind کامپوننت‌های آماده (مثل دکمه، فرم، مودال) ارائه نمیده، شما باید این موارد رو خودتون بسازید و این میتونه زمانگیر باشه، مگر اینکه از یک کتابخانه‌ی مبتنی بر Tailwind مثل DaisyUI یا Flowbite استفاده کنید.

تیلویند بر خلاف برخی از لایبرری ها، یک سیستم گرید آماده نداره ولی با کلاس‌های responsive utility-first مثل sm:, md:, lg: این کار کاملاً امکان‌پذیر است، صرفا شیوه‌ اینکار متفاوت تره و خودتون باید انجامش بدید.

با وجود انعطاف‌پذیری بالا، در برخی موارد خاص، ممکنه که Tailwind قادر به پشتیبانی از برخی طراحی‌های خیلی پیچیده نباشه و شما مجبو به کدنویسی مستقیم با CSS بشید.

#CSS | #Tailwind

𝗖𝗛𝗔𝗡𝗡𝗘𝗟  |  𝗚𝗥𝗢𝗨𝗣