Udemy, Coursera, 2U/edX Face Lawsuits Over Meta Pixel Use

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

LinkedIn Learning

Tailwind CSS 3 Essential Training

via LinkedIn Learning

Go to class Write review

Overview

Learn to simplify the design side of your web app creation by applying this programmer-friendly style framework.

Syllabus

Introduction
  • Why utility-first frameworks matter
  • Using the exercises for this course
2. Getting Started
  • Working with Tailwind CSS
  • Creating a custom build
  • Tailwind Play
  • Examples with CodePen
  • CodeSwing playground
3. Utility-First Features
  • Preflight
  • Utility class structure
  • Tailwind pitfalls
  • Color classes
  • Shortcut classes
  • Special classes
  • Responsive design
  • Custom properties
  • Challenge: Create a layout
  • Solution: Create a layout
4. Power Techniques
  • State modifiers
  • Position modifiers
  • Child and sibling elements
  • Form modifiers
  • Attribute modifiers
  • Pseudo-elements
  • Media modifiers
  • Dark mode
  • Challenge: Dark mode and grouping
  • Solution: Dark mode and grouping
5. Customizing Tailwind
  • Exploring the config
  • Configuring themes
  • Existing scales
6. Plugins
  • Plugins
  • Typography
  • Line clamp
Conclusion
  • Next steps

Taught by

Ray Villalobos

Reviews

Start your review of Tailwind CSS 3 Essential Training

Go to class

Never Stop Learning.

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

Sign up for free
Someone learning on their laptop while sitting on the floor.