999: Writing Maintainable CSS

From Syntax - Tasty Web Development Treats by Wes Bos & Scott Tolinski - Full Stack JavaScript Web Developers

April 27, 2026 · 50 min

About this episode

Scott and Wes discuss strategies for writing maintainable CSS, including methodologies and practical tips.

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 fluid-type 12:09 Variables and Consistency in CSS 13:40 Brought to you by Sentry.io. 14:14 Values vs Variables. Project Wallace. 18:19 Choosing the Right CSS Methodology 18:48 Utility CSS and Atomic CSS 22:35 Exploring StyleX and Other Approaches Syntax Ep 650. 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 Josh Comeau’s CSS Reset. Scott’s Graffiti UI. 38:22 Harnessing CSS Variables 41:33 Understanding CSS Layers 43:52…

People in this episode

Hosts: Scott Tolinski, Wes Bos

Topics covered

CSS manageability
CSS methodologies
fluid layouts
CSS variables
scoping
tooling
responsive design

Keywords

CSS
style leaks
utility CSS
component-scoped styles
CSS modules
fluid typography
responsive design
CSS variables
scoping
tooling

Mentioned in this episode

Books & works: Project Wallace, Josh Comeau’s CSS Reset, Scott’s Graffiti UI, StyleX, Panda CSS

More episodes of Syntax - Tasty Web Development Treats

1002: The Real Pricing of LLMs · May 6, 2026 · 53 min
1001: Managing Deadlines + Stress · May 4, 2026 · 33 min
1000: Syntax Episode 1,000! · April 29, 2026 · 1h 13m
998: How to Fix Vibe Coding · April 22, 2026 · 45 min
997: Rating and Roasting Your Projects · April 20, 2026 · 54 min
996: 10 New CSS and HTML APIs · April 15, 2026 · 31 min

Explore listener stats, chart rankings, contacts and more on the Syntax - Tasty Web Development Treats podcast page.