3 months ago Syntax Podcast
Writing Maintainable CSS
Scott and Wes break down what makes CSS truly manageable—from preventing style leaks and embracing fluid layouts to choosing the right methodology, whether that's utility CSS, component-scoped styles, or CSS modules. They also dive into practical tips like leveraging CSS variables, layers, scoping, and tooling to keep your stylesheets clean and scalable.
Show Notes
- 00:00 Welcome to Syntax!
- 01:31 Understanding CSS Manageability
- 01:44 This CSS doesn’t leak to other parts of website.
- 03:41 This CSS is easy to maintain.
- 05:54 This CSS is reusable.
- 06:10 Global Solutions Instead of Local Solutions.
- 07:12 Flexibility and Adaptability in CSS
- 09:36 Fluid Typography and Responsive Design
- 12:09 Variables and Consistency in CSS
- 13:40 Brought to you by Sentry.io.
- 14:14 Values vs Variables.
- 18:19 Choosing the Right CSS Methodology
- 18:48 Utility CSS and Atomic CSS
- 22:35 Exploring StyleX and Other Approaches
- 25:14 Panda CSS.
- 25:37 Component Scoped CSS: A Preferred Approach
- 29:08 The Evolution of CSS Modules
- 34:03 Global CSS: Best Practices
- 38:22 Harnessing CSS Variables
- 41:33 Understanding CSS Layers
- 43:52 The Power of CSS Scoping
- 46:16 Enforcing CSS Standards with Tools
Hit us up on Socials!
Syntax: X Instagram Tiktok LinkedIn Threads
Wes: X Instagram Tiktok LinkedIn Threads
