ShopTalk

Hosted by Chris Coyier & Dave Rupert

Technology

Website RSS feed

Episodes

100

Latest episode

Aug 2026

Language

EN-US

About the show

A podcast about web design and development.

Listen to episodes

60 recent

August 24, 202658 min

729: After Dark Edition! Microlighter, Tri-state Drama, and Editing Video Quickly

Show Description Dave and Chris try to get their LUTS in a row, figure out which app to use to edit and publish video quickly, Dave's new syntax highlighter microlighter, could web MCP be a good thing to help agents use CodePen better, and saying no is as important as what you do ship. Listen on Website Watch on YouTube Links Introducing Microlighter - daverupert.com MicroLighter - A zero-dep syntax highlighter TextMate: Text editor for macOS Dark mode toggles: two states are enough • Lea Verou The Case for Tri-State Dark Mode Toggles – Bram.us

August 17, 20261 hr 1 min

728: BIMI, Good Favicon Practice, and CSS @Layer Exploration

Show Description Having type two fun, email branding with BIMI, accessibility details in icons and favicons, using AI as a coding and maintenance partner, CSS @layer property, design systems, and the economics of fast AI hardware. Listen on Website Watch on YouTube Links How and Why to Implement BIMI Selectors - BIMI Group You kinda want an orange favicon. – Chris Coyier Thinking Horizontally in CSS @layer AMD snaps up Toronto chip startup Taalas | Financial Post

August 10, 202658 min

727: Front-End Complexity, AI Co-Authorship, and New CSS Navigation Patterns

Show Description We tackle a listener question about why junior front-end devs are expected to know so much beyond HTML and CSS, then get into Dave's real-world fix swapping old WebKit line-clamp hacks for the new CSS line-clamp property and the subtle bugs that kind of truncation work can cause. They also debate whether AI tools like Claude or Copilot deserve co-author credit on commits, gripe about agent-only coding workflows that skip linting and hide what's actually happening, and wrap up looking at new platform features like the navigation API and a proposed CSS-based routing approach using @route and @view-transition. Listen on Website Watch on YouTube 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.

August 3, 202653 min

726: Be More Weird, Sameness is Ok, and People Noticing the Effort You Put In

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

July 27, 20261 hr 0 min

725: CodePen 2.0, Templates on the Web, The Year of HTML?

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.

July 20, 202655 min

724: Ask Dan Abramov Anything About AT Proto

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

July 13, 202657 min

723: Ads on Your Website, UX for Web Dev Jobs, and Progressive Web Components

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.

July 6, 202658 min

722: The No-AI Talk Challenge, Picking Rails Tooling, Dark Mode?

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

June 29, 20261 hr 2 min

721: New Gear, Nerding Out, and VS Code Forks

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.

June 22, 20261 hr 4 min

720: TypeScript Complaints, Slowing Down, and AT Proto Protocols

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