Modern CSS with Tailwind: Flexible Styling without the Fuss

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

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

تنظیم Tailwind بسیار واضح است و درک صفحه نمایش را ممکن می‌سازد. فقط با نگاه کردن به نشانه گذاری HTML. با طراحی جزئیات تایپوگرافی تک تک عناصر، سپس قرار دادن و دستکاری آن عناصر در \"جعبه\" - مستطیل فضایی که هر عنصر روی صفحه می گیرد - با استفاده از یک جعبه انعطاف پذیر یا طراحی شبکه ای شروع کنید. با انیمیشن‌ها و انتقال‌های کوچک مفید، آن عناصر را در سراسر صفحه جابه‌جا کنید. با Tailwind، نمونه سازی اولیه، تکرار و سفارشی کردن صفحه نمایش شما آسان است. برای مشخص کردن رفتار از پیشوندها استفاده کنید. پیش‌فرض‌ها را تغییر دهید، رفتار جدیدی اضافه کنید یا با CSS قدیمی ادغام کنید.

از Tailwind برای ایجاد طراحی‌های وب خارق‌العاده بدون تلاش خارق‌العاده استفاده کنید.

آنچه نیاز دارید:

/p>

این کتاب درباره Tailwind 2.0 است. برای اجرای نمونه برنامه باید بتوانید Ruby on Rails را نصب کنید.

Tailwind CSS is an exciting new CSS framework that allows you to design your site by composing simple utility classes to create complex effects. With Tailwind, you can style your text, move your items on the page, design complex page layouts, and adapt your design for devices from a phone to a wide-screen monitor. With this book, you'll learn how to use the Tailwind for its flexibility and its consistency, from the smallest detail of your typography to the entire design of your site.

With CSS, you can do amazing things to the basic text and images on your website, and with just a little bit of client-side code to add and remove CSS classes, you can do exponentially more. CSS can also be hard to debug, complicated to write, and hard to maintain - �?�but it doesn't have to be. With Tailwind, you can minimize the amount of CSS you need to write, making it easier to control and debug, and yet still enjoy full flexibility and consistency across your site. Use Tailwind to build complex page layouts, add responsive design that adjusts to different screen widths, and dramatically reduce the amount of CSS you need.

The Tailwind setup is extremely explicit, and makes it possible to understand the display just by looking at the HTML markup. Start by designing the typographic details of the individual elements, then placing and manipulating those elements in "the box" - the rectangle of space each element takes up on screen - using a flexbox or grid design. Move those elements around the page with helpful small animations and transitions. With Tailwind, it's easy to prototype, iterate, and customize your display. Use prefixes to specify behavior. Change defaults, add new behavior, or integrate with legacy CSS.

Use Tailwind to make extraordinary web designs without extraordinary effort.

What You Need:

This book is about Tailwind 2.0. You need to be able to install Ruby on Rails to run the sample app.