Multi-Theme Strategy with Tailwind CSS
with Simon Vrachliotis
Traditional theming support with the Tailwind CSS Plugin API
In this workshop, we'll add support for multiple color themes to the Calendar Booking App.
Before we dive in, let's go over some formalities and housekeeping around the workshop.
What and when?
Here's the timetable for today's workshop.
| Time | What? | Duration |
|---|---|---|
| 1:00 PM - 1:15 PM | housekeeping | 15 min |
| 1:15 PM - 2:15 PM | Theming part 1 | 60 min |
| 2:15 PM - 2:30 PM | break | 15 min |
| 2:30 PM - 3:45 PM | Theming part 2 | 75 min |
| 3:45 PM - 4:00 PM | break | 15 min |
| 4:00 PM - 5:00 PM | Theming part 3 | 60 min |
Focus groups & breakout rooms
You'll be split in small focus groups for today's workshop challenges. This consists of separate "breakout rooms", where each member of the group will take turns "driving" a challenge by sharing their screen.
The groups will remain the same for the entire workshop.
At the end of challenges, we'll all come back together to discuss. "Pairing" in small groups and actively participating to group discusions are key to this workshop. They'll help you maximise your learning experience.
I really encourage everyone to participate actively, ask questions, and of course be supportive of one another!
Aaaand... who are you?
I'm Simon, your workshop instructor. 👋
If you've watched some YouTube videos from the Tailwind Labs channel, you've most probably seen my face already!
I love utility-first CSS. I've been supporting and promoting this styling approach even before Tailwind CSS existed! I'm a front-end developer, designer and content creator.
I bring a lot of enthusiasm and positive energy in everything I do, this is just how I'm wired up!
I have been teaching in-person workshops for multiple senior engineering teams, and a constant piece of feedback I get is my workshops are exciting, fun and engaging. To me, that's the best way to learn!
I sometimes speak at conferences and meetups. I make YouTube videos and I'm also an instructor on egghead.io.
Oh, and I recently started a podcast with my new friend Jon Meyers - it's called The NavBar, you should check it out!
You can connect with me on Twitter, I'm simonswiss 🇨ðŸ‡
I'm super excited to dive into this workshop with you.