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
