کتاب Modern CSS with Tailwind

کتاب Modern CSS with Tailwind: Flexible Styling Without the Fuss, 2nd Edition (CSS مدرن با Tailwind: یک ظاهر طراحی انعطاف پذیر بدون سر و صدا، نسخه دوم) با استفاده از چارچوب Tailwind نسخه 3، ساخت صفحات وب را در کنار CSS آموزش می‌دهد.

در ادامه مقدمه‌ای از کتاب Modern CSS with Tailwind را از زبان نویسنده شرح خواهیم داد.

مقدمه‌ای بر کتاب Modern CSS with Tailwind:

پیشگفتار چاپ دوم

کتاب Modern CSS with Tailwind نسخه سوم Tailwind را پوشش می‌دهد که به طور قابل توجهی نحوه کار Tailwind CSS و نحوه تعامل اکثر توسعه‌دهندگان با آن را تغییر می‌دهد. Tailwind ۳. ۰ یک موتور به‌موقع (JIT) اضافه می‌کند، که روشی را تغییر می‌دهد که Tailwind تعیین می‌کند چه کد‌هایی را که برگه‌های سبک آبشاری (CSS) تولید کند و در دسترس مرورگر قرار دهد، تغییر می‌دهد.

Tailwind مجموعه بزرگی از کلاس‌های CSS است که هر کدام مجموعه‌ای از ویژگی‌های CSS را در خود جای می‌دهند. در نسخه‌های قبلی، Tailwind فهرستی از کلاس‌های CSS خود را تولید کرد و سپس به شما اجازه داد تا هر کلاسی را در آن لیست که می‌خواهید حذف شود مشخص کنید تا اندازه فایل Tailwind را برای اهداف عملکرد محدود کنید.

موتور JIT این فرآیند را معکوس می‌کند. ابزار خط فرمان Tailwind اکنون با یک فایل خالی شروع می‌شود و کلاس‌های CSS کاربردی را بر اساس الگو‌هایی که با کد فرانت‌اند شما مطابقت دارد، به آن فایل اضافه می‌کند.

با دیگر نیازی به برشمردن تمام کلاس‌های احتمالی Tailwind از قبل، این ابزار آزاد می‌شود تا بسیار انعطاف‌پذیرتر و قدرتمندتر باشد. به عنوان مثال، Tailwind اکنون به شما اجازه می‌دهد تا رنگ پس زمینه و شفافیت را در یک کلاس مشخص کنید، مانند bg-yellow-۷۰۰/۵۰، با رنگ لیست شده اول و کدورت بعد از اسلش. قبلاً، تعداد کلاس‌های بالقوه‌ای که سینتکس اجازه می‌داد، مدیریت آن را بسیار پرهزینه می‌کرد.

بیشتر بخوانید: کتاب CSS: The Definitive Guide

Tailwind مجموعه‌ای از اصلاح‌کننده‌ها را ارائه می‌کند که به‌طور مشروط کلاس‌ها را تحت شرایط خاصی اعمال می‌کنند، مانند شناور یا فوکوس. در نسخه‌های قبلی Tailwind، تنها یک زیرمجموعه کوچک از اصلاح‌کننده‌ها به‌طور پیش‌فرض فعال بودند، زیرا هر کدام کل مجموعه‌های بالقوه خود را به اندازه Tailwind اضافه می‌کردند. با موتور JIT، و دیگر نیازی به شروع از لیست کلاس‌های بالقوه نیست، همه اصلاح‌کننده‌ها به‌طور پیش‌فرض فعال هستند و چندین اصلاح‌کننده جدید اضافه شده‌اند.

در Tailwind ۳. ۰، بسیاری از ویژگی‌هایی که قبلاً فقط مقدار مشخصی از مقادیر بالقوه داشتند، به شما امکان می‌دهند از مقادیر دلخواه استفاده کنید، مانند m-[۴۳px] برای حاشیه دقیقاً ۴۳ پیکسل. انجام این کار اغلب توصیه نمی‌شود – یکی از مزایای Tailwind ثبات اندازه‌گیری‌ها است. با این حال، گاهی اوقات شما به یک مقدار یکباره نیاز دارید و Tailwind ۳. ۰ انجام این کار را بسیار آسان‌تر می‌کند.

به دلیل موتور JIT، این درست است که هم تقریباً تمام ویژگی‌هایی که در Tailwind ۲. ۰ استفاده کردید هنوز وجود دارند و هم اینکه همه آن‌ها بسیار انعطاف‌پذیرتر شده‌اند. من سعی کرده‌ام در این متن به توانایی اضافی برای استفاده از مقادیر دلخواه در بسیاری از الگو‌ها بدون تأیید استفاده مداوم از آن الگو‌ها اشاره کنم.

علاوه بر این، دستورالعمل‌های نصب Tailwind تغییر کرده است و گزینه جدیدی برای استفاده از ابزار خط فرمان مستقل وجود دارد که نیازی به استفاده از NodeJS ندارد. به همین دلیل، من توانستم کد نمونه این کتاب را بسیار ساده‌تر کنم – اکنون این فقط یک فایل HTML ثابت و یک فایل CSS Tailwind است. همچنین تغییرات قابل توجهی در ویژگی‌های خاص Tailwind مانند رنگ ایجاد شده است و گزینه‌های پیکربندی تا حدودی تغییر کرده‌اند.

بنابراین به Tailwind ۳. ۰ خوش آمدید! اگر این اولین تجربه شماست، ‌امیدوارم کتاب Modern CSS with Tailwind به شما کمک کند تا در پیچیدگی‌های ابزار پیمایش کنید. اگر برای اولین نسخه با من بودید، ‌امیدوارم در این نسخه راهنمای روشنی برای جدیدترین نسخه Tailwind پیدا کنید.

سرفصل‌های کتاب Modern CSS with Tailwind:

• Cover
• Table of Contents
• Acknowledgments
• Preface to the Second Edition
• Introduction
• 1. Getting Started with Tailwind
• 2. Tailwind Basics
• 3. Typography
• 4. The Box
• 5. Page Layout
• 6. Animation
• 7. Responsive Design
• 8. Customizing Tailwind

جهت دانلود کتاب Modern CSS with Tailwind می‌توانید پس از پرداخت، دریافت کنید.