650: Layout in CSS, Balatro Q&A, Chrome Biz, & Forkin VS Code

Hey there, ShopBase. You are listening to another episode of the Shop Talk Show. I'm Dave Rupert with me, Chris Coyer. Hey, Chris. How are you? That's right. Here we are. Thanks, Dave. You know, I we have a guest lined up next week, I think. We're gonna get the the guest train back rolling in. Please write in if you have somebody you'd you'd like to hear from. You know? We're probably gonna go with some classics and and whatever else we we find interesting. Yeah. This week, there's a number of things to talk about. One of the things that I'm glad and surprised to see so much writing about was the, ATTR, the attribute function in CSS. Chrome has dropped a version of it, which is, pretty cool. It's not new. We've been able to have that function for a long time, but it was really, really limited. I wouldn't be surprised if people either didn't know it or only used it a very handful of times when they're doing something like with text. So for example, it was like a the only you can only get a string. So let me just get that out of the way first. When you use the a t t r function, what CSS thought you were getting was a string regardless of what you think it was. If you put, like, data Dave equals five in your HTML and then in CSS said, you know, give me the attribute value of data Dave, it would give you five as a string. It would absolutely be unusable as the number five, and there was no way to coerce it, really. I don't even I don't even remember any really exotic tricks or anything. I'm pretty sure there was just no way to get a five out of that. Yeah. I mean, like, you know, something like column count, you might be able to use a number, but most of the time, you want that to be a string, like a PIX value. So you couldn't concatenate either. Right? It was you're just stuck. Right? I don't even think you could you know, I I know what you mean. Like, something like line height has is, like, unitless or whatever. Mhmm. So if you put, like, data line height three and then try to use that value, I don't I still think it didn't work. So it was really, really limited. Yeah. Just to, like, appending text to something sort of. Yeah. And then what do you use text for? Very, very little in CSS. The only thing is the content property, which you could put on pseudo elements. So if there's before and after, you'd go content, and then you'd use attribute and say what attribute you want. And that was useful once in a blue moon and a lot of times for just, like, stuff you see on CodePen, for example, like doubling the text because you have some …