Modern CSS with Tailwind

Introduction to Tailwind 3.0

This new edition of the book covers Tailwind 3.0, which changes the way Tailwind generates its CSS. Tailwind 3.0 has a large number of new features powered by the new system, including the ability to use arbitrary values with most Tailwind class patterns, and a new syntax for combining color and opacity in a single class. This book also covers the new standalone command-line tools for Tailwind.

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.

Learning Tailwind 3.0

In the latest edition of this book, you''ll learn how to use Tailwind 3.0 and the new way it generates CSS. You''ll code your way through Tailwind''s newest features, including the ability to use arbitrary values with most Tailwind class patterns and a new syntax for combining color and opacity in a single class. You''ll even dive into the new standalone command-line tools for Tailwind.

Designing with Tailwind

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" using a flexbox or grid design. Finally, move those elements around the page with helpful small animations and transitions.

Prototyping and Customization

With Tailwind, it''s easy to prototype, iterate, and IPSize your display, use prefixes to specify behavior, change defaults, add new behavior, and integrate with legacy CSS.

Final Note

Use Tailwind to make extraordinary web designs without extraordinary effort.

What You Need:

This book is about Tailwind 3.0. You should have a basic knowledge of CSS and HTML.