YoVDO

Introduction to Tailwind and the Utility First Workflow

Offered By: egghead.io

Tags

Tailwind Courses Web Development Courses Web Design Courses Responsive Design Courses

Course Description

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

Related Courses

Software as a Service
University of California, Berkeley via Coursera
Intro to Computer Science
University of Virginia via Udacity
Web Development
Udacity
Software Engineering for SaaS
University of California, Berkeley via Coursera
CS50's Introduction to Computer Science
Harvard University via edX