Composing CSS Utility Classes with Tailwind Course Introduction

Share this video with your friends

Send Tweet
Published 5 years ago
Updated 4 years ago

In this course, you'll learn to build custom user interfaces with Tailwind, a utility-first CSS framework.

Throughout the lessons, you'll discover how to use Tailwind and compose utility classes together like lego blocks. You'll also learn to customise the JavaScript configuration file to make your own, tailor-made version of Tailwind.

We'll touch on topics such as how to handle responsive breakpoints, how to trigger specific element states, how to handle specificity, how to keep your bundle file size in check, and how to seamlessly extend Tailwind with your own custom utility classes.

You'll also discover how you can extract repetitive utility classes into BEM-like UI components.

By the end of this course, you should feel very confident starting a new project (or refactoring an existing one!) with Tailwind.

Instructor: [00:00] In this course, you'll learn to build custom user interfaces with Tailwind, a utility for CSS framework. Throughout the lessons, you'll discover how to use Tailwind and compose utility classes together like Lego blocks. You'll also learn to customize the JavaScript configuration file to make your own tailor-made version of Tailwind.

[00:19] We'll touch on topics such as how to handle responsive breakpoints, how to trigger specific element states, how to handle specificity, how to keep your bundle file size in check, and how to seamlessly extend Tailwind with your own custom utility classes.

[00:36] You'll also discover how you can extract repetitive utility classes into BIM-like UI components. By the end of this course, you should feel very confident studying a new project or refactoring an existing one with Tailwind.

Justin Noel
Justin Noel
~ 3 years ago

This course is over 2 years old. You might want to consider this course (by the creator of Tailwind) instead:

https://egghead.io/lessons/tailwind-set-up-tailwind-and-postcss