Название: Modern CSS with Tailwind: Flexible Styling Without the Fuss, 2nd Edition
Автор: Noel Rappin
Издательство: Pragmatic Bookshelf
Год: April 19, 2022 (version B3.0)
Страниц: 97
Язык: английский
Формат: pdf (true), epub, mobi
Размер: 10.1 MB, 14.8 MB

Many web developers underrate CSS. Cascading Style Sheets (CSS) enable you to control the display of your information and enhance your page with visual effects. CSS is powerful. With CSS, you can do amazing things to the basic text and images on your site, and with 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 difficult to control. But it doesn’t have to be.

Enter Tailwind. Tailwind CSS - a “utility-first” CSS framework to “rapidly build modern websites without ever leaving your HTML” - can make the CSS for your site easier to control and debug. In this book, you’ll dive into the Tailwind CSS framework, taking a look at its typography, page layout, responsive design, and more.

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.

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.

The Tailwind code is extremely explicit and makes it possible to understand the display simply by looking at the HTML markup. It works well with front-end frameworks that have an aesthetic of putting a bunch of CSS or jаvascript data in the HTML markup. If you want to package a collection of classes for reuse, Tailwind provides an @apply directive that you can use to build new CSS classes out of Tailwind’s utilities, but it’s recommended that you use features of your web programming language and framework to manage the duplication.

With Tailwind, it’s easy to prototype, iterate, and customize your display, use prefixes to specify behavior, change defaults, add new behavior, and integrate with legacy CSS. 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.