meta_pixel
Tapesearch Logo
Log in
Syntax - Tasty Web Development Treats

695: 5 New CSS Features You Should Know

Syntax - Tasty Web Development Treats

Wes Bos

Tech News, Technology, News

4.91.2K Ratings

🗓️ 20 November 2023

⏱️ 25 minutes

🧾️ Download transcript

Summary

In this episode of Syntax, Wes and Scott talk about 5 new CSS features :nth-child(4 of .neat), CSS Motion Path, Scroll Snap, Scroll Driven Animations, and Margin Trim. Show Notes 00:25 Welcome 01:10 :nth-child(4 of .neat) selector list argument of :nth-child and :nth-last-child CSS pseudo-classes | Can I use 06:43 CSS Motion Path 10:38 Scroll Snap Practical CSS Scroll Snapping 14:36 Scroll Driven Animations Scroll-driven Animations Supper Club × Bramus Van Damme on CSS 16:58 Margin Trim Hit us up on Socials! Syntax: X Instagram Tiktok LinkedIn Threads Wes: X Instagram Tiktok LinkedIn Threads Scott: X Instagram Tiktok LinkedIn Threads

Transcript

Click on a timestamp to play from that location

0:00.0

Monday, Monday, Monday, Monday, open wide Dev fans.

0:04.0

Get ready to stuff your face with JavaScript,

0:07.0

CSS, node modules, barbecue tips, get workflows,

0:10.0

break dancing, soft skills, web development,

0:12.0

the hastyest, the craziest, the craziest, the tastiest, web development

0:16.4

treats.

0:17.4

Coming in hot, here is Wes, Barracuda, Bars, and Scott, El Toroloco Tolinsky.

0:25.0

Welcome to Syntax on this Monday, hasty treat.

0:30.0

We're going to be talking about five interesting new CSS properties that you

0:35.4

should know. Syntax is presented by Century. If you're shipping software and users are

0:41.0

using it you want to make sure that you have a handle on your bugs

0:44.8

before your users hit them. Not only does Century give you access to finding and

0:49.7

fixing all of those bugs, but they also give you incredibly useful tools like session

0:54.6

replay test coverage performance metrics and tons more so head on over to

1:00.6

Century. I. O use the coupon code tasty treat, I'll lowercase, all one word,

1:06.2

and you'll get two months for free.

1:07.9

These are ones that some of them can be used today.

1:10.8

Some of them are going to be able to be used in the future, but let's just say all of them

1:15.6

are straight up cool and ones that you should have in your brain. My name is Scott Tolensky. I'm a developer

1:22.1

from Denver and with me as always is West Boss. What's up my man?

1:26.0

Hey, I have been keeping this list of five new CSS features or different things that have popped up.

1:33.6

And we've done a few of these,

...

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 2026.