ShopTalk

Episodet

• 
  725: CodePen 2.0, Templates on the Web, The Year of HTML? 27.07.2026 1h

  Show DescriptionCodePen 2.0 is out now and we're talking about the launch, the idea of templating on the web, and how HTML could look very interesting in the future. Listen on WebsiteWatch on YouTubeLinks Yarn Announcing TypeScript 7.0 CodePen 2.0 announcement blog post SponsorsNotionWrite custom tools for Notion Agents that generate assets, query live data, and hit any API. Listen for incoming webhooks from any app, then run workflows with Notion Agents, pages, databases, and external APIs. All of this, on a hosted runtime. Workers are isolated sandboxes managed by Notion, so the code behind your syncs, tools, and workflows runs on our infra instead of your servers.
• 
  724: Ask Dan Abramov Anything About AT Proto 20.07.2026 55min

  Show DescriptionIf you're like Chris and understand a bit of the tech behind AT Proto but want to understand it at a deeper level, this episode is for you. How does it differ from straight up RSS and Mastodon, where is my identity being stored, how do I create a schema, what can be updated or modified later, is there going to be a PDS revolution, how does Standard.site fit into it all, and what else could we build with AT Proto? Listen on WebsiteWatch on YouTubeGuestsDan AbramovGuest's Main URL • Guest's SocialLinks overreacted There are no instances in AT Proto dan abramov Tangled Leaflet BlueSky For You feed Standard.site Implementing Standard Site: WIlto atapult teal.fm
• 
  723: Ads on Your Website, UX for Web Dev Jobs, and Progressive Web Components 13.07.2026 57min

  Show DescriptionHow do websites handle advertising embeds, thinking DND thoughts about team topologies, does knowing UX help get jobs in web dev, using Elena for building progressive web components, and dealing with buttons in web components. Listen on WebsiteLinks BuySellAds Carbon Ads It needs to map back to a role – Eric Bailey Elena | Progressive Web Components Ariel Salminen David Darnes SponsorsNotionWrite custom tools for Notion Agents that generate assets, query live data, and hit any API. Listen for incoming webhooks from any app, then run workflows with Notion Agents, pages, databases, and external APIs. All of this, on a hosted runtime. Workers are isolated sandboxes managed by Notion, so the code behind your syncs, tools, and workflows runs on our infra instead of your servers.
• 
  722: The No-AI Talk Challenge, Picking Rails Tooling, Dark Mode? 06.07.2026 58min

  Show DescriptionChris & Dave have been challenged to not talk about AI this episode - do they succeed? How do I optimize tracking pixels in my web app, what's the best book on CMS and authoring experiences, picking the best tooling in Rails that won't be obsolete, SPF, DNS, and D-Marc, adding dark mode to a website, and dealing with good old fashioned F.A.R.T. Listen on WebsiteWatch on YouTubeLinks Vizio accidentally made the best dumb TV on the market | The Verge Window: queueMicrotask() method - Web APIs | MDN Jake Archibald on the web browser event loop, setTimeout, micro tasks, requestAnimationFrame, ... - YouTube Designing Content Authoring Experiences Ruby on Rails: Accelerate your agents with convention over configuration Secure AI Agent & User Authentication | Auth0 next.js TanStack | The open-source application stack for the web. RedwoodSDK: A simple framework for humans Heroku | The Cloud Application Platform For Developers Push your ideas to the web | Netlify Agentic Infrastructure - Vercel Astro Jekyll • Simple, blog-aware, static sites | Transform your plain text into static websites and blogs Nuxt: The Full-Stack Vue Framework SendGrid Email API and Email Marketing Campaigns | Twilio Email · The email API for developers who ship the rest of the message too — Bird Cloudflare: Build for the agent era CSS Analytics - Project Wallace Flash of inAccurate coloR Theme (FART) | CSS-Tricks
• 
  721: New Gear, Nerding Out, and VS Code Forks 29.06.2026 1h 2min

  Show DescriptionWhat to do when you have more ideas than time, getting new musical gear, nerding out and getting excited about things, the state of conferences in 2026, Cursor being bought, and Dave's got a minimum viable design system idea. Listen on WebsiteWatch on YouTubeLinks FFConf Figma Config 2026 SpaceX locks in $60 billion Cursor deal Google Antigravity Devon: An open-source pair programmer Introducing Composer 2 @function CSS at-rule A tale of two browsers Google's Prompt API SponsorsNotionWrite custom tools for Notion Agents that generate assets, query live data, and hit any API. Listen for incoming webhooks from any app, then run workflows with Notion Agents, pages, databases, and external APIs. All of this, on a hosted runtime. Workers are isolated sandboxes managed by Notion, so the code behind your syncs, tools, and workflows runs on our infra instead of your servers.
