Links
- Wix Studio (sponsor): https://tej.as/wix
- Codecrafters (sponsor): https://tej.as/codecrafters
- Shruti Balasa's Website: https://shrutibalasa.com/
- Tailwind Weekly: https://tailwindweekly.com/
- Shruti on X: https://x.com/shrutibalasa
- Tejas on X: https://x.com/tejaskumar_
Summary
Shruti Balasa, a Tailwind CSS expert, shares her journey of discovering and specializing in Tailwind CSS. She explains how Tailwind CSS enhanced her CSS skills and made her more efficient in web development. She also discusses the pain points that Tailwind CSS solves, such as context switching, naming conventions, and cross-browser compatibility.
Shruti emphasizes the importance of understanding CSS fundamentals before diving into Tailwind CSS. She also addresses common criticisms of Tailwind CSS, such as the length of class names and the use of the apply directive.
The conversation also covers topics like layers, dynamic and static components, and the use of Tailwind CSS for email design. Shruti recommends using plugins like Prettier Tailwind CSS Sorting for code organization and subscribing to Tailwind Weekly for updates on new plugins and resources. She also discusses upcoming features in Tailwind CSS, such as CSS-first configuration and container queries.
Takeaways
1. Understanding CSS fundamentals is important before diving into Tailwind CSS
2. Tailwind CSS solves pain points such as context switching and naming conventions
3. The apply directive should be used sparingly and for specific cases
4. The Tailwind config file allows customization and the creation of plugins
5. Tailwind CSS version 4 introduces auto-discovery and shifts towards using CSS for configuration
6. Tailwind CSS generates only the styles that are used in the source code with the Just-In-Time (JIT) compiler
7. Tailwind CSS is a choice and not a requirement for improving accessibility or performance.
8. Subscribing to Tailwind Weekly can provide updates on new plugins and resources.
9. Upcoming features in Tailwind CSS include CSS-first configuration and container queries.
Chapters
06:19 Discovering and Specializing in Tailwind CSS
09:33 Enhancing CSS Skills with Tailwind CSS
13:19 Solving Pain Points with Tailwind CSS
17:36 The Use of the Apply Directive in Tailwind CSS
26:16 Upcoming Changes in Tailwind CSS Version 4
34:21 The Latest State of Tailwind CSS v4 Discussions
37:33 Generating Only the Used Styles with the JIT Compiler
40:56 Maintaining Consistency in Large-Scale Projects with Custom Classes
53:47 Responsive Features in Tailwind CSS: Dark Mode and Reduced Motion
01:01:31 Tailwind CSS: A Choice for Convenience
01:04:28 Exploring Layers and Components in Tailwind CSS
01:09:00 Tailwind CSS for Email Design and Development
01:18:00 Useful Plugins for Tailwind CSS Productivity
01:22:34 Exciting Upcoming Features in Tailwind CSS
Hosted on Acast. See acast.com/privacy for more information.