Sign inOpen the app
Syntax - Tasty Web Development Treats

999: Writing Maintainable CSS

April 27 · 50 min
0:00-50:08

Streams straight from the publisher. PodNod never proxies or re-hosts episode audio.

Open in PodNod

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

Scott: X Instagram Tiktok LinkedIn Threads

Randy: X Instagram YouTube Threads