816: Why Your CSS Sucks
Syntax - Tasty Web Development Treats
Wes Bos
4.9 • 1.1K Ratings
🗓️ 2 September 2024
⏱️ 28 minutes
🧾️ Download transcript
Summary
Scott and Wes break down why your CSS might suck—from misusing specificity to not leveraging CSS variables. Tune in as they dive into common pitfalls that are making your stylesheets a hot mess.
Show Notes
- 00:00 Welcome to Syntax!
- 00:33 Breakdancing in the Olympics.
- 05:29 Brought to you by Sentry.io.
- 05:44 Why your CSS sucks.
- 07:01 You’re styling the wrong element.
- 11:01 Nesting too deep.
- 12:37 You don’t understand specificity.
- 14:56 Your classes don’t use a system.
- 16:24 You’re using values instead of CSS vars.
- 20:16 You don’t understand block vs inline vs inline-block.
- 21:16 You aren’t using the right tool for the job.
- 24:15 You’re setting the value in too many places.
- 24:31 You’re scoping to tightly or not tightly enough.
Hit us up on Socials!
Syntax: X Instagram Tiktok LinkedIn Threads
Wes: X Instagram Tiktok LinkedIn Threads
Transcript
Click on a timestamp to play from that location
| 0:00.0 | Oh, welcome to syntax on this Monday hasty treat. We're going to be talking about why your |
| 0:06.0 | CSS sucks. That's right. We're going through some of the reasons why you might be writing |
| 0:11.0 | bad CSS and what you can do about that to change that so that |
| 0:14.8 | way you can write well maintainable, you know nicely readable and then CSS is |
| 0:20.4 | going to make your coworkers happy. As always, my name is Scott Tolinsky. |
| 0:24.0 | I'm a developer from Denver with me, as always is. |
| 0:26.0 | West Boss, what's up, Wes? |
| 0:28.0 | Hey, as someone who writes a lot of sucky CSS, |
| 0:31.0 | I feel like I have a lot to bring to this conversation. |
| 0:33.0 | Love it, love it. Hey, I don't know if you saw this West, but Canada won the gold for men's |
| 0:40.0 | breaking or also known as breakdancing in the Olympics. |
| 0:42.8 | Yes, Canada, Phil Wizard, who was, he's a kind of a favorite to win. |
| 0:47.0 | He hasn't ever won a world championship before, |
| 0:49.5 | but he's been close. |
| 0:51.0 | So him winning is not a shocking surprise, but I thought you might like to know that. |
| 0:54.8 | Wow. Well that's cool. I didn't realize. Can we talk about all the drama that went down with the Australian |
| 1:02.0 | woman? I know that it's a I'm so tired yes yeah it's |
| 1:06.9 | currently progressing you know there's people there's like people are thinking that she like scammed her way in but all of that aside |
| 1:15.3 | thoughts on the Australian and can you explain what happened? |
| 1:20.3 | Yeah so okay for one breaking is oftentimes goofy. You know, it goes back into the history, |
| 1:26.6 | frosty freeze, one of the, you know, one of the original rock city, maybe not first gen, he might be First Gen either way, old school Rock City |
| 1:35.4 | Crewbreaker, very goofy style. |
... |
Please login to see the full transcript.
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.
Copyright © Tapesearch 2025.