999: Writing Maintainable CSS

Syntax - Tasty Web Development Treats

Wes Bos

Tech News, Technology, News

4.9 • 1.2K Ratings

🗓️ 27 April 2026

⏱️ 50 minutes

🔗️ Recording | iTunes | RSS

🧾️ Download transcript

Summary

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 fluid-type 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

Transcript

Click on a timestamp to play from that location

0:00.0	Welcome to Stenax. Today we're talking about writing maintainable CSS. How to structure your project, how to write CSS so that you don't end up with just a dumpster fire of CSS. That's impossible. Your website starts to rot over time randomly. You find like the one thing that you can tell when a website has rotting CSS is you see
0:21.9	like a Times New Roman sneak out or like a weird font that doesn't belong there you know it's just
0:28.3	like oh man you know that this is this is probably a mess inside so how do you write
0:33.8	maintainable manageable CSS what are some good approaches to do? What are
0:39.3	some methods? As well as
0:41.2	what about tailwind
0:43.2	utility frameworks? Atomic CSS,
0:45.4	dialects, component, scope
0:47.4	CSS. There's different approaches
0:49.2	to do. We're going to talk through those as
0:51.2	well as maybe some tools to
0:53.2	enforce that yourself. My name is Wes Boss. I'm a
0:56.0	developer from Canada. With me is Mr. Scott Talinsky, absolute slop master of all CSS.
1:03.4	Knows what he's talking about here. Yes. Yes, I have been there. I've been there, done that.
1:10.5	Man, Wes, I, uh, speaking of non-slop, I went to dance
1:15.7	yesterday and it was my first dance practice in my 40s. And boy, does that hit different. Boy does
1:24.3	that hit different. That's for sure. I'm feeling it.
1:30.2	Oh, man, that's great.
1:32.6	All right, let's get on into it.
1:37.8	First of all, let's talk about what makes CSS manageable or unmanageable.
1:43.8	And then we're going to go into the different methods and approaches that you can use as well as some tips as to how to write good CSS. So first of all,
1:44.7	like what causes CSS to be a mess or unmanageable, right? Very high level, CSS does not leak
	...

Please login to see the full transcript.

Previous episode | Next episode

Disclaimer: The podcast and artwork embedded on this page are from Wes Bos, and are the property of its owner and not affiliated with or endorsed by Tapesearch.

Generated transcripts are the property of Wes Bos and are distributed freely under the Fair Use doctrine. Transcripts generated by Tapesearch are not guaranteed to be accurate.