ShopTalk

Show Description We're checking on quarter 3 KPIs, using AI for admin dashboards is kind of fun, being a weirdo is something we should aspire to, there's a reason things sometimes all look the same and that's ok, people see the effort you put in to your creativity on the web, and thoughts on generating a random post on a static site generator. Listen on Website Watch on YouTube Links Lunch Money – Delightfully Simple Personal Finance & Budgeting Pyramid Inu (YouTube) Application Holotypes: A Guide to Architecture Decisions marcel.io perfect-freehand Cranking View Transitions Up to 11 – Bram.us Chris Coyier – Web Craftsman, Blogger, Author, Speaker Randomness, Serendipity, and an "I Wouldn't Recommend This" Algorithm – Jim Nielsen's Blog

Show Description CodePen 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 Website Watch on YouTube Links Yarn Announcing TypeScript 7.0 CodePen 2.0 announcement blog post Sponsors Notion Write 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.

Show Description If 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 Website Watch on YouTube Guests Dan Abramov Guest's Main URL • Guest's Social Links 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

Dan Abramov

Creator of Redux

FacebookMetaBluesky

Show Description How 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 Website Links BuySellAds Carbon Ads It needs to map back to a role – Eric Bailey Elena | Progressive Web Components Ariel Salminen David Darnes Sponsors Notion Write 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.

Show Description Chris & 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 Website Watch on YouTube Links 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

Show Description What 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 Website Watch on YouTube Links 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 Sponsors Notion Write 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.

Show Description In 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 Website Links 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) Sponsors Macro Macro 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

Show Description How 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 Website Links 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 Sponsors Macro Macro 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

Show Description Dave'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 Website Watch on YouTube Links 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 Sponsors Macro Macro 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

Show Description Dave'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 Website Links Custom Elements Manifest Diffs, Trees, and VS Code 2.0 - Syntax #1008 CodePen Radio Sponsors Macro Macro 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

Show Description We'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 Website Watch on YouTube Links 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 Sponsors AI & Design Systems Course This 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!

Show Description What 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 Website Watch on YouTube Links 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 Sponsors AI & Design Systems Course This 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!

Show Description How 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 Website Watch on YouTube Links Winnebago Revel | AWD Off-Grid Camper Van Naz Hamid Opus OP4 Camper | Premium Off-Road Inflatable Trailer USA HealthyGamerGG - YouTube Smashing Conferences — Smashing Magazine Sponsors AI & Design Systems Course This 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!

Show Description Brad 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 Website Guests Brad Frost Guest's Main URL • Guest's Social Ian Frost Guest's Main URL • Guest's Social Links 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 Sponsors AI & Design Systems Course This 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!

Brad Frost

Designer and Consultant

Big MediumBrad Frost

Ian Frost

Designer & Developer

Brad Frost

Show Description Chris 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 Website Guests Scott Jehl Guest's Main URL • Guest's Social Tech 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 Sponsors Sanity The back-end built for AI content operations. Power web, mobile, and agentic applications at scale. Start building with an extended 60-day trial.

Scott Jehl

Web Performance Engineer

CatchpointSquarespaceFilament Group

Show Description We'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 Website Watch on YouTube Guests Robby Russell Guest's Main URL • Guest's Social CEO 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 Sponsors Sanity The back-end built for AI content operations. Power web, mobile, and agentic applications at scale. Start building with an extended 60-day trial.

Robby Russell

Creator

Oh My ZshPlanet Argon

Show Description What 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 Website Watch on YouTube Guests Simen Svale Guest's Main URL • Guest's Social Co-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 Sponsors Sanity.io The back-end built for AI content operations. Power web, mobile, and agentic applications at scale.

Simen Svale

Co-founder & CTO

Sanity

Show Description Dave'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 Website Watch on YouTube Links The Greatest Average American: Season 1 | Rotten Tomatoes Weapons (2025) directed by Zach Cregger Dave's CodePen Pen Introducing EmDash Sponsors Sanity Sanity 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.

Show Description Memories 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 Website Watch on YouTube Links 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

