𝔖 Scriptorium
✦   LIBER   ✦

πŸ“

Modern CSS with Tailwind: Flexible Styling Without the Fuss

✍ Scribed by Noel Rappin


Publisher
Pragmatic Bookshelf
Year
2022
Tongue
English
Leaves
102
Edition
2
Category
Library

⬇  Acquire This Volume

No coin nor oath required. For personal study only.

✦ Synopsis


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.

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.

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.

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.

✦ Table of Contents


Cover
Table of Contents
Acknowledgments
Preface to the Second Edition
Introduction
Why Tailwind?
About This Book
Who This Book Is For
Running the Sample App
1. Getting Started with Tailwind
What the Tailwind CLI Does
Using the Sample Code
Adding Tailwind to Your App
Quick Start
2. Tailwind Basics
Utilities
Preflight
Duplication
Modifiers
CSS Units
3. Typography
Size and Shape
Color and Opacity
Alignment and Spacing
Special Text
Lists
Typography Plugin
Tailwind Forms
4. The Box
Can You See the Box?
What’s in the Box?
Padding and Margins
Borders
Background Color
Background Images
Filters
Height and Width
5. Page Layout
Containers
Floats and Clears
Position and Z-Index
Tables
Grids
Columns
Flexbox
Box Alignment
6. Animation
Helpful Small Animations
Transitions
Transformation
Other Appearance Things
7. Responsive Design
Tailwind Screen Widths and Breakpoints
Hide Based on Size
Fewer Grid Columns on Small Devices
Flex on Larger Devices
8. Customizing Tailwind
Configuration File Basics
Change Default Values
Change Generated Classes
Variant Modifiers
Integrate with Existing CSS
Access Tailwind from JavaScript
Plugins
The End


πŸ“œ SIMILAR VOLUMES


Modern CSS with Tailwind: Flexible Styli
✍ Noel Rappin πŸ“‚ Library πŸ“… 2021 πŸ› Pragmatic Bookshelf 🌐 English

<div><p>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

Modern CSS with Tailwind: Flexible Styli
✍ Rappin, Noel πŸ“‚ Library πŸ“… 2021 πŸ› The Pragmatic Programmers 🌐 English

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\

Modern CSS with Tailwind: Flexible Styli
✍ Noel Rappin πŸ“‚ Library πŸ“… 2022 πŸ› Pragmatic Bookshelf 🌐 English

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 opa

Ultimate Tailwind CSS Handbook: Build sl
✍ Kartik Bhat πŸ“‚ Library πŸ“… 2023 πŸ› Orange Education Pvt Ltd 🌐 English

<p><span>Create Your Responsive Website with Zero CSS Coding<br><br>Key Features </span><span><br>● A step-by-step guide to build a responsive modern website using Tailwind CSS.<br>● Explore the updated features, components, and configuration options of Tailwind CSS.<br>● Leverage Tailwind CSS to bu

Tailwind CSS
✍ Ivaylo Gerchev πŸ“‚ Library πŸ“… 2022 πŸ› SitePoint 🌐 English