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

• Welcome to Syntax!
• Understanding CSS Manageability
• This CSS doesn’t leak to other parts of website.
• This CSS is easy to maintain.
• This CSS is reusable.
• Global Solutions Instead of Local Solutions.
• Flexibility and Adaptability in CSS
• Fluid Typography and Responsive Design
  • fluid-type
• Variables and Consistency in CSS
• Brought to you by Sentry.io.
• Values vs Variables.
  • Project Wallace.
• Choosing the Right CSS Methodology
• Utility CSS and Atomic CSS
• Exploring StyleX and Other Approaches
  • Syntax Ep 650.
• Panda CSS.
• Component Scoped CSS: A Preferred Approach
• The Evolution of CSS Modules
• Global CSS: Best Practices
  • Josh Comeau’s CSS Reset.
  • Scott’s Graffiti UI.
• Harnessing CSS Variables
• Understanding CSS Layers
• The Power of CSS Scoping
• 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