Show Description Listener 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 Website Watch on YouTube Links DTF St. Louis | Official Trailer Parasite (2019) tag-toggle - Visual Studio Marketplace CommonRSS Skyreader Tim Disney (@disnetdev.com) — Bluesky Feedbin Webspace Invaders · Matthias Ott

Show Description Are 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 Website Watch on YouTube Links 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

Show Description Chris talks through going public with CodePen v2's beta, the magic words and AI skills needed today, Chris has a beef with anchor positioning, thoughts on classless CSS libraries, Eleventy growing up into Build Awesome, and how would you pass an hour by quickly? (Hopefully by listening to this podcast.) Listen on Website Watch on YouTube Links Magic Words Anchor Interpolated Morph (AIM) · January 23, 2026 Build Awesome by Font Awesome Build Awesome: We're pausing our Kickstarter! Build a Web Site in 7 Minutes with Build Awesome Quiet UI Good Sudoku CodePen

Show Description We talk with Frederik Braun from Mozilla about the Sanitizer API, how it works with HTML tags and web components, what it does with malformed HTML, and where CSP fits in alongside the Sanitizer API. Listen on Website Watch on YouTube Guests Frederik Braun Guest's Main URL • Guest's Social Security engineer and manager working on the Mozilla Firefox web browser Links Frederik Braun: Why the Sanitizer API is just setHTML() Frederik Braun freddyb (Frederik B) Sponsors Bluehost Do you ever feel like pre-configured hosting is slowing you down? That is where VPS hosting starts to make a lot more sense. With Bluehost VPS, you are not stuck inside someone else's environment. You get full control of the server. You can spin up Docker, deploy containerized apps, run workflows, and connect your CRM, databases, and APIs without weird restrictions. No shared bottlenecks. No artificial limits. If you want to actually own your stack, your data, your performance, your roadmap, VPS is the move.

Frederik Braun

Security Engineer

Mozilla

Show Description We're joined by Ujjwal Sharma to talk about what the TC39 is, who's in it, and how the TC39 group guides JavaScript. Listen on Website Guests Ujjwal Sharma Guest's Main URL • Guest's Social Developer Advocacy, Programming Languages & Web Standards Links Ryzokuken (Ujjwal Sharma) LinkedIn X (Twitter) Igalia TC39 Use JSDoc

Ujjwal Sharma

Node.js Core Contributor

Node.jsIgalia

Show Description Chris has opinions about being sick, implied target for popovers, should Apple provide cross platform virtual machine images for Safari testing, what tips are there for beginners to HTML and CSS, which website builder CMS's do we recommend, and a Chipotle hack for your lunch plans. Listen on Website Watch on YouTube Links The Missing Link for Web Components – Frontend Masters Blog Better defaults for popovers - Manuel Matuzovic 346: With Ben Evans – CodePen Ben Evans on CodePen Pure CSS Only Portrait - Isla Pure CSS Still Life - Water and Lemons A Single Div Webflow Craft CMS Sanity Contentful

Show Description When Dave dies, who gets his domain name? How OpenClaw is a massive security concern, tips on handling a broad design surface area with a design system, changing database values with text-transform, should you declare CSS properties with @property, and was Chris wrong about CSS? Listen on Website Watch on YouTube Links Your Home for a Century: Our 100-Year Domains and Plans 1Password Access after Death, Legacy Contacts | 1Password Community From magic to malware: How OpenClaw's agent skills become an attack surface | 1Password Openclaw (clawdbot), Agents and the Age of Personal Software - YouTube bbPress.org WooCommerce cap - no cap Nice Select · February 3, 2026 Sponsors Axe-Con Axe-con - the world's largest digital accessibility conference is from the makers of Axe-core and Axe DevTools Browser Extension. Taking place online on February 24-25. Registration is free and also gets you access to the on-demand recordings. Axe-con has a specific Development Track for dev content - some top speakers are Ire Aderinokun (front-end developer and Google developer expert), Jesse Beach (Software Engineering Manager at Meta), and other prominent folks from orgs like Coinbase, Zendesk, Red Hat, Atlassian, and more.

