Web Rush

Episode 178: Tailwind CSS with Shawn Wildermuth

Episode Summary

Shawn Wildermuth talks with us about Tailwind, answering questions about when Tailwind works best, how to think about Tailwind classes and components, how to prune your CSS, how Tailwind interacts with React or TSX, and handling dark or light theming with Tailwind.

Episode Notes

Recording date: 03/17/2022

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

Shawn Wildermuth @ShawnWildermuth

Brought to you by

• AG Grid

  

• Ionic

  

Resources:

• Tailwind CSS
• Shawn’s Hello World film
• Shawn’s blog
• The pros and cons of using TailWind CSS
• Bulma
• Bootstrap
• CSS values and units
• FlexBox CSS
• jQuery
• Dan’s course on jQuery at Pluralsight
• UnCSS
• PostCSS
• TailWind CSS on GitHub
• SASS
• Using pre-processors with TailWindCSS
• Shawn’s Coding Short on Tailwind
• Docker ignore files

Timejumps

• 00:50 Diving in to Tailwind
• 01:35 Guest introduction
• 03:44 What is Tailwind?
• 06:04 When does Tailwind work best?
• 10:32 Sponsor: Ionic
• 11:07 Tailwind classes and components
• 17:04 What is flex?
• 17:41 Pruning your CSS
• 27:56 Sponsor: Ag Grid
• 29:00 How does Tailwind interact with React or TSX?
• 32:36 Can you use Sass with Tailwind?
• 33:49 How does Tailwind handle dark or light theming?
• 36:38 Final thoughts

Podcast editing on this episode done by Chris Enns of Lemon Productions.