meta_pixel
Tapesearch Logo
Log in
Syntax - Tasty Web Development Treats

756: CSS Is Getting Mixins + Functions

Syntax - Tasty Web Development Treats

Wes Bos

Tech News, News, Technology

4.91.2K Ratings

🗓️ 15 April 2024

⏱️ 26 minutes

🧾️ Download transcript

Summary

Scott and Wes chomp through CSS Mixins and Functions, discussing the latest features making their way into CSS. From Tailwind-like classes to fluid typography, join us as we explore the possibilities and practical applications of these new tools. Show Notes 00:00 Welcome to Syntax! 01:24 Brought to you by Sentry.io 03:00 CSS Is getting Functions and Mixins! CSS Mixins and Functions Explainer CSS Working Group Discussion 06:19 Functions and mixins, how are they different? 07:26 Don’t get hung up on the syntax, or maybe do. 09:12 CSS Functions. 12:02 Some use-cases. 15:58 CSS Mixins. 16:31 Tailwind-like classes. 17:53 Tailwind-like arbitrary syntax. 20:08 Fluid typography. 21:13 Let’s talk about logic. 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

Welcome to Syntax on this Monday hasty treat. We're going to be talking about mix-ins and functions in CSS. That's right. There is a new proposal for mix-ins and functions to be coming to CSS just like we did in many of the

0:15.6

CSS pre-processors that's going to lead to an explosion of new ideas in CSS.

0:22.4

My name is Scott Tolinsky. I'm a developer from Denver with me as always is West Boss.

0:27.0

Hey, I am super stoked about this. It seems like CSS is working on a whole bunch of really interesting things in this

0:34.9

Mixins and functions proposal was accepted which means that it's now in the drafting stage to figure out what does it actually look like before it gets implemented in the

0:45.2

browsers but that means that we're gonna get it you know I'm pretty excited about it and we're gonna talk today about

0:56.2

what do they do what are they useful for, what are the ideas behind it, and just kind of what to look forward to.

1:00.3

Yeah, totally. And one of the reasons why I'm confident that we're going to get it, right?

1:04.8

Is that Miriam Suzanne is behind this, who, you know, core contributor to SAS, but she's also

1:09.6

the one who took the reins on container queries. And like that was something we felt like we were never going to get.

1:15.0

And sure enough, with her push, those ended up arriving

1:19.4

in the CSS platform and man, we're using them today and in addition to that hey

1:26.4

stuff that we're using today we're using Century we're using Century we're using

1:29.3

Century on our site in fact CJ just the other day he posted this morning that he was getting a lot of alerts for some errors and used our century to track down and that it was, hey what, guess what, a caching issue?

1:42.0

What was it? Oh, of course. It was a caching issue. What was it?

1:42.5

Oh, of course.

1:44.0

It was a caching issue.

1:45.5

So he was seeing some

1:47.3

uh, some uh, uh,

1:48.0

that was trying to load some data that wasn't there,

1:51.1

the data wasn't there because the old data was cached in our

1:53.4

Reddis, he dumped the cash, fixed the bugs, well at least fixed the errors from happening,

...

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.