816: Why Your CSS Sucks

Syntax - Tasty Web Development Treats

Wes Bos

Tech News, News, Technology

4.9 • 1.2K Ratings

🗓️ 2 September 2024

⏱️ 28 minutes

🔗️ Recording | iTunes | RSS

🧾️ 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. CSS Logical Properties 21:16 You aren’t using the right tool for the job. CSS Flexbox, CSS Grid. 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 Scott: X Instagram Tiktok LinkedIn Threads Randy: X Instagram YouTube 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.

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.