Wes Bos & Scott Tolinski - Full Stack JavaScrip...

Zpravodajství

Technologické zprávy

Technika

816: Why Your CSS Sucks

Syntax - Tasty Web Development Treats

Full Stack Developers Wes Bos and Scott Tolinski dive deep into web development topics, explaining how they work and talking about their own experiences. They cover from JavaScript frameworks like React, to the latest advancements in CSS to simplifying web tooling.

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

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

Aplikace Youradio Talk

816: Why Your CSS Sucks

Poslechněte si podcast