Temporal
Tailwind CSS, v2
This Workshop's Online Chatroom is Currently Open!
This workshop has ended. Check back soon for the recording!
You can watch a replay of this workshop!
Spend a full day learning Tailwind 4, the utility-first CSS framework that can be composed to build any design, directly in your markup.
Key Takeaways
By participating along with us in the workshop, you'll learn:
- Compose any design directly in markup with Tailwind’s utility-first approach
- Implement advanced responsive layouts with flexbox, grid, sub-grid, and container queries
- Build accessible, interactive components using group/peer/has variants and ARIA/data states
- Create semantic design tokens, OKLCH color themes, and dark-mode support
- Extend Tailwind with custom plugins, utilities, and animations
Is This Workshop for Me?
Front-end and full-stack engineers who know basic HTML/CSS and want a faster,
design-system-friendly workflow. Ideal for teams migrating from Tailwind 3, Bootstrap,
or CSS-in-JS stacks and for design-system owners evaluating token-based theming.
Workshop Details
This full-day, hands-on workshop takes you from zero to production-ready with Tailwind CSS version 4. You’ll master the utility-first mindset, OKLCH color theming, container queries, responsive layout patterns, interaction variants (group/peer/has), animation helpers, and build real components you can drop straight into your projects.
Any Prerequisites?
- Comfortable editing HTML templates or JSX/TSX
- Working knowledge of modern CSS (flexbox, grid basics)
Attend Online Live and in Full HD
Or Join In Person from Downtown Minneapolis
Get Your Questions Answered
Code Along with the Class
Classroom Format
You're Registered to Attend Online!
You'll receive additional details and a reminder via email as the event draws near.
Tailwind CSS, v2
Event Details
What
- One Full Day Workshop Session
- Replay Videos (available immediately)
When
- June 13, 2025 - 9:30am to 4:30pm Central Daylight Time
Where
- Option 1: Attend online on our full HD live stream
- Option 2: Attend in-person at HQ in Minneapolis, MN
Daily Schedule
- 9:30AMCourse introduction and overview
- 10:00AMUtility-first foundations
- 11:00AMVariants & state machines
- 11:30AMFlexbox patterns
- 12:00PMLunch Break
- 1:00PMGrid, sub-grid & columns
- 1:30PMResponsive design with container queries
- 2:00PMContainer queries deep-dive
- 3:00PMTheming & design tokens
- 4:00PMMotion, animation & polish
- 4:45PMWrap-up and Q&A
Your (Awesome) Instructor
Steve Kinney
Steve is the front-end architect at Temporal. Previously, he was the front-end architect at Twilio and SendGrid. He is the director emeritus and founder of the front-end engineering program at the Turing School for Software and Design in Denver, Colorado — a non-profit developer training program. In a previous life, Steve was a New York City public school teacher. He taught special education and web development in Manhattan, Brooklyn, and Queens. He currently lives in Denver, Colorado
Check out all of our upcoming workshops!
Workshops happen throughout the year, and are all included with membership.