Tailwind CSS
Tailwind CSSاولین واکنش تقریباً همه به Tailwind این است: «این که همان inline style است.» نیست، و تفاوتش دقیقاً همان چیزی است که ارزشش را میسازد — مجموعهای محدود از مقادیر مجاز، یعنی یک سیستم طراحی که رعایتش اجباری است. این مسیر از همان جا شروع میکند، و بعد نشان میدهد کجا Tailwind واقعاً اذیت میکند.
پیشرفت تو
درصد هر فصل از دو چیز میآید: چقدر از بخشهایش را خواندهای (۵۵٪) و چند تمرینش را تیک زدهای (۴۵٪). همهچیز داخل مرورگر خودت میماند.
فصل
فصلها به هم وابستهاند و ترتیبشان معنا دارد. هر مسیر با پروژههای نهایی تمام میشود: ساده، متوسط، پیچیده.
utility-first
چرا کلاس زیاد در HTML لزوماً بد نیست.
در نوبت نوشتنراهاندازی
نصب، CLI، و یکپارچگی با Vite و فریمورکها.
در نوبت نوشتنکلاسهای پایه
فاصله، رنگ، متن، حاشیه و اندازه.
در نوبت نوشتنچیدمان
Flexbox و Grid با کلاسهای Tailwind.
در نوبت نوشتنواکنشگرایی
breakpointها و رویکرد mobile-first.
در نوبت نوشتنحالتها و variant
hover، focus، group، peer و data-*.
در نوبت نوشتنتم تاریک
دو راهبرد، و انتخاب درست.
در نوبت نوشتنپیکربندی
گسترش تم، توکن طراحی و مقیاس سفارشی.
در نوبت نوشتنکامپوننت
@apply، تکرار، و اینکه کِی باید انتزاع بسازی.
در نوبت نوشتنپلاگین
پلاگین رسمی و نوشتن پلاگین خودت.
در نوبت نوشتنRTL و فارسی
ps/pe بهجای pl/pr، و فونت فارسی.
در نوبت نوشتنانیمیشن
transition، animate و keyframes سفارشی.
در نوبت نوشتنبهینهسازی
چطور باندل نهایی چند کیلوبایت میماند.
در نوبت نوشتنکامپوننت آماده
Headless UI، Radix و shadcn در کنار Tailwind.
در نوبت نوشتنکجا اذیت میکند
خوانایی HTML، بازبینی کد و تیم بزرگ.
در نوبت نوشتنپروژهٔ ۱ — صفحهٔ فرود
یک صفحهٔ واکنشگرا با Tailwind خالص.
در نوبت نوشتنپروژهٔ سادهپروژهٔ ۲ — تم سفارشی
توکن، تم تاریک، RTL و پلاگین خودت.
در نوبت نوشتنپروژهٔ متوسطپروژهٔ ۳ — داشبورد کامل
کامپوننتهای تکرارشونده، دسترسپذیری و باندل کوچک.
در نوبت نوشتنپروژهٔ پیچیده