Sign up to save your podcasts
Or
Share 999: Writing Maintainable CSS
Share to email
Share to Facebook
Share to X
Share to email
Share to Facebook
Share to X
Or
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
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
View all episodes
By Wes Bos & Scott Tolinski - Full Stack JavaScript Web Developers
4.9
977977 ratings
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.
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
More shows like Syntax - Tasty Web Development Treats
View all
Software Engineering Radio - the podcast for professional software developers
275 Listeners
Hanselminutes with Scott Hanselman
379 Listeners
The Changelog: Software Development, Open Source
289 Listeners
Software Engineering Daily
626 Listeners
Talk Python To Me
583 Listeners
Soft Skills Engineering
288 Listeners
Thoughtworks Technology Podcast
43 Listeners
Python Bytes
213 Listeners
The freeCodeCamp Podcast
483 Listeners
CoRecursive: Coding Stories
188 Listeners
Practical AI
208 Listeners
The Stack Overflow Podcast
62 Listeners
The Real Python Podcast
139 Listeners
PodRocket
60 Listeners
Oxide and Friends
65 Listeners