tailwind css فریمورک جدید زبان CSS است با تفاوت های زیاد نسبت به سایر فریمورک های CSS ، تفاوت اصلی این فریموک با سایر رقبا نبود هیچ قالب پیش فرض و از پیش تعریف شده در آن است! یعنی در آن هیچگونه کامپوننت آماده ای برای رابط کاربری وجود ندارد چون هدف اصلی Tailwind CSS کمک به شما برای ساخت رابط کاربری های سفارشی است نه رابط کاربری های آماده 😊 پس اگر فریمورکی نیاز دارید که ابزارهای آماده جهت کمک به شما داشته باشد نباید سمت Tailwind برید! اما اگر قصد دارید رابط کاربری پیشرفته طبق نیاز و سلیقه خودتان بسازید قطعا Tailwind CSS بهترین انتخاب برای شماست👌 این ویژگی Tailwind یعنی عدم وجود کامپوننت های آماده، باعث می شود تا سایت های ایجاد شده با آن مانند سایت های ساخته شده با Bootstrap ظاهر شبیه به هم نداشته باشند.
تفاوت Tailwind CSS با سایر فریمورک های CSS
فریمورک های زیادی مانند Bootstrap و Bulma وجود دارند که شامل کامپوننت های آماده برای ساخت سریع و راحت رابط کاربری هستند و در بسیاری از موارد کمک شما خواهند بود اما داستان زمانی آغاز می شود که شما قصد دارید سایت خود را به صورت سفارشی و متفاوت با سایت های دیگر و طبق سلیقه خودتان و نیاز پروژه ایجاد کنید. اینجاست که Tailwind CSS با امکانات خود شما را شگفت زده می کند!
Tailwind CSS به جای Component ها، کلاس های کاربردی را در اختیار شما می گذارد تا بتوانید بدون ترک کد اصلی HTML خود، طرح سفارشی خود را کامل ایجاد کنید. اگر از غلبه کردن و تغییر طرح های از پیش تعریف شده برخی از فریمروک ها خسته شده اید، Tailwind CSS برای شما ایجاد شده است.
ویژگی های Tailwind CSS
ابزارهای Responsive
المان های موجود همگی دارای ویژگی واکنشگرایی هستند و ساخت رابط کاربری های ریسپانسیو بسیار آسان است.
Component-friendly
اگرچه شما می توانید با کلاس ها کارهای زیادی انجام دهید اما با بزرگ شدن پروژه می توانیم پترن های پر استفاده را تبدیل به کامپوننت کنیم که Tailwind ابزارهایی جهت استخراج کلاس های پرکاربرد دارد و می تواند بروزرسانی دوباره آن کلاس ها در سطح پروژه را با تبدیل به یک کامپوننت برای شما بسیار آسان کند.
ساخت رابط کاربری سفارشی
Tailwind CSS به شما اجازه میدهد هر چیز قابل تنظیمی را تنظیم کنید! از رنگ ها تا اندازه های حاشیه ، وزن فونت ها ، برنامه های فاصله گذاری ، نقاط شکست ، سایه ها و …
Tailwind در PostCSS نوشته شده و در جاوااسکریپت پیکربندی شده است. این یعنی شما از قدرت یک زبان برنامه نویسی در نوک انگشتان خود بهره می برید 🙂
در واقع Tailwind فراتر از یک فریمورک CSS است درواقع موتور و سیستمی برای طراحی است.
دیدگاهتان را بنویسید