0 views
Read
#0
Learn Tailwind CSS - Pre-Requisite Skills & Setup Environment
This opening episode makes sure you have the prerequisite skills and software before touching Tailwind CSS: semantic HTML, basic CSS, build tools, Node.js, editor, and browser. You also set up a project skeleton and verify your build toolchain for the first time.
August 10, 2026
00
Read
#1
Learn Tailwind CSS - History, Background & Why You Need Tailwind CSS
This episode traces the evolution of web styling from monolithic CSS, preprocessors, and architecture patterns like BEM, to the birth of utility-first CSS. You'll also see a comparison of Tailwind with other approaches, its trade-offs, and a case study on migrating components from traditional CSS to utility classes.
August 10, 2026
00
Read
#2
Learn Tailwind CSS - Core Concepts & Main Architecture
This episode dissects how Tailwind works behind the scenes: utility generation via the JIT engine, content scanning, and the structure of tailwind.config.js. You also learn the core @tailwind and @apply directives, as well as the first official plugins you should know.
August 10, 2026
00
Read
#3
Learn Tailwind CSS - Quick Start — Installation & Basic Configuration
This first hands-on episode: you install Tailwind CSS via the Tailwind CLI, PostCSS plugin, or framework integration, then write a minimal tailwind.config.js and set up content for JIT. You also run the development workflow with watch mode.
August 10, 2026
00
Read
#4
Learn Tailwind CSS - Utility-First Workflow — The Most Commonly Used Basic Classes
This episode teaches the Tailwind classes you'll use most often day to day: typography, spacing, sizing, display, positioning, flexbox, grid, and state variants like hover, focus, active, and disabled. Each utility group is explained with direct markup examples.
August 10, 2026
00
Read
#5
Learn Tailwind CSS - Responsive Design & Breakpoints
This episode dissects Tailwind's breakpoint system: the screens configuration, the mobile-first approach, and how to use utilities per breakpoint along with complex patterns like min- and max-. You also learn best practices for avoiding class duplication.
August 10, 2026
00
Read
#6
Learn Tailwind CSS - Dark Mode, Theming & CSS Variables
This episode covers Tailwind's dark mode strategies: media versus class, along with the pros and cons of each. You also learn how to structure themes with theme.extend, use CSS custom properties for dynamic theme switching, plus integration with prefers-color-scheme and accessibility considerations.
August 10, 2026
00
Read
#7
Learn Tailwind CSS - Composing Utilities — @apply, Components, and Extracting Reusable Patterns
This episode covers when to use @apply and when to use inline utilities, how to create component classes inside the components layer, and advanced composition with variants and plugins. The focus is on reusable patterns without sacrificing flexibility.
August 10, 2026
00
Read
#8
Learn Tailwind CSS - Tailwind Config in Depth
This episode dissects tailwind.config.js fully: granular tokens like colors, spacing, borderRadius, fonts, and zIndex, using presets to share config across projects, and safelist for handling dynamic classes that aren't detected by the JIT engine.
August 10, 2026
00
Read
#9
Learn Tailwind CSS - Plugins & Extending Tailwind
This episode covers writing custom plugins for utilities, components, and variants, then leveraging official plugins like forms, typography, aspect-ratio, and line-clamp. You're also introduced to the public ecosystem: Tailwind UI, Headless UI, Heroicons, daisyUI, shadcn/ui, and class-variance-authority.
August 10, 2026
00