اپیزود ۱۲ : طراحی Layout ؛ آشنایی با Tailwind CSS

در این اپیزود به موارد زیر می‌پردازیم: معرفی Tailwind CSS: فلسفه، مزایا و نحوه استفاده از کلاس‌های یوتیلیتی - طراحی Layout ریسپانسیو: - استفاده از کلاس‌های ریسپانسیو پیش‌فرض Tailwind CSS - اضافه کردن Breakpoint‌های سفارشی - حالت تاریک (Dark Mode): - فعال کردن حالت تاریک در Tailwind CSS - استایل‌دهی برای حالت تاریک با استفاده از کلاس‌های dark: - Directives و Functions: @tailwind: برای وارد کردن استایل‌های Tailwind CSS به فایل‌هایتان @apply: برای استفاده از کلاس‌های یوتیلیتی Tailwind CSS به طور مستقیم theme(): برای دسترسی به تنظیمات تم Tailwind CSS در کدتان - Flexbox: ایجاد یک کانتینر Flexbox جهت‌دهی Flexbox توزیع فضا بین المان‌های Flexbox ترازبندی المان‌های Flexbox ترتیب المان‌ها در Flexbox - RTL در Tailwind CSS لینک‌ها: Playground Tailwind CSS : https://play.tailwindcss.com/GLYSAeyBy8 Tailwind CSS Documentation : https://tailwindcss.com/docs/ نکات: در این اپیزود به طور مفصل به مباحث Layout ریسپانسیو، حالت تاریک و Flexbox با Tailwind CSS پرداخته شد. برای یادگیری بیشتر، به مستندات Tailwind CSS و منابع ذکر شده در این خلاصه مراجعه کنید. در قسمت‌های بعدی به مباحث پیشرفته‌تر Tailwind CSS و دیگر فریم‌ورک‌ها و کتابخانه‌های مرتبط با طراحی وب خواهیم پرداخت.