999: Writing Maintainable CSS

Hosted byWes Bos

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 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

Scott: X Instagram Tiktok LinkedIn Threads

Randy: X Instagram YouTube Threads