What are the key takeaways from this Shop Talk Show episode?

Key insights include: **CSS @function syntax:** Chrome 139 introduces custom CSS functions using @function with dash-dash naming, result property for return values, and source-order-based precedence where lowest declaration wins, enabling logic abstraction from declarative styles into reusable functions with media query support.; **npm security response:** Storybook reduced dependencies working with E18E efficiency group, avoiding the two-hour window when chalk and strip-ansi were compromised through phishing attack. Projects with fewer base-level dependencies face lower risk when supply chain attacks target widely-used terminal formatting libraries.; **Google antitrust outcome:** Judge Mehta ruled Google can retain Chrome and continue paying Apple for default search placement, requiring only search index data sharing with competitors and syndication services availability. Forcing Chrome sale would create downstream harms affecting browser investment and web platform development funding.

What did Css Functions discuss on Shop Talk Show?

Chris and Dave explore CSS custom functions and if statements, discuss npm security vulnerabilities affecting chalk and strip-ansi packages, analyze Google's antitrust case resolution allowing Chrome retention, and debate authentication challenges for children. Key topics include: **CSS @function syntax:** Chrome 139 introduces custom CSS functions using @function with dash-dash naming, result property for return values, and source-order-based precedence where lowest declaration wins, enabling logic abstraction from declarative styles into reusable functions with media query support.; **npm security response:** Storybook reduced dependencies working with E18E efficiency group, avoiding the two-hour window when chalk and strip-ansi were compromised through phishing attack. Projects with fewer base-level dependencies face lower risk when supply chain attacks target widely-used terminal formatting libraries..

How long is this episode of Shop Talk Show?

This episode is 57 minutes long. SignalCast provides an AI-generated summary so you can get the key insights in about 3 minutes.

Shop Talk Show

682: Whiskey, Security, Antitrust, and Fun with CSS Functions

September 15, 2025

57 min episode · 2 min read

Css Functions

Episode

57 min

Read time

2 min

Topics

Productivity, Investing, Philosophy & Wisdom

AI-Generated Summary

Published Dec 25, 2025

Key Takeaways

✓CSS @function syntax: Chrome 139 introduces custom CSS functions using @function with dash-dash naming, result property for return values, and source-order-based precedence where lowest declaration wins, enabling logic abstraction from declarative styles into reusable functions with media query support.
✓npm security response: Storybook reduced dependencies working with E18E efficiency group, avoiding the two-hour window when chalk and strip-ansi were compromised through phishing attack. Projects with fewer base-level dependencies face lower risk when supply chain attacks target widely-used terminal formatting libraries.
✓Google antitrust outcome: Judge Mehta ruled Google can retain Chrome and continue paying Apple for default search placement, requiring only search index data sharing with competitors and syndication services availability. Forcing Chrome sale would create downstream harms affecting browser investment and web platform development funding.
✓CSS if function pattern: The if function consolidates multiple result statements into condition-value pairs separated by semicolons, supporting media and supports queries. This switch-statement-like syntax improves readability when handling ten-plus breakpoints compared to stacked @media blocks with repeated result declarations.

What It Covers

Chris and Dave explore CSS custom functions and if statements, discuss npm security vulnerabilities affecting chalk and strip-ansi packages, analyze Google's antitrust case resolution allowing Chrome retention, and debate authentication challenges for children.

Key Questions Answered

•CSS @function syntax: Chrome 139 introduces custom CSS functions using @function with dash-dash naming, result property for return values, and source-order-based precedence where lowest declaration wins, enabling logic abstraction from declarative styles into reusable functions with media query support.
•npm security response: Storybook reduced dependencies working with E18E efficiency group, avoiding the two-hour window when chalk and strip-ansi were compromised through phishing attack. Projects with fewer base-level dependencies face lower risk when supply chain attacks target widely-used terminal formatting libraries.
•Google antitrust outcome: Judge Mehta ruled Google can retain Chrome and continue paying Apple for default search placement, requiring only search index data sharing with competitors and syndication services availability. Forcing Chrome sale would create downstream harms affecting browser investment and web platform development funding.
•CSS if function pattern: The if function consolidates multiple result statements into condition-value pairs separated by semicolons, supporting media and supports queries. This switch-statement-like syntax improves readability when handling ten-plus breakpoints compared to stacked @media blocks with repeated result declarations.

Notable Moment

Dave's son performs password resets every single time he logs into any service because he never remembers his credentials, leading Dave to propose RFID badge authentication for children instead of traditional password management systems.

Know someone who'd find this useful?

Episode Transcript

Okay. So disclaimer. I triggered Dave right before we started. There's gonna be some things coming out. I was on the Web Whiskey Whatnot podcast. You were. Adam Argyle. It's not out yet, so it's coming out. U2? He they paired U2 up. That's fun. Well, he's on. He's the new cohost. And so he's a he's Adam is on Web Whiskey Whatnot as the host with Yeah. So it's not Chuck anymore? And Chuck because Chuck went to France or something. Chuck moved to, like, Italy or something like that. So he's he's, out of time zone range, I think, is is the situation. Just got so it's Ravi and Robbie and Adam. Yeah. And so, anyway, so they sent me a nice bottle a nice bottle of whiskey, but I may have said some things, Chris, that will are are going to, hurt my career. Anyway, I just want I just want to preface this. It's gonna be out. Career. I maybe I maybe got a little spicy, on the takes, but, you know, you do it for the clips. You know what I mean? You do it for the clips. So Good. They take a while to edit, don't they? I don't know. Less They do. Yeah. It's probably a two week thing or something. So Okay. Yeah. I can I can repair my your belongings? Yeah. Yeah. Get a box for your ferns Nothing else is It was a technology choice. I'm sure everyone knows exactly what I'm thinking out right now. Yeah. It rhymes with pre act. Hey, speaking of websites, you're listening to the Shop, Doc, Show podcast. Bob, Fran, Webb, and Webb, and I'm Dave Rubin with SuperSquare. Did you see so I do want to shout out to Storybook. Storybook is React and Emotion, I think. But anyway, they've been announcing, they've been working with that E18E, the efficient engineering group or whatever. It's like a group of JavaScripty dudes who try to make JavaScript projects better, just through rigor basically. But they've been working with them, I think, and Storybooks gotten a lot better. They've reduced the number of dependencies, which a week like this where npm had a huge vulnerability. That's amazing. Hey. I just wanna celebrate that. I think, like, you know, it's hard to, like Sweet. Yeah. To untangle the rat king of dependencies, but, like, man, if you can do it, that's great. We, like, ran the tool against our stuff, and it was like, oh, we just somehow don't use any of those. Wow. We just scooted it. Yeah. Yeah. Well, yeah, because it was in chalk was kind of the big one, Cindersauro's. And then it was- That's like making colors in the terminal. Right? Which is pretty standard for all these you know, even the most basic CLI tool, you know, is gonna do that. And then Yeah. And yeah. So and then, you know, strip ANSI, I think, was one, you know, just …

Get the full transcript (10,130 words) + summary by email — free

One-time email with the complete transcript and AI summary of this episode. No account needed.

One email, no spam. We’ll also show you what SignalCast does.

Browse all Shop Talk Show transcripts →