What do you think?
Rate this book
Modern CSS with Tailwind Flexible Styling without the Fuss
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.
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.
- GenresDesign
92 pages, Kindle Edition
Published June 8, 2021
8 people are currently reading
20 people want to read
Ratings & Reviews
Friends & Following
Create a free account to discover what your friends think of this book!
Community Reviews
Displaying 1 - 3 of 3 reviews
July 28, 2022
Bom livro mas funciona mais como uma documentação das classes e ferramentas do que um guia aprenda fazendo.
September 2, 2021
A very short book and only review basic info on how Tailwind works.
March 16, 2023
This is a short book, and as someone already using Tailwind on their own side projects was mostly a review of concepts known. I did pick up a few little things and hope to get more production experience with Tailwind on future projects.
Update: Read the new second edition of the book as part of a book club. Hoping to pick up a few tidbits of the new version 3, and I did -- BUT overall, this is a poor way to learn Tailwind. The lack of visual examples and dry delivery makes me recommend other online videos and things.
Update: Read the new second edition of the book as part of a book club. Hoping to pick up a few tidbits of the new version 3, and I did -- BUT overall, this is a poor way to learn Tailwind. The lack of visual examples and dry delivery makes me recommend other online videos and things.
Displaying 1 - 3 of 3 reviews