{
  "$type": "site.standard.document",
  "description": "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",
  "path": "/keyframes-cash-and-codepen-w-shaw",
  "publishedAt": "2026-05-14T07:00:00.000Z",
  "site": "at://did:plc:3xtte5zonglhdotitdwmukhq/site.standard.publication/3mnwyowjjysmi",
  "tags": [
    "podcast"
  ],
  "textContent": "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.\n\nIn this episode:\n\n\n\n\nCHAPTERS\n\n * 00:00:00 Welcome & Introductions\n * 00:02:25 Whiskey Tasting: Andalusia Stryker Texas Smoked Single Malt\n * 00:04:32 Hot Takes: Is HTML a Programming Language?\n * 00:10:50 Chris Coyier vs Adam Argyle: The Impossible Choice\n * 00:13:21 Git Worktrees, Stacks & Fans: Modern Version Control\n * 00:22:21 React Server Components: Mistake or Masterpiece?\n * 00:24:30 CodePen 2.0: Building a Modern Editor from Scratch\n * 00:39:18 AI in CodePen: Curation Over Generation\n * 00:45:07 Agentic Parenting & The Fart Sycophant Problem\n * 00:57:00 Raising Creative Kids in the Age of Screens\n * 01:10:43 Whiskey Review & Final Thoughts\n\n\n\nLinks\n\n * Andalusia Texas Smoked Single Malt Whiskey: https://andalusiawhiskey.com/ [https://andalusiawhiskey.com/]\n\n * CodePen: https://codepen.io/ [https://codepen.io/]\n\n * CodePen 2.0: https://codepen.io/ [https://codepen.io/]\n\n * KeyFramers: https://keyframers.com/ [https://keyframers.com/]\n\n * Code Mirror 6: https://codemirror.net/ [https://codemirror.net/]\n\n * Apollo GraphQL: https://www.apollographql.com/ [https://www.apollographql.com/]\n\n * Next.js: https://nextjs.org/ [https://nextjs.org/]\n\n * GitHub Stacks: https://github.com/ [https://github.com/]\n\n * React Server Components: https://react.dev/ [https://react.dev/]\n\n * Claude: https://claude.ai/ [https://claude.ai/]\n\n * Project Hail Mary: https://en.wikipedia.org/wiki/Project_Hail_Mary [https://en.wikipedia.org/wiki/Project_Hail_Mary]\n\n * Pico-8: https://www.lexaloffle.com/pico-8.php [https://www.lexaloffle.com/pico-8.php]\n\n * Spike Prime: https://education.lego.com/en-us/products/lego-education-spike-prime-set/45678/ [https://education.lego.com/en-us/products/lego-education-spike-prime-set/45678/]\n\n * Blockly: https://developers.google.com/blockly [https://developers.google.com/blockly]\n\n * Rails: https://rubyonrails.org/ [https://rubyonrails.org/]\n\n * Go: https://go.dev/ [https://go.dev/]\n\n * Vercel: https://vercel.com/ [https://vercel.com/]\n\n * StackBlitz: https://stackblitz.com/ [https://stackblitz.com/]\n\n * Monaco Editor: https://microsoft.github.io/monaco-editor/ [https://microsoft.github.io/monaco-editor/]\n\n * VS Code: https://code.visualstudio.com/ [https://code.visualstudio.com/]\n\n * Raised by Wolves: https://en.wikipedia.org/wiki/Raised_by_Wolves_(American_TV_series) [https://en.wikipedia.org/wiki/Raised_by_Wolves_(American_TV_series)]\n\n * The Manualist: https://www.youtube.com/user/TheManualist [https://www.youtube.com/user/TheManualist]\n\n * Aesop Rock: https://www.aesoprock.com/ [https://www.aesoprock.com/]\n\n * Minecraft: https://www.minecraft.net/ [https://www.minecraft.net/]\n\n * Nerdy.dev: https://nerdy.dev/ [https://nerdy.dev/]\n\nConnect with Shaw\n\n * Website: https://shshaw.com/ [https://shshaw.com/]\n\n * X / Twitter: https://x.com/shshaw [https://x.com/shshaw]\n\nConnect with the hosts\n\n * Robbie Wagner: https://x.com/RobbieWagner [https://x.com/RobbieWagner]\n\n * Adam Argyle: https://x.com/argyleink [https://x.com/argyleink]\n\nSubscribe and stay in touch\n\n * Website: https://whiskey.fm [https://whiskey.fm/]\n\n * Apple Podcasts: https://podcasts.apple.com/us/podcast/whiskey-web-and-whatnot/id1552776603 [https://podcasts.apple.com/us/podcast/whiskey-web-and-whatnot/id1552776603]\n\n * Spotify: https://open.spotify.com/show/19jiuHAqzeKnkleQUpZxDf [https://open.spotify.com/show/19jiuHAqzeKnkleQUpZxDf]\n\n * Overcast: https://overcast.fm/itunes1552776603 [https://overcast.fm/itunes1552776603]\n\n * YouTube: https://www.youtube.com/@WhiskeyWebAndWhatnot [https://www.youtube.com/@WhiskeyWebAndWhatnot]\n\nWhiskey Web and Whatnot Merch\nEnjoying the podcast and want us to make more? Help support us by picking up some of our fresh merch at https://whiskey.fund [https://whiskey.fund/].",
  "title": "Keyframes, Cash, and CodePen w/ Shaw"
}