ShopTalk

By Chris Coyier & Dave RupertTechnology

ShopTalk episodes

February 02700: Popover Web Component, Bugs in Blocks, and Where’s Vue?
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
SponsorsAxe-ConAxe-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.
55 min
January 26699: Jeremy Keith on Web Day Out
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
SponsorsAxe-conAxe-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.
59 min
January 19698: Why is AI Bad at CSS, Monofonts, and Safari Dev Tools
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
SponsorsAxe-conAxe-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.
1 hr
January 12697: Web Install API, Resizing Text, Active View Transition Type
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
SponsorsStudioworksManage 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.
1 hr 6 min
January 05696: Predictions for 2026, ADHD Updates, and Holiday Catchup
Show Description
Catching up on holidays adventures, Dave's year in ADHD land, and our predictions for 2026.
Listen on Website
Watch on YouTube
Links
Madhur Jaffrey Teaches Indian Cooking
What’s Going to Happen in Web Dev During 2026 - Syntax #967
2025 - Web Performance Calendar
SponsorsStudioworksManage 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.
1 hr 12 min
December 15, 2025695: Happy Project Share Time (2025 Edition)
Show Description
After a bit of gaming talk, Chris and Dave are sharing a bunch of cool projects that our Discord community members have been sharing over the past year including things like a web component based admin bar, shape CSS generators, new website portfolios, HTML-first web framework, email markup databases, miniature paintings, AI tools and ducks, and a lot more.
ShopTalk will be taking a break after this episode until the new year. Happy holidays for 2025 and we look forward to a great year in 2026 sharing our love of all things HTML, CSS, and building websites.
Listen on Website
Watch on YouTube
Links
BALL x PIT on Steam
Overwatch 2
Call of Duty® | Best-Selling Video Game Franchise
THE FINALS on Steam
Welcome to Steam
Home | Vulkan | Cross platform 3D Graphics
Dota 2
Counter-Strike 2
Learn JavaScript, React, and TypeScript to Node.js, Fullstack, and Backend | Frontend Masters
HTML for People
GitHub - StfBauer/markshell: Markshell allows you to convert Markdown to a beautiful output on the shell, Ideal for any custom built NodeJS CLI.
Admin Bar Component | Will Browar
ship-shape.win
Quina - Menu
Crashlands 2 | Games | Butterscotch Shenanigans
How Many Dudes? on Steam
Unoffice Hours Webring
Unoffice Hours - Dave Smyth
Dynamic Dummy Image Generator - DummyImage.com
Lynn Fisher
Nestflix
o(m)g:image | Question 1
Making o(m)g:image, Part III: The HTML - Jim Nielsen’s Blog
Outlyne - AI Website Builder | Create Stunning Websites with AI
Greenwood
I Hid a Dozen Easter Eggs on This Website – Unapologetic
MacStories - Apple news, app reviews, and stories by Federico Viticci and friends.
SotB14 | State of the Browser 14
The Email Markup Database
(2) Post | LinkedIn
Storybook MCP sneak peek
Andy Ford - miniature painter
Rubber AI
Baseline Tennis - Ulimate Tennis ladder for competitive and casual players
Intersecting Us - Where we explore math stories together.
bitty - a web tool for interesting pages
Dolphin Maker 2.0
Chris Enns + Lemon Productions
SponsorsStudioworksManage 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.
1 hr 8 min
December 08, 2025694: Invoicing with Studioworks with Jessica and Chris
Show Description
Chris and Jessica from Studioworks join us to talk about their new app, why they're uniquely qualified to run an invoicing app, what the long term vision is for Studioworks, pricing models of subscription apps, how invoicing isn't just for web nerds anymore, helping neurospicy people get paid for their work, and what it's like to transfer to a new invoicing app.
Listen on Website
Watch on YouTube
GuestsJessica Hische
Guest's Main URL • Guest's Social
Jessica Hische is a lettering artist and author with a tendency to overshare and a penchant for procrastiworking.
Chris Shiflett
Guest's Main URL • Guest's Social
Chris Shiflett is a husband, father, entrepreneur, community leader, author, speaker, and amateur athlete.
Links
Studioworks.app
The web's grain by Frank Chimero
SponsorstldrawHave you ever wanted to build an app that works kinda like Miro or Figma, that has a zoomable infinite canvas, that’s multiplayer, and really good, but you also want to build it in React with normal React components on the canvas?
Good news! tldraw is the world’s first, best, and only SDK for building infinite canvas apps in React.
tldraw takes care of all the canvas complexities — things like the camera, selection logic, and undo redo — so that you can focus on building the features that matter to your users. It’s easy to use with plenty of examples and starter kits, including a kit where you can use AI to create things on the canvas.
Get started for free at tldraw.dev/shoptalk, or run npm create tldraw to spin up a starter kit.
1 hr 2 min
December 01, 2025693: Hobbies, Puzzle Game Circuit, and Web Monetization News
Show Description
Why do we turkey when there's so many (better) options for meals, how many hobbies do we really need and why can't we do all of them, Clues by Sam difficulties and doing the puzzle game circuit, does Dave like D&D or does Dave like systems, the ongoing web monetization attempts, and Brecht on range group.
Listen on Website
Links
Alton Brown Cooks Food | Episode 1: The Big Bird
Big Green Egg
Tobi Workwear
Clues By Sam
Stars – Daily Puzzle | Inkwell Games
Fields – Daily Puzzle | Inkwell Games
Tiled Words
646: Hard Code & Soft Skills – ShopTalk
Lasers & Feelings by John Harper
Greetings, Scoundrel | Blades in the Dark RPG
Monster of the Week – Evil Hat
Mothership RPG – Tuesday Knight Games
Pathfinder Roleplaying Game | Paizo
Baldur's Gate 3 on Steam
633: Thomas Steiner on AI in Chrome and the Web – ShopTalk
Web Monetization is Still Inching Along – Frontend Masters Blog
Open Letter
Interledger Foundation
Web Monetization – Chrome Web Store
GateHub
Grid Paper
utilitybend Blog
SponsorstldrawHave you ever wanted to build an app that works kinda like Miro or Figma, that has a zoomable infinite canvas, that’s multiplayer, and really good, but you also want to build it in React with normal React components on the canvas?
Good news! tldraw is the world’s first, best, and only SDK for building infinite canvas apps in React.
tldraw takes care of all the canvas complexities — things like the camera, selection logic, and undo redo — so that you can focus on building the features that matter to your users. It’s easy to use with plenty of examples and starter kits, including a kit where you can use AI to create things on the canvas.
Get started for free at tldraw.dev/shoptalk, or run npm create tldraw to spin up a starter kit.
1 hr 10 min
November 24, 2025692: Killer Feature of Web Components, Skills > MCP, and Streaming HTML?
Show Description
Dave has famous people blindness, a cologne life hack is dropped, what is the killer feature of web components, MCPs are so done—focus on skills instead, should custom events exist, and thoughts about streaming HMTL.
Listen on Website
Watch on YouTube
Links
Good Hang With Amy Poehler - The Ringer
Sebastian Maniscalco Has a Little More Pepper in His Hair These Days - The Ringer
Guitar Center Austin Music Store
normansrareguitars.com – Norman's Rare Guitars
The killer feature of Web Components - daverupert.com
figma/code-connect: A tool for connecting your design system components in code with your design system in Figma
Chrome DevTools (MCP) for your AI agent | Blog | Chrome for Developers
Stop Using CustomEvent
SponsorstldrawHave you ever wanted to build an app that works kinda like Miro or Figma, that has a zoomable infinite canvas, that’s multiplayer, and really good, but you also want to build it in React with normal React components on the canvas?
Good news! tldraw is the world’s first, best, and only SDK for building infinite canvas apps in React.
tldraw takes care of all the canvas complexities — things like the camera, selection logic, and undo redo — so that you can focus on building the features that matter to your users. It’s easy to use with plenty of examples and starter kits, including a kit where you can use AI to create things on the canvas.
Get started for free at tldraw.dev/shoptalk, or run npm create tldraw to spin up a starter kit.
1 hr 9 min
November 17, 2025691: Charts + Graphs, Vibe Coding an App, and Debating Affordances
Show Description
What do Balatro streamers do when the game is over, Random in CSS is so hot right now, Dave has a better idea for charts and graphs that would change the world, Quiet UI follow up, Dave tries vibe coding a tennis app and doesn't completely John McEnroe his laptop, Chris wonders about better cursor UI on the web, and debating affordances vs conventions.
Listen on Website
Watch on YouTube
Links
Jynxzi - Twitch
BALL x PIT on Steam
Enhancing Web Components Safely with Self-Destructing CSS by Scott Jehl
https://webawesome.com
Podcast Awesome
Quiet UI
A Beautiful Site
Eleventy is a simpler static site generator
Don’t use custom CSS mouse cursors – Eric Bailey
Home | Rach Smith's digital garden
The Two Button Problem – Frontend Masters Blog
SponsorstldrawHave you ever wanted to build an app that works kinda like Miro or Figma, that has a zoomable infinite canvas, that’s multiplayer, and really good, but you also want to build it in React with normal React components on the canvas?
Good news! tldraw is the world’s first, best, and only SDK for building infinite canvas apps in React.
tldraw takes care of all the canvas complexities — things like the camera, selection logic, and undo redo — so that you can focus on building the features that matter to your users. It’s easy to use with plenty of examples and starter kits, including a kit where you can use AI to create things on the canvas.
Get started for free at tldraw.dev/shoptalk, or run npm create tldraw to spin up a starter kit.
1 hr 9 min