• 
  720: TypeScript Complaints, Slowing Down, and AT Proto Protocols 22.06.2026 1h 4min

  Show DescriptionIn praise of a solid Shure microphone (sponsor??), AI being really helpful in certain situations, TypeScript complaints about complaining, TypeScript at CodePen, should we all slow down a bit, CI jail and work trees, AT Proto and related protocols, interestForElement in HTML, and how many spoons do you have left for Clues by Sam? Listen on WebsiteLinks MV7+ - Podcast Microphone - Shure USA Lit Devin | The AI Software Engineer Understanding Standard.Site Now in your timeline: Standard.site brings richer previews from across the open web - AT Protocol tv for developers — CodeTV HTMLButtonElement: interestForElement property - Web APIs | MDN Using interest invokers - Web APIs | MDN Spoons by Sam - daverupert.com htmx ~ Code is Cheap(er) SponsorsMacroMacro is a tool to cut through the noise - It's a workspace built for engineers; One place for all your emails, tasks, team chat, and documents. Sign up at Macro.com and get $100 of your subscriptions using code SHOPTALK100
• 
  719: Estimating Project Time, React Server Components, and Lifetime Offers 15.06.2026 1h 3min

  Show DescriptionHow do you estimate how long a task or project is going to take? Is it easier or more difficult with AI's help? Were web components a mistake? What do we think about Cloudflare's EmDash now? And are lifetime offers a good or bad thing in the dev community? Listen on WebsiteLinks Keyframes, Cash, and CodePen w/ Shaw - Whiskey Web and Whatnot Meeting Design - For Managers, Makers, and Ever :host CSS pseudo-class - CSS | MDN Introducing EmDash WP Migrate SponsorsMacroMacro is a tool to cut through the noise - It's a workspace built for engineers; One place for all your emails, tasks, team chat, and documents. Sign up at Macro.com and get $100 of your subscriptions using code SHOPTALK100
• 
  718: 3D Printing Life Upgrades, Don’t Give Away Your Dopamine, and CodePen App Deploys 08.06.2026 58min

  Show DescriptionDave's upgrading his office with a 3D printer, Chris is ordering 3D printed parts for his van, using mobile Starlink, Chris redesigned his website, playing puzzle games like Statedoku, Chess Peace, and Clues by Sam, how CodePen is going to support pointing domains at your app, and what Vite getting bought by Cloudflare signals. Listen on WebsiteWatch on YouTubeLinks Kagi - Reclaim the Web & Restore Your Privacy A week on the road The New Van – Chris Coyier Chris Coyier – Web craftsman, blogger, author, speaker. Social RSS (?) – Chris Coyier Statedoku — Daily US States Puzzle | Sudoku Meets American Geography Chess Peace - A Peaceful Chess Puzzle Game for iPhone, iPad & Mac Clues By Sam Online Courses • Josh W. Comeau JavaScript for Everyone - Piccalilli SponsorsMacroMacro is a tool to cut through the noise - It's a workspace built for engineers; One place for all your emails, tasks, team chat, and documents. Sign up at Macro.com and get $100 of your subscriptions using code SHOPTALK100
• 
  717: Better DX for Web Components, What Was Popular That Now We’re Used To? 01.06.2026 53min

  Show DescriptionDave's changing up his camera angles, Chris has been upgrading his Sprinter van, how many hobbies is too many, what kinds of web tech was popular years ago that now seems normal, why isn't the DX around web components better, how can I structure my code to compose other custom elements, and what still can't be done on the web these days? Listen on WebsiteLinks Custom Elements Manifest Diffs, Trees, and VS Code 2.0 - Syntax #1008 CodePen Radio SponsorsMacroMacro is a tool to cut through the noise - It's a workspace built for engineers; One place for all your emails, tasks, team chat, and documents. Sign up at Macro.com and get $100 of your subscriptions using code SHOPTALK100
• 
  716: Google I/O 2026 Recap Edition 25.05.2026 1h 3min

  Show DescriptionWe're running down what's new from Google for the web and figuring out if it's web developer Xmas or AI Doomsday this year. Listen on WebsiteWatch on YouTubeLinks Paul Irish The Dialog Element with Entry and Exit Animations 15 updates from Google I/O 2026 Google I/O 2026: What's new in Web UI SponsorsAI & Design Systems CourseThis course is for anyone invested in the success of digital products at your organization. Whether you're a designer, developer, product owner, manager, or leader, you'll learn how AI & design systems work together to help you create better digital products. The course blends foundational concepts with practical, in-the-weeds instruction to help you level up your skills and understanding. Coupon Code SHOPTALKSHOWISAWESOME for 15% off!
