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

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