Tailwind CSS
فریمورک CSS مبتنی بر کلاسهای کاربردی. بهجای کامپوننت آماده، قطعههای کوچک سبکدهی میدهد و شما ظاهر دلخواه را مستقیم در نشانهگذاری میسازید؛ خروجی نهایی فقط شامل کلاسهای استفادهشده است. طراحی اختصاصی بدون جنگیدن با سبکهای از پیش تعیینشده ممکن میشود.
معرفی محصول
Tailwind رویکرد متفاوتی دارد: هیچ دکمهٔ آمادهای به شما نمیدهد. در عوض کلاسهایی مثل فاصله، رنگ و اندازه در اختیارتان میگذارد تا هر طراحیای را بدون جنگیدن با سبکهای از پیش تعیینشده بسازید.
کاربرد اصلی
در زمان ساخت پروژه، فایلهای شما را میخواند و فقط کلاسهایی را که واقعاً استفاده کردهاید در خروجی میگذارد. نتیجه معمولاً فایل CSS بسیار کوچکی است، حتی برای پروژههای بزرگ.
مناسب چه کسانی است
برای توسعهدهندههایی که طراحی اختصاصی دارند و نمیخواهند ظاهر پروژه شبیه قالبهای آماده باشد. اگر با شلوغی کلاسها در نشانهگذاری راحت نیستید، ممکن است سبک کاریتان نباشد.
مزایا
حذف خودکار کلاسهای بیاستفاده، طراحی مبتنی بر توکن که یکدستی رنگ و فاصله را تضمین میکند، و پشتیبانی از حالت تیره و منطق منطقی راستبهچپ با ویژگیهای داخلی.
اطلاعات فنی
- سازنده: Tailwind Labs
- لایسنس: MIT
- پیشنیاز: Node.js برای فرایند ساخت
لایسنس و اجازهٔ استفاده
این محصول تحت لایسنس MIT منتشر شده است؛ یعنی استفادهٔ رایگان، تغییر و استفادهٔ تجاری طبق شرایط همان لایسنس مجاز است. پیش از استفاده در پروژهٔ تجاری، متن کامل لایسنس را در منبع رسمی ببینید.
منبع رسمی
زوانو این فایل را بازنشر نمیکند؛ دانلود مستقیماً از منبع رسمی سازنده انجام میشود تا همیشه آخرین نسخهٔ اصلی و دستنخورده را بگیرید.
- وبسایت رسمی: https://tailwindcss.com/
- مخزن کد: https://github.com/tailwindlabs/tailwindcss
- مستندات: https://tailwindcss.com/docs
�
تنباز و رایگان
لایسنس MIT
کلاسهای کاربردی
ساخت هر طراحی بدون CSS سفارشی
خروجی ک�
حج�
فقط کلاسهای استفادهشده
سا�
انهٔ توکن
یکدستی رنگ، فاصله و تایپوگرافی
حالت تیره
پشتیبانی داخلی بدون افزونه
ویژگیهای �
نطقی
سازگاری بهتر با چید�
ان راستبهچپ
واکنشگرایی
پیشوندهای نقطهٔ شکست برای هر کلاس
قابل توسعه
افزودن توکن و افزونهٔ اختصاصی
- Tailwind را با npm در پروژه نصب کنید.
- مسیر فایلهای نشانهگذاری را برای پویش کلاسها معرفی کنید.
- فایل CSS ورودی را بسازید و خروجی را در صفحه وارد کنید.
- برای فارسی، از ویژگیهای منطقی مانند شروع و پایان بهجای چپ و راست استفاده کنید.
هنوز دیدگاهی ثبت نشده است
اولین کسی باشید که تجربهاش را از این محصول مینویسد.
محصولات مرتبط
Bootstrap
شناختهشدهترین فریمورک CSS جهان. شبکهٔ واکنشگرا، کامپوننتهای آماده و ابزارهای کمکی را در یک بسته میدهد و از نسخهٔ ۵ پشتیبانی راستبهچپ در خودش تعبیه شده است. مستندات کامل و جامعهٔ بزرگش عیبیابی را ساده میکند.
daisyUI
کتابخانهٔ کامپوننت برای Tailwind CSS. کلاسهای کوتاه و معنایی مثل دکمه و کارت را اضافه میکند تا نشانهگذاری شلوغ نشود، ولی هر جا لازم شد میتوانید با کلاسهای Tailwind بازنویسی کنید.
Bulma
فریمورک CSS خالص و بدون جاوااسکریپت، بر پایهٔ Flexbox. کلاسهایش خوانا و قابل حدساند و چون هیچ کد جاوااسکریپتی همراهش نیست، رفتار تعاملی کاملاً در اختیار خودتان میماند. رفتار تعاملی کامپوننتها را خودتان مینویسید.
Pico CSS
فریمورک CSS کمحجمی که عناصر HTML را بدون نیاز به کلاس زیبا میکند. کافی است نشانهگذاری معنایی درست بنویسید تا صفحه ظاهری مرتب و واکنشگرا داشته باشد. برای نمونهٔ اولیه، مستندات فنی و پنلهای داخلی گزینهٔ سریعی است.