• 
  715: Would You Like a LLM With Your Browser? 18.05.2026 52min

  Show DescriptionWhat happens to a website when it stops? Is there a space for an internet salvage yard for websites? How do you feel about LLMs being included with your browser? And are we ever going to find out where AI got all it's data from? Listen on WebsiteWatch on YouTubeLinks Mat on Google's Prompt API Hard Fork - The New York Times 633: Thomas Steiner on AI in Chrome and the Web – ShopTalk Building Toward a Sustainable Content Economy for the Agentic Web | Microsoft Advertising Introducing Vanishing Culture: A New Book on the Loss of Our Digital Memory | Internet Archive Blogs SponsorsAI & Design Systems CourseThis course is for anyone invested in the success of digital products at your organization. Whether you're a designer, developer, product owner, manager, or leader, you'll learn how AI & design systems work together to help you create better digital products. The course blends foundational concepts with practical, in-the-weeds instruction to help you level up your skills and understanding. Coupon Code SHOPTALKSHOWISAWESOME for 15% off!
• 
  714: Camping, Burnout, and Chris’ CSS Talk 11.05.2026 53min

  Show DescriptionHow responsible should you be for fixing your own website for others, Dave's got a blacklog of blog posts, Chris got a camper van, debating burnout even when you love your work, a weekly AI doomer check in, and Chris has a talk for Smashing Magazine happening by the time you hear this. Listen on WebsiteWatch on YouTubeLinks Winnebago Revel | AWD Off-Grid Camper Van Naz Hamid Opus OP4 Camper | Premium Off-Road Inflatable Trailer USA HealthyGamerGG - YouTube Smashing Conferences — Smashing Magazine SponsorsAI & Design Systems CourseThis course is for anyone invested in the success of digital products at your organization. Whether you're a designer, developer, product owner, manager, or leader, you'll learn how AI & design systems work together to help you create better digital products. The course blends foundational concepts with practical, in-the-weeds instruction to help you level up your skills and understanding. Coupon Code SHOPTALKSHOWISAWESOME for 15% off!
• 
  713: AI + Design Systems with Brad and Ian Frost 04.05.2026 1h 13min

  Show DescriptionBrad and Ian Frost are back to chat about integrating AI into website and design system building, how to keep AI slop out of your design systems, building things humans need regardless of the tooling, and thinking of AI as a fancy linter. Listen on WebsiteGuestsBrad FrostGuest's Main URL • Guest's SocialIan FrostGuest's Main URL • Guest's SocialLinks Redesigning My Website While Painting a Mural: The Ancient Future of Web Design - YouTube AI & Design Systems Course with Brad Frost, TJ Pitre, and Ian Frost Brad Frost Ian Frost SponsorsAI & Design Systems CourseThis course is for anyone invested in the success of digital products at your organization. Whether you're a designer, developer, product owner, manager, or leader, you'll learn how AI & design systems work together to help you create better digital products. The course blends foundational concepts with practical, in-the-weeds instruction to help you level up your skills and understanding. Coupon Code SHOPTALKSHOWISAWESOME for 15% off!
• 
  712: Lazy Loading the Web with Scott Jehl 27.04.2026 1h 4min

  Show DescriptionChris Coyier and Scott Jehl discuss the recent advancements in lazy loading on the web, the process of standardization, browser support, and the future of web performance optimization. Listen on WebsiteGuestsScott JehlGuest's Main URL • Guest's SocialTech lead of the Performance & Accessibility Team at Squarespace. Links Scott Jehl, Web Designer/Developer YouTube Embeds are Bananas Heavy and it's Fixable – Frontend Masters Blog How To Use Standard HTML Video & Audio Lazy-Loading on the Web Today — Squarespace Engineering Blog Squarespace & Web Standards: How We Helped Bring HTML Video & Audio Lazy Loading to Today's Browsers — Squarespace Engineering Blog web-platform-tests documentation — web-platform-tests documentation SponsorsSanityThe back-end built for AI content operations. Power web, mobile, and agentic applications at scale. Start building with an extended 60-day trial.
