دسته‌ها
آموزش

Tailwind: طراحی واکنش‌گرا

خب طرحمون تا اینجای کار یه شکل کلی به خودش گرفته اما توی نمایشگر‌هایی با رزولیشن‌های مختلف کلا به هم می‌ریزه و اون چیزی نیست که می‌خوایم. این دو تا تصویر رو ببینید: و این چیزی نیست که ما می‌خوایم. قصدم ما اینه که در دستگاه‌های عریض تصویرمون بیاد سمت چپ نمایشگر و متن و […]

دسته‌ها
آموزش

Tailwind: استایل‌های پایه

مقدمه: در پست اول Tailwind گفتم که برای استایل دادن به یک المان باید یک کلاس اتریبیوت ایجاد کرد و داخل “دابل‌کوتیشن” کلاس‌های مد نظرمان را بنویسیم. text-4xl font-bold text-center text-blue-500 mt-12″ این چند کلاس را هم تعریف کردیم. حالا برای اینکه بفهمیم mt-12 یعنی چی و چرا از text-4xl استفاده کردم و … این […]

دسته‌ها
آموزش

Tailwind لذت استایل نویسی

A utility-first CSS framework for rapidly building custom designs. این توضیحی است که وب سایت توسعه دهنده‌ی Tailwind درباره‌ش گفته. یک چهارچوب برای هرچه سریع‌تر طراحی کردن وب‌سایت‌ها. در واقع Tailwind یک پیش پردازنده (preprocessor) برای css نویسی نیست. مجموعه‌ای از استایل‌های از قبل نوشته شده که می‌توان باسرعت در فایل HTML از آنها را […]