Keyframes, Cash, and CodePen w/ Shaw

This week, Robbie and Adam welcome Shaw from CodePen to talk CSS animations, web components, server side rendering nightmares, and why building things by hand still matters in the age of AI slop. They dig into the CodePen 2.0 rewrite, Apollo GraphQL cache manipulation, the pain of reactive variables on the server, why Code Mirror 6 is both brilliant and bizarre, and whether stacks and fans will finally solve the PR review problem. Along the way, they cover HTML as a programming language, handwritten code museums, agentic parenting disasters, and why showing up prepared beats luck every time. In this episode: Chapters 00:00:00 Welcome & Introductions 00:02:25 Whiskey Tasting: Andalusia Stryker Texas Smoked Single Malt 00:04:32 Hot Takes: Is HTML a Programming Language? 00:10:50 Chris Coyier vs Adam Argyle: The Impossible Choice 00:13:21 Git Worktrees, Stacks & Fans: Modern Version Control 00:22:21 React Server Components: Mistake or Masterpiece? 00:24:30 CodePen 2.0: Building a Modern Editor from Scratch 00:39:18 AI in CodePen: Curation Over Generation 00:45:07 Agentic Parenting & The Fart Sycophant Problem 00:57:00 Raising Creative Kids in the Age of Screens 01:10:43 Whiskey Review & Final Thoughts Links Andalusia Texas Smoked Single Malt Whiskey: https://andalusiawhiskey.com/ CodePen: https://codepen.io/ CodePen 2.0: https://codepen.io/ KeyFramers: https://keyframers.com/ Code Mirror 6: https://codemirror.net/ Apollo GraphQL: https://www.apollographql.com/ Next.js: https://nextjs.org/ GitHub Stacks: https://github.com/ React Server Components: https://react.dev/ Claude: https://claude.ai/ Project Hail Mary: https://en.wikipedia.org/wiki/Project_Hail_Mary Pico-8: https://www.lexaloffle.com/pico-8.php Spike Prime: https://education.lego.com/en-us/products/lego-education-spike-prime-set/45678/ Blockly: https://developers.google.com/blockly Rails: https://rubyonrails.org/ Go: https://go.dev/ Vercel: https://vercel.com/ StackBlitz: https://stackblitz.com/ Monaco Editor: https://microsoft.github.io/monaco-editor/ VS Code: https://code.visualstudio.com/ Raised by Wolves: https://en.wikipedia.org/wiki/Raised_by_Wolves_(American_TV_series) The Manualist: https://www.youtube.com/user/TheManualist Aesop Rock: https://www.aesoprock.com/ Minecraft: https://www.minecraft.net/ Nerdy.dev: https://nerdy.dev/ Connect with Shaw Website: https://shshaw.com/ X / Twitter: https://x.com/shshaw Connect with the hosts Robbie Wagner: https://x.com/RobbieWagner Adam Argyle: https://x.com/argyleink Subscribe and stay in touch Website: https://whiskey.fm Apple Podcasts: https://podcasts.apple.com/us/podcast/whiskey-web-and-whatnot/id1552776603 Spotify: https://open.spotify.com/show/19jiuHAqzeKnkleQUpZxDf Overcast: https://overcast.fm/itunes1552776603 YouTube: https://www.youtube.com/@WhiskeyWebAndWhatnot Whiskey Web and Whatnot Merch Enjoying the podcast and want us to make more? Help support us by picking up some of our fresh merch at https://whiskey.fund.