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

User Experience for the Web
Open2Study
Writing for the Web
Open2Study
Web-Engineering I: Grundlagen der Web-Entwicklung
iversity
Human-Computer Interaction Design
University of California, San Diego via Coursera
Ruby مدخل إلى برمجة مواقع الإنترنت باستخدام لغة
Rwaq (رواق)