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

Mobile Web Development
Google via Udacity
iDESWEB, Introducción al desarrollo web
Miríadax
Information Design
University of California, San Diego via Coursera
Advanced Styling with Responsive Design
University of Michigan via Coursera
Front-End Web UI Frameworks and Tools
The Hong Kong University of Science and Technology via Coursera