Tailwind CSS v2.0: From Zero to Production

Tailwind CSS v2.0: From Zero to Production

  • 9 videos
  • 01 h 36 min
  • Beginner
  • FREE

Overview

It’s an eight-part series totaling 1.5 hours of content, and walks you through everything from the initial setup process, to building out a responsive design with utility classes, to customizing your design system, to optimizing for production with PurgeCSS.

  • Setting Up Tailwind CSS
  • The Utility-First Workflow
  • Responsive Design
  • Hover, Focus and Other States
  • Composing Utilities with @apply
  • Extracting Reusable Components
  • Customizing Your Design System
  • Optimizing for Production
  • Watch the series on YouTube and grab the source code for each lesson on GitHub.

What are you waiting for? Start watching →

Episodes

  • 00: Course Intro

    01:12

  • 01: Setting Up Tailwind CSS v2.0

    10:01

  • 03: Responsive Design

    19:04

  • 04: Hover, Focus and Other States

    07:00

  • 05: Composing Utilities with @apply

    10:00

  • 06: Extracting Reusable Components

    09:39

  • 07: Customizing Your Design System

    11:48

  • 08: Optimizing for Production

    15:08

Reviews

No review yet.

Author


Tailwind Labs Profile Picture

Tailwind Labs

We're a small team of developers and designers spread out all across the world, building tools that help other developers build better user interfaces. We created Tailwind CSS, Headless UI, Hero Patterns, Heroicons, and wrote Refactoring UI.