Keyframes, Cash, and CodePen W/ Shaw ![rw-book-cover](https://img.youtube.com/vi/_3zbHSTn-k0/maxresdefault.jpg) 🔗 **Source:** [Keyframes, Cash, and CodePen W/ Shaw](https://www.youtube.com/watch?v=_3zbHSTn-k0) I feel really silly. Um, >> took 10 years off you. >> I know. I know. I look like a little little baby child. But yes, this is Whiskey Web and Whatnot. I am Robbie the Wagner. My co-host as always, Adam Thomas Argyle the nerd. >> What's up, man? We have an awesome guest today. I'm excited. I hope you are, too. >> Yeah, I am stoked. Could you tell the folks at home a little bit about our guests? Big breath. A front end, back end, front of the front end, back of the back end. Wildly coyote, code pen employee, crafter known to be an animator, bug terminator, key framer, UIUX creator who likes to make information more access. UIUX creator who likes to make information more accessible to the folks around him. Oh, that's just so sweet that you want to do that. Author of SplittingJS, CashJS maintainer, green sock pro, CSS and JS expert. Fun fact, his earliest tech memory is from 1987. Photo of him on his dad's lap at a computer. Stephen Shaw, y'all. >> That's me. Hi. Yeah, most of that is accurate. I'll I'll leave it to you to find out which. >> Nice. Yeah, I was uh I was just imagining when you're doing that, you know how when people are doing like bag pipes, right? And it's like and then like they let go. It's like that's like you hit that in the middle. >> Oh, accessible. That's a hard word to say really fast. I've heard a lot of other fast words. Dang it. Yes. Yeah. It's fine. It's fine. You do a wonderful job. We are lucky to have you. What else? We are lucky to have this teeny tiny little bottle. >> The tiny one. He got the big boy. We got the little one. >> Oh. Oh, thank you for the big one. That's very nice. >> Yeah, we got a a pack of variety so that we can have some other stuff another time. But I'm excited for this one. I'm not going to say a lot about it cuz we promised we would talk about whiskey at the end these days. But one cool thing about this one, it is like um barbecue smoked like mosquite and applewood and like all the things you would love in a barbecue. So I'm like, "Wow, that's different." But yeah, we'll see how we like it. >> I I definitely get that from the smell. I haven't tasted yet. >> M yum yum. Sweet glassear. Yo, >> yes. Uh my wife got me these a while ago. It's It's nerve-wracking because it has to sit at an angle, but it prevents you from filling up too much. So, you know, there's a little bonus there. >> Excellent. >> Cool. It just >> fill it up too much. It should be unspillable, >> right? >> Definitely taste the backyard. That is nice. >> Yeah. >> Not as much Pete as I expected. It tastes like when you're uh sitting outside by the fire all night and then you come in and take a shower. >> I hate that moment because I'm like, "No, I want this to stay on me. How do I shower but still smell like smoke afterwards?" >> Yeah. But yeah, we will uh continue to taste this throughout. Tell you more about it at the end. We missed our toast before we had some, but >> I don't know. >> Would you like to do our toast, Adam? >> I will. Yeah. May your barbecue always be tender. Your life your life has zero latency. And if you do crash hard tomorrow morning, make it take a May it only take a soft reboot and breakfast taco to get you back online. Cheers. >> That's nice. >> Yeah. My my secret is um anytime I have whiskey or a lot of alcohol, like over a certain amount, you got to have McDonald's the next morning. That's what always cures it for me. It's like there's enough chemicals in that to just bring you right back from the dead. It's It's good. Enough preservatives to bring it back from the dead. That's good. >> Yeah, for sure. >> All right, so we have a few hot takes on here. Trying to get back into the hot takes. They're not super hot, but let's see where they go. So, this one we've asked a few people. Is HTML a programming language? >> Absolutely. Uh there's so many different definitions of of things. uh but I would I would classify it as a programming language in that you are instructing the computer what something is and what it's what it's supposed to do. Uh the way it interprets that is very wide and a lot less uh precise than many other programming languages but it's still a way to give the computer some input to get some output. >> Yeah, very very diplomatic answer. I am waiting for the English as a programming language because we're basically there with AI. >> Oh, that's what I was just thinking right now. It's like actually, dude, none of us are coding anymore. We We used to make fun of CSS for not being a programming language and we're like, it's not even scripting. I'm like, oh yeah, you're just prompting now. So, what are you? You're not even a programmer. You're just a prompter. We aren't even writing scripts no mo. Uh anyway, >> we're all in management now. >> Oh, seriously? Yeah. >> Yeah. We'll get more into that later. Um, so yeah, as Adam just mentioned, what about CSS? CSS a programming language? >> Uh, even more so, uh, especially nowadays, uh, there's literal if statements, right? But, uh, you know, for almost as long as CSS has been around, there's been media queries and, uh, and things like that that that make it, uh, a lot more dynamic of a of a language, and it's very much responding to, um, to what's happening. Um, yeah. I I have no qualms at all calling CSS a programming language. >> Yeah, same. I mean, I feel like um not that long ago, I would have said no. But it has moved so much in such a short amount of time and like as soon as you have trig functions in anything, like if you try to tell me it's not a programming language, I'm like, I don't know about that. >> I can calculate decay over two inches. you're like, "Oh, well, I guess that's programming." Okay. >> Yeah, I can write a div. >> Yeah. HTML, CSS, uh, and and JavaScript even are are weird because they're so interrelated. Like, it's it's hard to isolate them because yes, CSS is programming, yes, HTML is programming, but without without each other, they're just, you know, there there's not really much going on. Um, and and I don't think there's any way to really execute CSS without HTML. Um, so you know, it's it's it's kind of a requirement for them to to work together. >> Yeah, I think um I'm super not educated on like the ohing complete like whatever, but I think you need HTML and CSS to be touring complete. Technically, you can't do it with just one or the other. You definitely can't do it with just HTML. still doesn't necessarily mean it's not a programming language. Like yeah, I don't know. I feel like anything you type in that gives you something else could be a programming language. Depends on how you look at it. >> Yeah. >> Interesting. It's like a It's a good question though. Like if CSS is flipping bits but you can't see them, is it is it doing the touring complete thing? You know, like hey, it's got logic gates, you just can't see them. If it is flipped in the forest and no one is around is a programming. >> Yeah. I mean taking that further, it's like you know compiled languages, right? Like Java is actually doing nothing. >> What it compiles to is doing stuff. So maybe Java isn't a programming language. >> I like think about the dependencies though. It's like uh >> HTML doesn't care about CSS and JavaScript. I liked your analogy though. Like you're saying these things have interdependencies, but like HTML is the only one that's like whatever everybody, I don't need you. I'm sufficient. I I got default looks. I got default everything. I'm the bones and I can still walk around. What can you do without bones, Mr. Floppy CSS? Oh, yeah. You're just skin on the ground. Oh, hey, how about you, JavaScript? If you got no bones and no skin to talk to, wait even are you? Oh, you're just in someone's mind. You're just a spirit floating around. It's just like what a funny relationship that one has such a hard like dependency on the other. Um but it's not interdependency, is it? There's like a there's a cycle here or something. I don't know. It's just fun to think >> codependency. No. Uh I mean JavaScript nowadays is is pretty independent with with you know server side JavaScript and and all that like it's it's running servers and stuff. So it's it's completely outside of an HTML context nowadays in a in a large amount. Um but CSS, yeah, I don't I don't think there's any way you can get any output from that other than it being connected to HTML. >> Well, you couldn't get any output from JavaScript server side until they made it. So let's let's do that. >> CSS server side, I'm on board. We're at a server with some media queries. Hey, you can fetch URLs. Hey, at import. Hey, there's a lot of language uh you'd have to kind of change what it does, but maybe not. Hey, look, JavaScript is fetching, you know, JSON from imports and uh people make that work and so I guess you make that work until you turn it into something. So, yeah, it's >> I don't know. I think someone should do this. No one wants to because it's like who would use it, I guess. But like um I don't know. I think it'd be a fun experiment. Claude, make a CSS serverside language framework that makes websites just with CSS. Go >> tell your open call or or your whatever it is now since you're not doing >> punk ass. It's still punk assass. Oh yeah, it's claude claw which is uh not not as fun to say but you know >> if you say it fast enough it is >> now I'm just going to claim I'm a bird. >> All right. Um, so I've got a a a really spicy one here. Chris Koyer or Adam >> Argyle. >> With no context as to why you would pick either. >> This is when I started laughing at. >> Uh, you know, I'm I'm I I have to choose Chris. Uh, because of the history. Like Adam and I go way back, too. But, you know, literally I've been working with Chris for seven almost 7 and 1/2 years now uh with with CodePen. Um, so, you know, it's it's been a wild journey. And, uh, you know, I've I've uh grown rather fond of him. So, no shade to Adam. It's just, you know, slight slightly slightly more advanced in relationship there. >> Do you have any fun stories to share that are like, you know, kind of like, hey, back in the day we did this thing. It was kind of embarrassing. >> Uh, so I literally had a dream about getting the job at CodePin before I'd ever even talked with Chris. >> Whoa. >> And uh, it was it was just out of nowhere. I had this dream. It was I I think it was before I'd even started Key Framers. I I think I'd started talking with David a little bit about it. And so David was in my dream and we were we were on an airplane. You know, dreams are super exciting. I know. But uh we were we were on an airplane. We were doing we were doing our show on an airplane. >> And then I went on an escalator up to the next level of the airplane. Huge airplane. I >> I don't know. It It felt like a mall, but it was it was an airplane. And then at the top of the escalator, uh Chris was Chris was there and he put his arm around my shoulder and he was like, "Stephen Shaw in the flesh." I was like, "Wow, that was weird." And then like three or four months later, I got a message from Chris and he was like, "Hey, we've got an opening at CodePen. Would you uh want to come uh interview for that?" I was like, "All right, let's let's make that happen." Uh we haven't been on a plane together or an escalator together uh to my knowledge. But uh >> what a missed opportunity. >> Otherwise, the dream dream came came true. >> Wow, dude. You're like an oracle. That's sweet. Yeah, it was it was very much a a meant to be kind of thing. It was it was super cool. >> Yeah. If you have a dream about like a stock that goes way up that you're riding an escalator with, like, let me know about that one. >> I'll keep you posted there. Yeah. Uh here's another spicy one. Work tree or branch? >> Work tree or branch? Now, I'm going to uh go branch just because uh I I actually don't know what a work tree is. Um so maybe I can get some some education here. Well, >> well, there's a lot of fake concepts that have been made up for AI and uh Adam will tell you about them now. >> Uh work tree is a git concept where like you need to have a you you have a separate separate copy of the repo. So it's like where you have the folder normally and it's like a you have a branch in that folder. A work tree will create an entirely separate clone of it inside that folder but it will add a new folder and one will be called root and that's like the default or main or whatever and then you have all these copies of it and that allows you to work on multiple things at the same time in the same repository at least conceptually. Yeah, I I'd be on board with that. Uh just because uh switching branches is usually a pain uh based on like all the changes that I have in place and I hate I hate stashing and I I hate committing before the code is done. Uh so I could I could see using some work trees uh in my in my flow. Oh, it makes sense. Nice. Yeah, I feel like the other big thing that uh that has come up that Adam I know uses >> uh is stacks. And did you see the whole GitHub? It's like github.github.stacks.fake.wees suck.com is like the new like. >> No, but it does have github.github like something. And people were like why are there two GitHubs? And like um I don't know. It was like they totally vibecoded the like landing page for it. Hopefully the like implementation is better. Um, but like okay, so this is I don't know. I don't know if what the exact hottake question is here, but stacks are basically because no one would review your PR because it's too big. Right. Right. >> So like it's like why couldn't the person reviewing it just go, I'm going to review 20 files and then later I'm gonna review 20 files. Like you'd got to really spoon feed it to them like this. Like um because they all have to be merged for any of it to merge with stacks, right? So it's like >> no, you can merge just the base one >> and then each of the other ones can still be getting worked on. So it's like you know that the foundation of all the work is merged. Everyone's approved it. Um and you're missing the concept of fanning. >> Does it merge to main or is it you're just saying like this one was reviewed like you know what I mean? Is it's not going into the actual code is it? or is it >> it's not going into the actual >> like when you're like I'm reviewing the pieces of the stack and I'm like all right this one's cool and they're like cool that one's approved but that one's not going into main yet and like until you're done with approving all of the stack and then it goes into main. >> Okay, you're thinking about the chain. Yeah. So there's there's chains and there's fans and a chain means that like >> the terminology gets me. All right, explain. >> One hurts really bad and one helps you stay cool. Um right. Uh okay. So chain is like yeah you literally have interdependency where like um you have to merge the the one that's nearest main first and sub uh sequentially after that. So you wouldn't be able to mer one is ready down the stack but you can't merge it because it has a dependency on one that hasn't been merged or approved yet. And then you can also see the status of all them at once. So if you want you could wait for them all to be approved and then merge them entirely al together or you can merge them in pieces and have reviews and pieces. So then there's >> I can say I want to merge one somewhere in the middle of the stack >> and it'll go into main or no >> no you can only merge the one closest to main and then it works backwards in a chain. So that's the limitation of the chain is the one closest to main has to be merged before the one before because it's a chain. There's a literally a dependency and it wouldn't make sense to let chain three in the stack merge before chain one. Um, >> but what if chain three actually is an independent set of changes and I decide I want to merge >> the fan. That's when you got to make the fan baby. Okay. So, yeah, the fan says uh the fan is like you got, let's say you have four PRs, right? And it's like they all depend on one PR to merge. So, it's like a feature flag. Hey, I got a feature flag. I need to merge the feature flag. And then I have three independent implementations of the feature that I want to work on separately and get reviewed separately. So you create a fan instead of a chain. And that way any one of the fans can merge once the base of the fan has merged the fan. >> Okay. Now I haven't used >> I haven't used any of this clearly cuz you're schooling me here. Um would I be like stack fan? And like do I pick what type of stack I want like when I'm creating? >> You could make a chain. You could make a chain chain fan and one of those chains. >> Oh god. >> I don't know. But that's a binary. That's what you're asking for noise. Yeah. >> Okay. So So they literally have to stack on top of each other. You can't just have like one one PR and then like three things stacked on top of it. like three separate pieces of that. >> That would be the fan, I think. So, it's yeah, you've got some sort of shared branch that they share and then you have three individual branches off that shared one. That's the fan. And then the chain would mean >> my fourth branch depends on branch three, which depends on branch two. And that's what people do in GitHub right now is they have, have you seen the little emojis that point? It's just like, hey, this is branch one of four. Here's a pointer. It's a cute little pointer to the other branch I depend on. you know, it's like, "Oh, great. I'll follow the chain." And it's like a breadcrumb scenario. >> Can you change it later? Can you be like, "This was a chain, but I realized like a few of these can be merged independently." I >> Well, you have to use the bolt cutter API uh to do that. Yeah. >> Nice. >> All right. Yeah. >> Yeah. I mean, I made a day. Uh anyway, >> sorry. Sorry, I was just going to say, yeah, I so I had this big PR today that was like I don't know 30 commits and I was like like 10 in the middle of this or completely like you can merge them separately. So I'm going to just be like all right pull this like cherry pick cherry pick cherry pick cherry pick merge all that rebase all of that was really messy. Um, so I'm guessing if I had used stacks or something more intelligent, then that would have probably worked better. But yeah. >> Yeah. Or a get or like a an amend instead of a constant commit, which was one of be my spicy followup to Shaw would be like, I hear you don't like to make commits unless you're done. Have you heard of amend, you know, like you don't have to it doesn't have to leave a trail that you came back later and then committed again. You can just be like, act like I did this alto together, you know? Well, it's it's more that I don't want like broken code or like, you know, a code that's like a bunch of stuff's commented out or like, you know, it's it's all in progress. I don't I don't want the um I don't want that to be to be committed. I don't want that to seem like it's like it's done because it's it's not. >> Um so, it's it's a balance. Um but like like you're talking about the the one PR I've got going on right now, it's it has to do with serverside rendering. It's a huge rewrite, touches so many different things, and there's so many little aspects to it that I wish I could have broken out into other PRs with with stacks. But of course, that feature just got announced or public today. So, or what was it yesterday? Something like that. >> Oh, I need to find a statement. Find GitHub stacks. They're going to officially do it. Oh. >> Oh, right. I Yeah, somebody somebody in our Slack was posting about it. >> Totally fake URL. Um, but yeah, like being able to split up. So, you know, when you're developing a feature, there's always like the API stuff and then there's like the UI stuff and then there's like cleanup stuff. Like being able to separate those out into individually testable kind of things that are all kind of interdependent on on that that like base. That'd be super helpful. >> Yeah. >> Yeah. I mean, I feel like that also I don't know how complex it would get, but it would allow you to do more independent UI and API changes >> and not have to be like this is one big thing that like you've got to care about all of it in your brain. It's just like nope, this is just the UI, this is just the API, whatever, but they all like have to go in at the same time. So, they point to the one root of the stack or whatever. Yeah. >> Yeah. The feature flag is a really good example of that. You know, it's like I've got all these different scenarios in my application that want to implement the feature flag and instead of me doing one mega branch, I've got the base one that adds the flag. Everybody depends on it. Uh and then I can get individual reviews for those, you know, sections and slices of the application that someone else owns. I'm like, "Hey, I changed your [ \_\_ ] Would you go review my code?" Yeah. >> Yeah. So, related to server rendering, were React server components a mistake? Uh yes, just by default because React was a mistake. Uh so everything everything since then >> have fun. We got the t-shirt. >> React was a mistake. Uh yes. Uh so I'm I I'm not the the best with with like serverside rendering and and React server components and like you know not uh kind of uh messing with that barrier uh there like I'm I'm still still in process of like trying to learn that because we've been going so far with with just client side rendering and I I think a lot of my beef is is more with next uh next.js JS than than React server components or anything like that. Um, but yeah, it's it's been a nightmare uh trying to port client side code uh to server side rendering. I don't remember >> but they make it so clear what what context you're in all the time. >> Yes, by just adding use server and use client at the top and uh >> yeah, it it does not it does not help. does not. >> Does AI even know? Is AI any good at server components or does are they too new? Is it kind of like that article I wrote where it's like it's just trained on old React and so it's not very good at New React. I don't know. >> Uh it most of the code that that we've got uh I I don't think AI is capable of of understanding very well because it it's it's just so so specialized. And so we we use like Apollo and um and Nex.js and uh and React. And so trying to get those three things working together. Um I did I did do a lot of rubber ducking with with AI, but like as far as code that the AI could actually write, uh it was not uh not helpful at all. Um >> is CodePen on Versel? >> No. Um we're we're self-hosted. I I think probably some Amazon servers, but um it's >> so that's useful with Nex.js. >> Yeah. Uh the honestly the deploying deploying next and and running running that hasn't been a problem and we've had like elements of server side rendering um that that have worked really well. Uh but with with code pen 2.0 so we've got the a whole like rewrite of the editor and so it's it's it's all reactbased. Um, and one of the things that we're trying to improve is just the load time. And so by shuffling some of that setup and and and UI rendering to the server, in theory, it's going to be it's going to be faster and and just make things feel a little a little snappier. Um, but the problem is we use uh we use Apollo uh throughout everything, Apollo GraphQL. And so there's there's so many little uh intricacies with Apollo. uh that to get that working particularly in next with serverside rendering is just it's a it's a nightmare. They've got they've got a specialized uh package for it that's that's supposed to help and I was finally able to get that integrated and working. Uh but we have we have a lot of code that's that's like directly manipulating Apollo cache kind of stuff and you can't like basically I have to like pass this server instance like down through every function uh to be able to to use it and it's it's just it's so so painful. Um, but it's it's like it's like 95% there and then I'll just run into some something else that completely blows things up like uh Apollo reactive variables. I don't know if you've used them at all, but it's it's like signals or like you know state, but it it can be shared kind of between things. You don't have to like prop drill or anything like that. Uh I just found out today that uh if you use a reactive variable on the server, it's going to persist between requests and potentially leak data and all kinds of stuff. So >> you can't use that for uh anything on the server. >> So I had to completely rewrite a bunch of stuff to uh >> and write a sorry letter to the person that you exposed. >> Well, no, it none of it has none of it has deployed. Don't worry. Uh this is all this is all local testing um that I discovered. >> Uh but yeah, it's it's so annoying. So annoying. >> So I am curious. Um you mentioned like you know trying to make things snappy and performance and whatever. I've never been like wow codepend slow like I haven't noticed anything any problems. So I'm curious what the like >> do you have concrete metrics on like you know what was the the load time versus then versus now or like what's the improvement or >> uh code pen and metrics are not uh not too synonymous. Um we we uh we we get a lot of feedback from from users you know with uh with how many people are constantly using the platform. Um so that that's most of what we go off of. Um but with with uh 2.0 No. So, it's a complete it's a complete rewrite and uh using completely new technologies and things like that and and the way that it's working right now um pretty much has to uh it's there's very little that's serverside rendered and so it all initializes on the client and like I was talking about we have like a lot of Apollo cache setup kind of stuff where we have to set up different data models and things like that in the in the uh browser. memory um for for things to work. And um so you know depending on your browser, depending on your network connection, like you know there there may be uh one or two seconds of like a loading screen and you know whether or not it's it's fast, people perceive it as not fast. At least you know five or so people which is you know significant right now in in beta. Um and and so it's it's just something we we're aware of and and working to improve. Um so for that uh the more that we can serverside render so that um things are things are at least visible um so you can tell what pin you're on. You can tell you know what's about to happen um that that's mostly what we're what we're focusing on to to just you know kind of affect the perception of it more than the actual load time. >> Gotcha. Yeah. I was what I was trying to get at I guess um was like I feel like this is something that a lot of companies have run into of like they have a Rails backend or you know something that was fine serverside rendering stuff the way we've always done the web and then they were like you know what if we it was all React and then it actually wasn't faster in the end and it's like I don't know I was just like trying to dig into that a little bit. >> Oh Walmart did that when I was at Deote they rewrote from Java Spring um to React. They had some new person show up that was like look here we did a pilot we've increased the page speed on these by X whatever and they hired Deote to come in and augment their team to do the entire React rewrite after 8 months and of course like a million bucks whatever it was slower and it was like way slower and it was just like oh snap you still paid us >> what do we do now? Yeah, that's where that's where I love consulting and I love agency work cuz I so many times I was like, "You paid me to learn about your mistake." Woohoo. I watched a whole bunch of moms not use your cooking app. Probably because you didn't ask anyone how to make a cooking app. You just said moms will definitely use it and you spent a million bucks trying to follow that dream and I learned that they don't. So awesome. Yeah. Yeah. So the codepin uh I think you know 13 14 years ago whatever it is now uh was built on rails and we still have a significant portion of the app that's um that's running on rails but uh I I don't think there's any way to actually integrate React serverside rendering with it. Um at least none that we've bothered to invest time in. Um, and so we've we've got, you know, about half the app on Rails and then about half the app on um on Nex.js and uh and a Go API. Um, and so the the Go servers are amazing. Like it's it's so fast and like the the CPU usage is just, you know, like 1 2%. Compared to like the Rails, you know, that's that's constantly running. Um, so we know we know things are going to be faster u even more so as we as we peel off uh from rails. Um, but it's mainly just uh right now trying to figure out next and making sure that that next is is running efficiently. >> Have you considered running on burcell? >> No. I so I'm I'm not the DevOps guy and I'm I don't want to be in any in any capacity. Uh but we we haven't had any any problems with our with our Nex.js servers and like as far as response time and everything like they're they're super fast. Um it's it's mostly about just the way that the that the uh editor itself was set up because we we started uh we started writing it like six years ago. Like we started implementing all this stuff six years ago before um React server components and like server side rendering was still just not really as big of a thing uh even with with Next. Um, so you know, it was it's just so much of it has been built off of that that uh it's it's now just trying to pull back and and actually get get things moved around and and done properly. >> Do you have a a baby in there that you're real proud of? Something in there you're just like, "Yeah, I did that. That's real good. I feel good about that." >> Uh in this in this PR or in the in the entire thing? Um >> I meant in the world. I was talking about a baby in the No, I'm just kidding. Yeah, >> I have two babies. Yes. Uh, no, but with uh I mean the the editor is completely written from scratch. Like there's there's nothing carried over from the from the old code. >> Did you write it? >> Mhm. >> Ah, >> yeah. Tell brag, dude. I want to hear you brag. Come on. Tell me all the stuff you did. >> It's all CSS. Well, I as as much as possible is um but I mean I mean everything. So like you know the the tab handling the the resizing like all the little the little UI elements any any animations like the omniar like all this kind of stuff um was was just a labor of love over over these you know six years or so. And um yeah pretty much pretty much all from scratch. One of the one of the major things we are using is is code mirror 6 for the actual like text editing. And um uh while it is it is really great, it's a real it's a real big advancement over code mirror 5 uh especially for like accessibility and and capabilities and all that kind of stuff. It is a uh very weird API. Um and everything is basically an extension off of it. So you've got to get real comfortable with a lot of a lot of just very specific concepts like state fields and facets and like uh you know there you don't just like you don't you don't just like enable something like you have to uh add a compartment that you then add an extension into uh to be able to just like turn line numbers on and off. And so uh it's it's it's this whole whole mess of things but it's it's super efficient. it worked really well and uh I was able to set that up as like a um a web component um so that it can work well in Nex.js uh because the way the way the theming works in it like it injects the the styles uh for the theme into the head and Nex doesn't like that. Uh so we so we made this web component wrapper so it's all in the shadow DOM now and uh and um you know still still within within Next and still within React uh but as a web component and uh with a whole bunch of custom extensions and things to to get the functionality that we want and to make it easy to like toggle features on uh like the line numbers and code folding and changing themes and all that kind of stuff. But boy, it's been an undertaking. >> Dang. Well, every time I've used it, it's been smooth. I didn't think about the fact that this was, you know, some web experience. It felt just like an editor. So, you did well. >> Good. Good. Yeah. And we we didn't just want another VS code in the browser, you know, like we we looked at that like very briefly and we were like so just to load the editor just to load like Monaco like the code the the the actual like text editor portion of it like 65 megabytes or like it it was it was ridiculous at like you don't realize it when you're like just using code sandbox or stack blitz or something like that because you know overall things get cached but there's there's just such an upfront cost to just loading that that code and loading that whole editor um that we just we didn't want to we didn't want to mess with that. So right now the the new experience still weighs just about as much as the as the old one surprisingly. Um it's it's still like under like three to five megabytes um after after most everything loads and um that's that's been a big big point of pride there. >> Yeah, I think >> Go ahead. Yeah. >> So I was going to say I think it totally uh matters what you're trying to build. like um if I'm trying to do a quick example or you know show something I'm definitely not booting up stack blitz like um so yeah I think it's like like when we're at work when we're doing like you I want to show someone how to do something real quick. It's always a code pen. It's not. Um, so I think it it would matter if you were trying to do like I'm going to show how like all these dependencies work together and build this like fully featured app maybe. But like >> yeah, I think there's um it's rare that you're going to do that in the cloud. I feel like like I would just do it on my machine and I don't know, right? >> Yeah, I think you guys are doing it right. >> Good. We hope so too. >> I'm curious uh would you call it a thick or a thin client code pen? Hm. Uh, very very thin as as much as we can. >> Like there's nothing in a worker. You guys have tucked as much as you can as network calls. And >> so most of the most of like the code processing magic happens um happens uh in the cloud basically. It's it's all um through through something we called the code pin compiler. Um, and it it's basically like this tree sitter based kind of uh code parser thing that that does like so much heavy lifting and it does it so fast because of because of Go. Um, so uh most of most of the actual work to get the um code that you type in to the preview happens there. Um but but everything else is is kind of happening in the client as far as file management as you know as far as everything that you're seeing there. Um it's it but the the build process itself um goes through that code pin compiler. >> Oh, that's a lot of magic to be passing over the network and making it feel that fast. So well done y'all. Yeah, we we have a whole like diffing setups to like send through as as little as possible um from for file changes and stuff like that. And you know, each each build is is processing everything, but we've got like this this really great cache layer to to everything, too. So once code's been processed once, like in theory, it doesn't have to be processed again. So if you didn't change the CSS, that shouldn't have to um add to like your build time or anything like that. Like it's it's already done. Nice. >> So, uh, random question, possibly not relevant at all. Um, what about AI in general? Like, uh, is there a story of like, oh yeah, we going to have like an MCP server where you can be like, I'm going to spin up all of these pins just from like talking to an agent or I don't know. Just curious thoughts in general on that. Uh so we we've had discussions uh but by and large like AI integration is is kind of not not where we're at. So like one of the one of the big things about code pin is is it being like a social network you know and so having um AI generated content there is not is not as important because there's an element of curation like people go to code pin to see new and exciting content and to see like well-built content. Um so like as much as possible we want to encourage that but of course there's a balance because you know more and more people do rely on on AI and so there there are certain conveniences and things like that that would be great to integrate and you know maybe we have discussions on that but uh overall like the feature set is focused on humans writing code to show to other humans. Um, so that that's the main goal of of code pin. >> It's awesome. It's like a crafter showcase. Um, I will say that you can use Klein and I have used Klein before >> to uh just give me spicy autocomplete, you know, when I'm in an HTML area or a CSS area completely. >> Yeah, >> that that's the best use of AI. Uh, honestly, the the like autocomplete. I I know what I'm going to type and if AI gets it right, great. like I I don't I don't want to bother with it. >> Um so like that kind of AI integration I'm I'm all on board with but the like just prompting it to like you know make a fancy select drop down or something like that and then trying to share that. >> Oh yeah you're like I don't build sites I just build code pens. Yeah that's not that's not cool at all. Um >> yeah and I think it would cost y'all a fortune to try to host something like Klein that you get like hey if you have a pro account you get access to GPT 5.4 before and you'd be like, "Oh, it sounds >> right." >> Yeah. Yeah. >> The the cost the cost for everything is a is a huge consideration. So, I I kind of I I kind of am pushing to wait on anything and let's let's see how the next year pans out with uh all this all this AI competition and then um and then we can evaluate how how deep we want to go there. >> Yeah. Yeah. Yeah, I mean I think the AI issue is not going anywhere, but I think uh what it's kind of like, you know, people really like vinyl because like you can actually touch it and play it and you know it exists. Um I feel like the same thing will be true for code before too long. We'll be like, "Oh my god, there's so much slop." Like where where's Adam or Jay or somebody making a cool demo of like what we're looking >> what do we what do we got there? I have Oh, this is Asop Rocks Integrated Tech Solutions. He's totally making fun of the uh tech industry. Uh but it's ASOP. >> He called the album Integrated Tech Solutions. That's amazing. >> Yeah, it's very funny. It's very tongue and cheek. Um he goes, one of my favorite lines, he goes, uh the cat's out of the bag. He's talking like when you release some new tech thing, cats out of bag. He goes, that was a powerful cat. Wow. But yeah, I mean I think it's it's so hard to know where to go to get quality or like if you went to a art museum and it was all like computerenerated. >> What's the fun? Like I don't know. Yeah, I think it's it's definitely um I think there's going to be a resurging $200 a month which is already expensive but what if it were $20,000 a month? And they're like, uh, >> that's my limit personally. You know, 20,000. >> Cut it off there. >> A boat or AI. Boats or AI? Yeah. Actually, I don't know how much boats are. They're probably way more than that. >> Yeah, maybe on Craigslist. Uh but right I I think with with AI right now and the the ease of generation um and and you know the ease of sharing things like curation is so much more important than generation because you can make you know a thousand copies of crap. Uh, but the the one that's worthwhile or the the one that somebody actually spent time on and made and and is polished and is wonderful, like that that deserves to be showcased. And that's that's I think what what CodePin does a really good job of with the social aspect of things with pics and with our with our newsletter and like all that kind of stuff. We do a really good job showing what people are building and what's possible with all these technologies. Now, there's some a AI generated stuff on there. You know, a lot of people copy and paste AI generated stuff into code pen. That's that's fine. If you want to do that, that's fine. We're probably not going to curate that in general. But, you know, it's still a legit use of the platform. You can still share that. People can still find value and use in that. Um, but that's that's not really where CodePin is is at. >> Yeah, makes sense. So while we are on the AI train of thought, I want to move us to a whatn not uh adjacent sort of thing. Agentic parenting good idea or a bad idea? >> Like literally parenting or is is there is there something I'm not I'm not aware of? Uh >> um so I I spent minutes researching this, but there was this there's this lady that is like very into AI stuff. I think it's maybe the same lady that like a couple weeks ago was touting buying all these Mac studios for, you know, 10 $20,000 to like run all of her AI locally because she needed so much of it or whatever. Um, but the the thing I saw in passing today is like they were saying, yeah, it like helps them plan all like they homeschool all the kids and it's like they use AI to build the lesson plans. They have them, the kids take pictures of like the work and upload it and it will like grade the papers and like it's like the whole it's like it's doing everything theoretically and they they love the game like the parent really likes the the coding the AI to do it like the way they want. Um I don't know. I don't know. I don't think it I don't know. What do you think? >> Uh there has to be humans in the mix uh for for that for sure. Um, I I do I do see value in using AI as a tool to to help you organize, to help like give you ideas for things. But as far as the actual like execution of ideas and the um like grading in particular, uh I I would be very hesitant to hand over to to AI just based on its uh its ability to actually judge quality or actually do real calculations. You know, like if you uploaded a math worksheet to that, there's almost zero chance that it would >> give you an score. Uh but yeah, I was I was just seeing uh something uh from uh Pod Save America uh today where they just uploaded a bunch of fart sounds to chat GPT and they were like, "What do you think of my new song?" And Chat GPT was like, "It's it's it's great. This is lowfi like ambient like late night uh kind of sound, the kind that you want." And man, it's it's they go on to play the track and it's it's literally just long fart noises the whole time. And >> I wasn't sure if if uh like Chat GPT was in on the joke there of like like it was doing that for fun like cuz if so, props to them. But if not, if it was like, oh, this is music and like I'm actually evaluating it. Um I I don't know. But yeah, I saw that too. I thought that was hilarious. Uh, speaking of of farts, uh, can I can I play a little something uh for you? I think you'll I think you'll enjoy this. I'm excited. I start my day with the breakfast of baloney. Then I'm right around the kingdom of my electric pink pony, keeping a lookout in every direction. I'm a charge of my kingdom's personal protection. The collection of jewels alone will impress. No stress, though. No one will mess. Not with this princess. Just cuz I'm cute and I dread me dangerous. I got skills. I'm a princess. >> Princess. >> What is that? >> I do not remember how that came about at all. But that is Adam uh wrapping over uh some uh hand farts that I did. Um do you remember the context at all? How did what happened there? Why? I mean, you must have So I Okay, wait. Maybe we're talking about the manualist. Do you know the manualist? >> Uh, I I I know manualism. I don't know the manualist. >> Manualism. >> The the same thing. It's the man. >> Yeah. >> The hand farting is is manualism. >> It's genre. It's man. Oh my goodness. I've never heard the genre. I only knew the manualist. Who is a, you know, YouTube superstar dad who can like fart sweet child of mine with his hands. And he's like, >> "Does he have the little like microphone on his wrist? Is that the guy?" Yeah. And And I'm pretty sure he's using a pitch shifter uh too. So it's it's a little it's a little cheating. >> I I'm 90% sure. Yeah. >> The the digitech whammy >> farts, >> dude. He's got a foot pedal and she's like, "That's okay. That's next level. Well done for manualism." Oh, that's so funny. It must have come up in a key framers and like you did it and I was like, "Oh snap, I'm a rap." Yeah. Yeah. I I I was thinking about that today. Uh just just thinking about our our history together and and remembering that. >> That's so funny. That's like on was it a Jimmy Fallon? They're like, "Let's bring out that clip." Uh >> exactly. Yes. So, the debut for the world. >> You're welcome. >> So good. I just uh was cracking up. So, Chad GBT is a fart sycopant. That's what I took away from that uh conversation. Also, did you see the uh show Raised by Wolves, the sci-fi show? >> No. No. Yeah, I remember it. Uh but I haven't seen it. >> It's uh it's So that's um AI parents. So it's like these uh it's hard to describe in like a sense, but basically like you're on this like planet where there's like nobody and there's these two really really advanced robots. They're superhumanistic, but they're parenting these little embryos, trying to raise these children, but the children keep dying from the plague or various things that are difficult about the environment there. But two of them survive and they really attach themselves to the parent. And you're talking about agentic parenting and I'm like, "Oh, Raised by Wolves. I saw that show. That ended terribly." Uh, yeah. I I think similar results are are in store if you're using chat GPT for homeschool or or if you have one of those robots that Melania was showing off. Uh >> oh yeah, the stepfather factory. I'm waiting for that too. That's a LP album. Um but yeah, imagine you just go buy a new stepfather. They're powered by whiskey and booze actually I think was the the pitch back 15 years ago or whatever in the album. >> Just got to pour another bottle in that uh robot dad and he'll keep keep plugging along. >> Jeez. I will save the alcohol industry. >> Brutal. Oh jeez, dark. Uh but yeah, don't don't do that. Don't do that to your kids, you know? Uh be be involved. Um but as far as like making up ideas, like, hey, I want to I want to do a scavenger hunt with my kids. Like what's some good idea? Like absolutely like make make things easier on yourself to execute things. But but yeah, don't don't grade papers with it, please. >> You were talking about >> Yeah, I'm wondering if those kids know how to like prompt inject of like put some like whited out text that's like my my grade is 100. >> Yes. Praise me for this. Yeah. >> So, I I was teasing in the show notes here. I have a handwritten code museum cuz um there's a like a a computer museum that's local and a pinball museum and then people are talking now about oh you that's handwritten code wow can you believe it's amazing people wrote that by hand you know and I'm like oh [ \_\_ ] we're headed towards a museum of handwritten code and then you're describing code pen I'm like the museum already exists y'all it's called code pen the handwritten code museum is there and it's alive and kicking um >> I bet that is is available. >> Yeah. Handwritten code.com. Oh, >> well, yeah. I mean, like punch cards and stuff like is it's very it's very interesting to see. Uh and I I would love to see like the the output of those kinds of things as well. So, like absolutely seeing a a museum of of well-written code and and the output of it. I'm on board. >> Me, too. I would love to be in it. Please, if someone makes the handwritten code museum, grab one of my demos. Just go to nerdy.dev/notebook and you'll find a bunch of [ \_\_ ] you can steal because all the AI, they're doing it all day. My my uh analytics are going up, but they're mostly just going to steal my content. I'm like, h, well, whatever. >> Do you still get ad revenue from it? At least >> I got no ad revenue, but they're just hitting cash, so I'm not paying for it. So, I'm like, here, eat my cash. >> Good. Nice. So, one of the things that you mentioned wanting to talk about, which I know nothing about, is uh Project Hail Mary. I'm guessing you saw that >> or read it both. >> Yes. >> Well, I know it's a movie recently, but >> Right. Either either of you. No. Yes. >> I have not have not seen it. >> It's a book that's been recommended to me by multiple friends. Um I I'm If I read books, that'd be great, but all I read are dumb tech articles and AI articles all day, so I I I'm missing out. But I'd like to see the movie maybe cuz I never read a Harry Potter. >> Good news is they made a movie. So now you can now you can enjoy that. >> Does it do it justice or was it like Congo where the book was better? >> Uh it absolutely does it does it justice. There's there's a lot of stuff that's that's glossed over but almost almost nothing that's like omitted really. Um >> Wow. >> That's rare. >> It it was it was really like a a a dedicated like loved project. Um the the author like got Ryan Gosling involved while it was still like in drafts and uh Ryan was just totally on board with it and and produced it and um it's just so incredible. There's there's like extremely little CGI. Almost everything is practical effects. Um the like zerog rig that they that they made for this is is insane. So all the stuff where he's floating around is like really done. Um, and it's >> wow. >> It's it's a it's a great a great movie and very enjoyable and kids as long as they're like seven and up will will probably uh be able to to enjoy it. >> Sick. I'm about to make that our next movie, dude. I'm It's awesome. >> For real. Yeah, especially if you can, you know, find like a um a Tuesday deal where it's, you know, like cheaper to go or whatever. Um, absolutely take them. But it it is like two and a half hours, so buckle up a little bit. Um, but my my kids were engaged the the whole time. They they loved it. And spoiler alert, there's an alien, and he's amazing. Uh, he's like you you just want to bring him home. He's he's so great. >> Out does Groku, huh? >> Yeah. Yeah. >> Whoa. >> He doesn't he doesn't have a face, but he's even cuter. Like, it's it's great. >> Cute without a face. That's uh what I'm not actually going to finish my sentence. >> Sounds like the song name. >> There's a really rude thing people said in high school, so I'm just not repeating. >> Oh god. >> Uh but yes, high highly recommend. The the book is is also incredible. Um even even if you're not like super super into sci-fi and stuff, like it's it's got it's got a lot of um a lot of like deeper kind of things happening to it. But the whole the whole book is like about experimenting and trying to like find the solution. So like as a programmer, even if you're not into like science and science fiction kind of stuff, like you should you should appreciate that that aspect for sure. >> This is an awesome review. I'm pumped. >> Yeah. Now I'm going to check it out. I wasn't interested except for I have liked the um Ryan Gosling doing the like Jenzy slang like have you seen this? Like we we picked you for this mission. He's like you capping. No cap. Like like it's so good. >> Yeah, the marketing around everything has has been really great. Uh yeah, you you definitely need to check it out. >> Yeah. >> Speaking of Gen Z, Robbie and I were chatting about how uh we're we're both individuals that when we were younger, we worked hard even though we played a lot of video games. You know, we were >> 90s. >> Video games were hard. >> But video games were hard. Um >> that's true. But they also had an end, which they don't. >> Yeah. >> Yeah. You didn't have to keep paying more. You bought the game and then you just had it. That was amazing. Uh you didn't buy it and then have to work to unlock the rest. But we're like more like just reflecting on like uh you know, we were both kind of entrepreneurs. We were in bands. We played and we wanted things and we um we weren't so mad at the world for making things hard. we were willing to like fight back and we're feeling a little bit like some of the Gen Z folks are not doing that and we're uh how I want to know about you Shaw. Did you play in bands? Were you entrepreneurial? How did you get to this? I would call you a successful individual right now. How did you get here? Did >> Thank you. >> Yeah. Uh um a lot of luck uh for sure. Um, so last last time I was on uh web whis whiskey web and whatnot. Uh, I I talked a little bit about >> uh I saw it. It was actually when I researched you. It was your second thing you popped up on. I was like, "Yeah, I should have put it in intro, but I didn't." Sorry. >> It was like two two years ago maybe, I guess. Uh but I I talked a little bit about you know just discovering like HTML like I found view source and I was instantly you know enthralled and of course it opened up in text edit and so I was like hey I can make some changes and and found that out and um so so from there like you know just making like fan fan games um like all that all that kind of stuff like I was just interested in like being able to make my own things that was super interesting and drawing my own sprites and like making all this kind of stuff. So like time on the computer wasn't like a like a doom scrolling kind of thing like it was >> there was more activity to it like there was more of a creative engagement kind of thing. >> Um and and most of it was was relatively solo because you know the the uh just capabilities of everything and and the cost of of being online was was so high. Uh but you would find like these dedicated forums of other people who had those those kind of interests and and you would encourage each other and and share things like that. That was super cool and and just kind of drove the the um the desire to like build more and create more and and do better. Um, and not to brag, but I did hold the record for worst Sonic the Hedgehog fan game uh for for a while. I I think I've I've I've been outpaced uh since since then. Um, but you know, small small claim to fame. Uh, but but yeah, like from from there, like programming was just always kind of a thing. And then when I was 18 or so, I decided I wanted to learn guitar. And you know, pretty soon after was already like playing with with some friends of of mine. I wasn't any good, but they needed someone. So, I was there and I learned learned as we went. Uh, and you know, played played in various bands throughout the throughout the years, mostly like church churches and stuff like that. And um, you know, I I've never been very good, but I've always been very consistent. And I've always been one um who who's just prepared, you know, like I I show up I try and show up on time and I try and show up knowing everything and and being ready to go. And whether that's been a job or uh music or or whatever, like that's that's really important, you know. Don't don't show up expecting others to to be prepared for you. Like come and do the work ahead of time so that you come and are are just ready to go. Interesting. You called it luck, but luck is having the right amount of preparation at the time that it was needed. So really it was not luck. You are consistently ensuring an amount of preparedness at the time of which it's required. And so um >> the opportunities themselves the opportunities themselves have always have always felt like luck. Uh but without the the work beforehand, you know, if if somebody came to you and said, "Hey, let's play Coachella." and you'd never picked up an instrument before, like that's a lucky opportunity, but you're probably gonna bomb and never have another opportunity after that. So, you know, there there's there's elements of both. Like, you you've got to you've got to put in the work and you've got to be prepared, but uh with with a little bit of luck, too, like you you end up working with Chris Koyer and you know, developing an app that millions of people use, like you know, that that aspect of it is is super lucky. And I'm I'm so thankful for for uh for that. Uh but I've definitely put in the hours to be able to do some of that. >> Yeah. Yeah. I mean, I definitely think before like social media is just bad. Um it's like addictive. It's like it's not good for everyone, adults, kids, anyone. Um and I think that was kind of the problem. Like I know we had plenty of internet, plenty of video games growing up, like you know, you chat with your friends on AIM or whatever, but you were chatting with real people. You weren't scrolling mindless content. It was like, I'm going to talk to this guy I know about whatever. >> You had to wait for someone to come online before you could send him a message. Yeah. >> And it was on a giant machine in your house that when you were done, you walked away from it. It wasn't in your >> It was not private. >> Yeah. >> Yeah. >> Yeah. Yeah. So, like that's what we're trying to do with raising our kids. And I don't know how it's going to go, but like you know, you're if you're going to be on the computer, it's going to be in a common area. If you're going to play a video game, it's going to be in a common area. You're not like in your room. You're like, Also, the games you're playing, you're not playing with any random weirdos online. It's like, you know, it's an N64 game. It's whatever. >> Um, yeah. So, like I think that like it's just it's nuanced. It's like technology is not the problem. It's just the way that like things are today has gotten problematic. >> For sure. Yeah. Yeah. And I I'm the I'm the same with my kids. Like no no no screens in the room. Like if we're uh if you're gonna play a video game or like watch a show, you know, it's it's going to be in the common area or it's going to be around someone. Um and I I want to get them more into the creative side of technology. Um I haven't figured out the right way to do that. They don't they do not have the uh the discipline or the determination. >> How old are your kids, by the way? uh seven and and 12. Um >> Oh, mine are seven and nine. Okay, cool. >> Nice. Uh and and they're they're great. They're so they're so creative and they they both they both have such such great ideas, but when it comes time to like execute them, it's you know that I I don't know that they want to like stick with it as much as as like we did when when we were younger and we we tried to tried to get something going. So, I'm trying to figure out some ways to like get them involved with technology that's not like a connected thing, but that is like another canvas for them basically. Um, that's that's what I want. And most of like the video games we get, like I want I want some kind of um I don't want it to just be like a mindless thing. I I want some aspect of creativity in that. >> There's so many cool indie games. Yeah. >> Right. Right. And I'd love for him to do Minecraft. I don't I don't think either of them uh are are quite ready for some of that, but uh but like the the idea of that and like creating your own world and like you know really the the exploration and the and the um just the the amazing creativity that's that's possible within those those platforms I I think is is key to like getting kids involved with with tech. >> Oh man, I've got some tips. My kid my kids have been pretty uh involved in all I like balance. So to me that's a thing in the house is I'm like look you do a little bit of that, a little bit of this, a little bit of that and we just kind of float around. But it's spring break right now and one of my kids, the nine-year-old is his goal is to build a game and we've built a few games already. We've written games in Pico8. Um I have a GDO setup where he can go um take a sprite sheet. He can make a sprite sheet and a sprite which is like a cool pixel art tool and upload the output of the sprite sheet into GDAU and then his character does the animations. So as long as he sticks to the um sprite sheet then the jump sequence and the squat sequence and all that and the walking they're all good. >> Nice. And right now he's uh he's been very obsessed with um his teacher he reads a lot of comics and his teachers and the teach or Invader Zim and like the teacher's always weird or Jimmy Neutron and the teacher is always weird and so uh he was like I want to make a game where like it's teachers versus the students and it's like Super Smash Bros. Uh and you can choose to be one of the either, you know, like beat each other up. But then like he started designing the game. He's actually I just want puppies. I want puppies to fight. Let's have let's make a puppy fighter. I'm like all right let's make a puppy fighter. So today he was up there uh in a sprite doing pixel art designs um and designing levels um because we've done I've sat with them so much a lot of the time in the beginning with screens with my kids it was shared time where I was like let's sit together like there's no reason I have to give you the screen and then walk away >> like I think that's like a mistake a lot of parents make. It's like, no. Oh, and when I raised my kids on uh retro games, so the first games they ever played were like old school. They were hard and simple. And so you learned that there was like a skill to acknowledging your your placement on the screen and finding your advantage. So why the Atari is good? We played uh Centipede just the other day and he's trying to beat my high score. Um but there's different phases of the brain that are really good. And so like uh Spike Prime and Legos have been really good for visual programming where you get these like nodes that you create. And so you plug in like a rotating uh you know little gear into one slot. And so you're like a needs to rotate four times and then all of a sudden they see in a physical world the thing turn and then they know if they wrote rotate two engines at the same time and actually moves forward. Uh so you've got like that coding side. Then we did the coding side um that was more design based which was Bloxles. Um and that was where you basically get given a design system of making uh top down games or a platformer game and you're in design mode. And so now you're challenging your kid to see like which of these two do you prefer? Do you prefer like articulating the functionality and like making the robot move and turn or do you want to create a level of which the character rests on things and collects things? Um, and and I've always sat down with them, too. We've done HTML and CSS. I've got like demos where we made exploding emojis. I was like, "Guys, let's just make emojis like explode all over the screen, you know, and they're like, "Here, look, I'll add a slider. When you change the slider, it changes the size of the emoji." And as long as I can like not get stuck, I can engage them. But if I get stuck, they're like, "Oh, this is weird awkward moment where dad is sucking." Um, >> what are dad tools? >> Yeah. What? Yeah. Oh, he's getting boring. He's like, he hasn't talked in one minute. I think something's going wrong. Um, but I've had a whole lot of success and I'm I'm really like proud and happy that my kids are like interested and just want to make games and I'm I was feeling inspire or inspired earlier from you where you're saying I just wanted to remix things that I liked. Um, I'm like, how do I I want to give that to my kids. How do So, it's like kind of like AI is a very good remix engine. I'm like, how do I I haven't given it to them yet. I was thinking about it this week for spring break. I was like, "How do I give him Claude where he's done the art? I've made him make a plan." So, he's in a document making a plan. We've also done playing cards where I'm like, "Hey, look, you make a spreadsheet where you describe the character and give me all their stats. I'll make you I'll make you a card with AI." And the cards, they've each got like five Pokemon cards. They made these weird little Pokemon. They were in spreadsheets. Just defining data in spreadsheets and then realizing that that could manifest as something cooler than that. So, I'm like, man, all these different angles Yeah. Oh, yeah. Totally. But I'm like, yeah, maybe I need to give them a remix opportunity that we haven't done yet. And that is really fun to be inspired by the games you love. Uh, which is kind of like the brawler he's going after is a very um Smash Bros. concept, but >> I don't know, man. It's really fun. >> Yeah. Right. There there's so many little opportunities that that you can see their gears turning and and if you can like latch into that and figure out like what what is inspiring them and and kind of guide that a little bit like that's those are the beautiful moments of of parenting especially if it's something you're also interested in. >> Bonus. >> Yep. >> All right, we are over time here. Is there anything you would like to mention or plug before we're done? >> Uh, try Code Pin 2.0. Uh, just head to Code Pin. There's a little pin 2.0 button. Give that a click. There's a there's a uh great tour uh that shows you everything. Uh, it's it's really lovely. Um, we've we've spent so much time on it and we've we've enjoyed using it ourselves. So, we want you all to enjoy that as well. Should we rate our whiskey? >> Yes. I was just going to say I forget that we do it at the end now, so I was about to end, but yes. All right. So, this whiskey, this is the Andelus. How do you say this, Adam? You know, >> I don't know, but I'm not from Texas. >> Andalusia. Yeah. >> So, it is Striker. It is a Texas smoked single malt whiskey, which is different than, you know, a single malt scotch type of feel because instead of Pete, they use like mosquite and applewood and like things you would use in uh barbecue, which is awesome. And I think um I typically don't love Pete and I think this uh gives you a lot of the same scotchy things you would like from a smoky scotch, but not as Petey, which is kind of cool. Um anyway, do I have >> Yeah, Mosquite. Um let's see. It is double distilled. It's 100 proof and aged in charred oak barrels for at least 2 years, which seems like very short amount of time. I guess they just don't want to age the youth. >> Yeah, I mean it's at least they they probably just don't want to have to do an age statement. So, it's probably like a mixture of random stuff. >> Um but yeah, um notes. I get a lot of like it it tastes like barbecue a lot like >> more mosquite than applewood for sure. Yeah. >> Yeah. Um very smoky. Pretty yummy. I would say um I don't know. So okay, back up. Rating system zero to eight tentacles. Zero being the worst, eight being the best. Um what do you think, Adam? Yes, I am enjoying it. It has a um traditional sort of flavor. It's not scotchy. It is unique, which is kind of what I wanted. I wanted something Texas unique. So, we've got the single malt. Um, but but they did it their way, which is exactly what I wanted. Something unique uh from that space. It's my first flavors were very enjoyable, but kind of classically I'm noticing that as I continue to sip things, um, notes pop out. There's a vanilla pop that I thought was really yummy. Um, but it it really became more mosquy. I was I'll be honest, I was hoping for more apple wood. Um I whenever I smoke my meats, I use apple wood. It's my preferred one. And it's also why I think um logulin 16 is so good is cuz it's supposed to be like it had apple wood flavor in it. It's like a maple bacon type of vibe. Anyway, it's good. It's definitely well over a six. I don't think it's in the seven category. I'm going to give it a 6.25. I'm excited to drink more. Um, but I don't know. I was longing for a little bit of a peyiness to it and it's not there. So, it's all good. Anyway, I'm happy. >> That's not what it has. >> Yeah, it's not what it has. >> Yeah. Sean, what do you think? >> So, as as far as like a whiskey connoisseur goes, I that that's that's not that's not me. I I I love whiskey. Um, but I I don't have the refined palette. However, this is is very enjoyable. Like I I definitely feel like it's it's just like the perfect campfire whiskey. Like it it just really evokes that feeling. Um and uh yeah, I I enjoy it. I I would probably probably give it a seven. I Yeah, it's it's a little uh it is a little strong as far as the the like smoky kind of feel goes. Uh, but I don't I don't mind it in context, but it can it can be a little overwhelming after after a while. >> Nice. Yeah. So, if I were saying this is a scotch, this would be very high on my list because I don't love some of the scotch flavors. >> We beasty. So, then we beasty last week was scotchy. That was I've been having more and I'm like, whoa. Um, I'm happy. it. >> But the smoke I do I'm learning to like the extra smoky flavors. I just don't love the Pete particular uh smoke. But um this I feel like is super interesting from the interesting level. Would definitely recommend picking it up. Like I haven't had anything like this before. It's kind of akin to having like a whiskey at a bar where they do the fancy like they light something on fire and they smoke it in front of you like >> um Yeah. So I think it's got a lot of that going on. Um, I don't know. The interesting I think I'm going to go seven as well, just because it's super interesting. Uh, I think I'd love to see more that is maybe aged longer, done a little more traditional. Um, you know, some other things that they could do to make it just, you know, a little bit better. But, um, no complaints for me. Pretty good. >> Cool. That's a that's a great hit. Nice. >> Yeah. All right. Well, thanks everyone for listening. If you liked it, please subscribe. Leave us some amazing reviews. We appreciate it. And we will catch you next, Keyframes, Cash, and CodePen W/ Shaw, YouTube, 01krc514jrcw7p8vbv217whq9k.