Show Description We're passing over another milestone episode and answering your Q's with our A's while we do it: Dave goes 3D printing, should CSS be inside a web component, Chris is trying to build web component for popovers, why isn't Vue used or talked about more, finding bugs in blocks in the new CodePen, and we're grateful for 700 episodes. Listen on Website Watch on YouTube Links Vue.js - The Progressive JavaScript Framework | Vue.js vuejs/petite-vue Syntax: Hacking Pizza Ordering For Fun And Profit - YouTube Theo - Twitch Sponsors Axe-Con Axe-con - the world's largest digital accessibility conference is from the makers of Axe-core and Axe DevTools Browser Extension. Taking place online on February 24-25. Registration is free and also gets you access to the on-demand recordings. Axe-con has a specific Development Track for dev content - some top speakers are Ire Aderinokun (front-end developer and Google developer expert), Jesse Beach (Software Engineering Manager at Meta), and other prominent folks from orgs like Coinbase, Zendesk, Red Hat, Atlassian, and more.

Show Description Web Day Out is coming up and Jeremy Keith from Clearleft (name pending the ShopTalk Show rebrand) is here to chat about it and while we've got him, Dave throws him on the hot seat to answer some hard hitting journalism questions about the state of the web in 2026. Listen on Website Watch on YouTube Links Web Day Out in Brighton, March 12th 2026 Strategic design partners for website and service design | Clearleft css.properties Raycast - Your shortcut to everything Rachel Andrew – Doing stuff on the web since 1996. Browser support at Clearleft CSS Day 2026, 11th & 12th of June, Amsterdam Sponsors Axe-con Axe-con - the world's largest digital accessibility conference is from the makers of Axe-core and Axe DevTools Browser Extension. Taking place online on February 24-25. Registration is free and also gets you access to the on-demand recordings. Axe-con has a specific Development Track for dev content - some top speakers are Ire Aderinokun (front-end developer and Google developer expert), Jesse Beach (Software Engineering Manager at Meta), and other prominent folks from orgs like Coinbase, Zendesk, Red Hat, Atlassian, and more.

Jeremy Keith

Web Developer & Author

Clearleft

Show Description Why are AI tools so bad at CSS layout, Robin Rendle inspired monospaced fonts, CodePen's slideVars library, why are Safari dev tools so hard to use, button follow up, and what player component does ShopTalk use for it's website? Listen on Website Watch on YouTube Links Clair Obscur | Expedition 33 Apple One Where’s the AI design renaissance? Outlyne Bolt Lando Norris Robin Rendle Dave Rupert Casey Newton slideVars - Automatic Sliders for CSS Custom Properties Media Chrome Docs Sponsors Axe-con Axe-con - the world's largest digital accessibility conference is from the makers of Axe-core and Axe DevTools Browser Extension. Taking place online on February 24-25. Registration is free and also gets you access to the on-demand recordings. Axe-con has a specific Development Track for dev content - some top speakers are Ire Aderinokun (front-end developer and Google developer expert), Jesse Beach (Software Engineering Manager at Meta), and other prominent folks from orgs like Coinbase, Zendesk, Red Hat, Atlassian, and more.

Show Description We're talking new stuff (to us) that we haven't chatted about yet like display:grid-lanes, the web install API, resizing text on the web, scroll triggered animations, active view transition type, and a Quick Look at CodePen v2 features. Listen on Website Watch on YouTube Links 694: Invoicing with Studioworks with Jessica and Chris – ShopTalk Email Marketing Platform | Litmus Most Reliable App & Cross Browser Testing Platform | BrowserStack Ios Vs Android In 2025 · December 27, 2025 Masonry Layout is Now grid-lanes | CSS-Tricks Bruce Lawson's personal site : A first look at the Web Install API PWAStore - Free Web App Store | Install Apps Instantly Download the latest indie games - itch.io Grid Paper Squoosh SVGOMG - Optimize and minify SVG images Never write your own Date Parsing Library—zachleat.com FitText - A plugin for inflating web type Twenty Twenty-Five - daverupert.com Cyd Stumpel | Portfolio Cyd Stumpel Sponsors Studioworks Manage clients and contacts, send branded invoices, receive payments, access educational resources, and connect with a supportive community. We’re building the best business hub for freelancers who want a custom client experience that feels polished and professional — with much more in store.