September 2nd, 2024 × #CSS#webdevelopment#frontend
Why Your CSS Sucks
Discussion on reasons why CSS code can be difficult to work with and maintain over time
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