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 Notes00:00 Welcome to Syntax!01:31 Understanding CSS Manageability01: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 CSS09:36 Fluid Typography and Responsive Designfluid-type12:09 Variables and Consistency in CSS13:40 Brought to you by Sentry.io.14:14 Values vs Variables.Project Wallace.18:19 Choosing the Right CSS Methodology18:48 Utility CSS and Atomic CSS22:35 Exploring StyleX and Other ApproachesSyntax Ep 650.25:14 Panda CSS.25:37 Component Scoped CSS: A Preferred Approach29:08 The Evolution of CSS Modules34:03 Global CSS: Best PracticesJosh Comeau’s CSS Reset.Scott’s Graffiti UI.38:22 Harnessing CSS Variables41:33 Understanding CSS Layers43:52 The Power of CSS Scoping46:16 Enforcing CSS Standards with ToolsHit us up on Socials!Syntax: X Instagram Tiktok LinkedIn ThreadsWes: X Instagram Tiktok LinkedIn ThreadsScott: X Instagram Tiktok LinkedIn ThreadsRandy: X Instagram YouTube Threads.
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