• 
  711: Where did Oh My Zsh Come From? And Using Rails in 2026 20.04.2026 1h 3min

  Show DescriptionWe've got Robby Russell, maintainer of Oh My Zsh, on the show to talk about why Chris has it installed, what makes a good Zsh plugin, Oh My Zsh plugins Robby recommends, what it's like working in Rails in 2026, dealing with project dependancies, and how Rails apps make use of frameworks? Listen on WebsiteWatch on YouTubeGuestsRobby RussellGuest's Main URL • Guest's SocialCEO and Partner at Planet Argon Links Oh My Zsh - a delightful & open source framework for Zsh Robby Russell - CEO, Partner Planet Argon On Rails Podcast Maintainable Software Podcast ohmyzsh/plugins/autojump shadcn/ui SponsorsSanityThe back-end built for AI content operations. Power web, mobile, and agentic applications at scale. Start building with an extended 60-day trial.
• 
  710: Simen Svale from Sanity 13.04.2026 56min

  Show DescriptionWhat is Sanity and who is it for in the age of AI, managing content with AI, how Simen Svale uses AI agents alongside Sanity, designing a MCP, design with Pencil vs Figma, how Inngest works, and how Simen keeps AI agents busy all day. Listen on WebsiteWatch on YouTubeGuestsSimen SvaleGuest's Main URL • Guest's SocialCo-founder/CTO at Sanity.io Links The Content Operating System for the AI era | Sanity Coding Agents & Complexity Budgets | Lee Robinson Message from Sanity Pencil – Design on canvas. Land in code. AI and backend workflows, orchestrated at any scale SponsorsSanity.ioThe back-end built for AI content operations. Power web, mobile, and agentic applications at scale.
• 
  709: Slopforking a CMS, Apple Browser Feedback, and Custom Theme CSS 06.04.2026 55min

  Show DescriptionDave's plan for when AI finally takes his job, going to the movies in 2026, Chris & Dave chat with Apple about the state of browsers, Dave has a way of setting a theme with a custom space property, and Cloudflare slopforks a CMS. Listen on WebsiteWatch on YouTubeLinks The Greatest Average American: Season 1 | Rotten Tomatoes Weapons (2025) directed by Zach Cregger Dave's CodePen Pen Introducing EmDash SponsorsSanitySanity is a Content Operating System. It gives editors a real workspace. Studio is a customizable editing interface where your content team publishes without touching your repo or filing tickets. They can use built-in AI that researches the web, understands the content model, and handles the repetitive work (drafts, translations, metadata) so editors focus on editorial judgment. Content is structured data from the start, so agents work with typed fields, not raw text.
• 
  708: People Are Not Friction, Getting Rid of the CMS, and Social RSS Follow Up 30.03.2026 57min

  Show DescriptionMemories of Hawaii, people are not friction in the AI age, what do you pre-load for a flight, can you get rid of the CMS with AI involved, Dave's dream for a custom VS Code machine, CommonRSS follow up conversation, the hype for ATProto, and picking music apps for a family. Listen on WebsiteWatch on YouTubeLinks People are not friction USB-C to 3.5mm Audio Cable (1.2m) - Apple (CA) The Shape of Friction · Matthias Ott Whiskey Web and Whatnot Coding Agents & Complexity Budgets | Lee Robinson "You should never build a CMS" | Sanity Blog | Studio303 Skyreader npmx - Package Browser for the npm Registry Sill | Top news shared by the people you trust
• 
  707: RSS with Social, AI Agent Traffic, and What to Blog About 23.03.2026 56min

  Show DescriptionListener John has a VSCode extension to share, Chris muses on why nobody has attempted to build the social side of RSS, a listener is experimenting with feature-based folder structures, how do you feel about AI traffic on your website, what can someone blog about in 2026, and Digg gets dugg by bots. Listen on WebsiteWatch on YouTubeLinks DTF St. Louis | Official Trailer Parasite (2019) tag-toggle - Visual Studio Marketplace CommonRSS Skyreader Tim Disney (@disnetdev.com) — Bluesky Feedbin Webspace Invaders · Matthias Ott
• 
  706: Can You Vibe Code a Canvas App, Geolocation Part 2, & CodePen v2 16.03.2026 54min

  Show DescriptionAre we all going to vibe code our own bespoke apps now, can a canvas app be vibe coded, more geolocation API thoughts, CodePen v2's public beta is now out, and private pens explained. Listen on WebsiteWatch on YouTubeLinks March Mad CSS Scroll My Mac Setapp | Powerful apps for Mac & iOS Move tests to closed source repo · Issue #8082 · tldraw/tldraw Enterprising developer somehow writes an x86 CPU emulator in plain CSS — no Javascript, no WASM, just stylesheet computing Traditional Irish music on The Session CodePen Radio – CodePen