Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

egghead.io

Introduction to Tailwind and the Utility First Workflow

via egghead.io

Overview

Meet Tailwind, a utility-first CSS framework for rapidly building custom user interfaces.
Tailwind provides us with highly compassable utility classes but leaves the design specification completely up to the user to maintain that custom look and feel to your app.

Syllabus

  • Set up Tailwind and PostCSS
  • The Tailwind Utility-First Workflow
  • Make Styles Responsive in Tailwind
  • Conditionally Style Elements with Tailwind Variants on Hover and Focus
  • Compose Tailwind Utilities with @apply
  • Extract Reusable Tailwind Components
  • Customize the Tailwind Design System
  • Remove unused CSS with Purgecss

Taught by

Adam Wathan

Reviews

4.8 rating at egghead.io based on 119 ratings

Start your review of Introduction to Tailwind and the Utility First Workflow

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.