ShopTalk
ShopTalk is a weekly podcast about web design and development hosted by Chris Coyier and Dave Rupert. The show covers topics like CSS, HTML, JavaScript, and the latest in front-end development. It also discusses industry news, workflows, and tools. Each episode features tips, tricks, and insights for building websites.
Episodes
736: Building Design Systems Using AI with TJ Pitre
Show DescriptionTJ Pitre joins us to talk AI in design systems, building and maintaining component libraries, the evolution of modular CSS and component workflows, connecting Figma and code, keeping components in sync across tools and teams, human review in AI-assisted workflows, Storybook, MCP tools, evals, and decision models like Jev for choosing components.
Listen on WebsiteWatch on YouTubeGue
735: Design System Docs, CodePen’s API, and Bucket Filling Conversations
Show DescriptionDave and Chris explore the evolving landscape of design systems, CodePen's new API features, what happens when an app moves your cheese and how to respond, and Regretful API's.
Listen on WebsiteWatch on YouTubeLinks
Bear — Markdown Notes
Design System Doc Spec 0.21.2
437: The Cheese. It Has Been Moved. — CodePen
CodePen PRO
TypeSafe AI
Tupo — A daily sudoku-style logic puzzle with
734: Web Performance with Ben Schwarz
Show DescriptionBen Schwarz stops by to discuss the state of web performance, using his research on airline websites as a case study for practical insights on improving website speed and user experience.
Listen on WebsiteGuestsBen SchwarzGuest's Main URL • Guest's SocialCEO at Calibre Analytics
Links
ShopTalk Archives 2013
068: With Ben Schwarz – ShopTalk
Ben Schwarz — Founder & CEO at Calibre
733: Treadmills, Bass Guitars, and Testing Web Components
Show DescriptionWe're talking treadmill and musical gear, software maintenance, dependency management, technical debt, testing web components, and CSS-Tricks hot drama.
Listen on WebsiteLinks
Underdesk Treadmill – Chris Coyier
Sarah Drasner's Site
Maggie Appleton
Acoustic Bass Guitars - 4 string & 6 string | Taylor Guitars
CSS-Tricks - Learning for front-end designers and developers
Learn Java
732: Thomas Steiner on New Cross-Origin Storage APIs
Show DescriptionWe're joined by Thomas Steiner from Google to discuss his proposal for cross-origin storage, a new web API designed to bring back safe, cross-site resource sharing. We explore why the old shared-CDN caching model collapsed due to privacy and fingerprinting risks, and how this could solve those issues while avoiding those same pitfalls.
Listen on WebsiteWatch on YouTubeGuestsThomas
731: Terminal UX, Running Multiple Services, Don’t Settle for an App
Show DescriptionWe want your positive tech support stories! Topics this week include wrangling DNS/DKIM/DMARC for a friend's newsletter, comparing terminal tools like TMUX and Herdr, and juggling Rails, Node, and AI agent processes, and figuring out which tooling you like best.
Listen on WebsiteWatch on YouTubeLinks
JeffBridges.com
tmux — The Terminal Multiplexer for Developers | tmux.app
Herdr: t
730: A/B Testing with Charts, Music Recommendations, & Web Permissions
Show DescriptionThe realities of A/B testing, the future of specialized hosting in the AI era, microphone and camera permissions on the web, tricks for working with HTML email, and hyping Midnight Vinyl Club and How Many Dudes?
Listen on WebsiteWatch on YouTubeLinks
8 New CSS, JS and HTML Features You Should Know - Syntax #1033
Mermaid | Diagramming and charting tool
What Is AI Coding Doing To Us?
729: After Dark Edition! Microlighter, Tri-state Drama, and Editing Video Quickly
Show DescriptionDave 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 WebsiteWatch on YouTubeLinks
Introducing Microlighter - daverupert.com
MicroLighter - A zero-dep syntax
728: BIMI, Good Favicon Practice, and CSS @Layer Exploration
Show DescriptionHaving 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 WebsiteWatch on YouTubeLinks
How and Why to Implement BIMI Selectors - BIMI Group
You kinda want an orange favicon. – Chris Coyier
Thinking Horizontally in CSS
727: Front-End Complexity, AI Co-Authorship, and New CSS Navigation Patterns
Show DescriptionWe 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 abo
726: Be More Weird, Sameness is Ok, and People Noticing the Effort You Put In
Show DescriptionWe'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 WebsiteWatch on YouTubeLinks
Lunch Money – De
725: CodePen 2.0, Templates on the Web, The Year of HTML?
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 we
724: Ask Dan Abramov Anything About AT Proto
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 el
723: Ads on Your Website, UX for Web Dev Jobs, and Progressive Web Components
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
Spon
722: The No-AI Talk Challenge, Picking Rails Tooling, Dark Mode?
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 YouTube
721: New Gear, Nerding Out, and VS Code Forks
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 programm
720: TypeScript Complaints, Slowing Down, and AT Proto Protocols
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 - S
719: Estimating Project Time, React Server Components, and Lifetime Offers
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, a
718: 3D Printing Life Upgrades, Don’t Give Away Your Dopamine, and CodePen App Deploys
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
717: Better DX for Web Components, What Was Popular That Now We’re Used To?
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 Manif
716: Google I/O 2026 Recap Edition
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 dig
715: Would You Like a LLM With Your Browser?
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
714: Camping, Burnout, and Chris’ CSS Talk
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 O
713: AI + Design Systems with Brad and Ian Frost
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 Pa
712: Lazy Loading the Web with Scott Jehl
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
711: Where did Oh My Zsh Come From? And Using Rails in 2026
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 Pa
710: Simen Svale from Sanity
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
709: Slopforking a CMS, Apple Browser Feedback, and Custom Theme CSS
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 CodePe
708: People Are Not Friction, Getting Rid of the CMS, and Social RSS Follow Up
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)
707: RSS with Social, AI Agent Traffic, and What to Blog About
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 (2
706: Can You Vibe Code a Canvas App, Geolocation Part 2, & CodePen v2
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 someho
705: CodePen Public Beta, Anchor Positioning, and Build Awesome
Show DescriptionChris 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 WebsiteWatch on YouTubeLinks
Magic Words
Anchor Interpolated Morph (A
704: Sanitizer API with Frederik Braun
Show DescriptionWe 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 WebsiteWatch on YouTubeGuestsFrederik BraunGuest's Main URL • Guest's SocialSecurity engineer and manager working on the Mozilla Firefox web browser
Links
Frederik Braun: Why
703: Ujjwal Sharma and TC39
Show DescriptionWe'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 WebsiteGuestsUjjwal SharmaGuest's Main URL • Guest's SocialDeveloper Advocacy, Programming Languages & Web Standards
Links
Ryzokuken (Ujjwal Sharma)
LinkedIn
X (Twitter)
Igalia
TC39
Use JSDoc
702: Lit-HTML, Implied Target for Popover, and Website Builders
Show DescriptionChris 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 WebsiteWatch on YouTubeLinks
The Missing Link for Web Components – Frontend Masters Blog
Be
701: Digital Archives, OpenClaw Security Concerns, and @Property Declarations
Show DescriptionWhen 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 WebsiteWatch on YouTubeLinks
Your Home for a Century: Our 100-Year Domains and Plans
1Password
700: Popover Web Component, Bugs in Blocks, and Where’s Vue?
Show DescriptionWe'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 WebsiteWatch on YouTubeLinks
Vue.js - The
699: Jeremy Keith on Web Day Out
Show DescriptionWeb 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 WebsiteWatch on YouTubeLinks
Web Day Out in Brighton, March 12th 2026
Strategic design partners for website a
698: Why is AI Bad at CSS, Monofonts, and Safari Dev Tools
Show DescriptionWhy 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 WebsiteWatch on YouTubeLinks
Clair Obscur | Expedition 33
Apple One
Where’s the AI design renaissance?
Outlyne
Bolt
Lando Norris
Robin Rendle
Dav
697: Web Install API, Resizing Text, Active View Transition Type
Show DescriptionWe'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 WebsiteWatch on YouTubeLinks
694: Invoicing with Studioworks with Jessica and Chris – ShopTalk
Email Marketing Platform | Litmus
Most Rel
696: Predictions for 2026, ADHD Updates, and Holiday Catchup
Show DescriptionCatching up on holidays adventures, Dave's year in ADHD land, and our predictions for 2026.
Listen on WebsiteWatch on YouTubeLinks
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
695: Happy Project Share Time (2025 Edition)
Show DescriptionAfter 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
694: Invoicing with Studioworks with Jessica and Chris
Show DescriptionChris 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 WebsiteWa
693: Hobbies, Puzzle Game Circuit, and Web Monetization News
Show DescriptionWhy 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 WebsiteLinks
Alton Brown Cooks Food | Episode 1: The Big Bird
B
692: Killer Feature of Web Components, Skills > MCP, and Streaming HTML?
Show DescriptionDave 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 WebsiteWatch on YouTubeLinks
Good Hang With Amy Poehler - The Ringer
Sebastian Maniscalco Has a Little More Pepper in His Hair These Days - The Ringer
Guitar
691: Charts + Graphs, Vibe Coding an App, and Debating Affordances
Show DescriptionWhat 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 WebsiteWatch on You
690: Steve Ruiz and tldraw
Show DescriptionSteve Ruiz talks about what tldraw is and who it's for, how they've dealt with data on all the computers, what's new in the tldraw SDK, ideas for building on top of tldraw, tldraw's business model, and what the future holds for tldraw the company.
Listen on WebsiteWatch on YouTubeGuestsSteve RuizGuest's Main URL • Guest's SocialA developer, designer, and now startup founder in Lond
689: Tyler Sticka on Colorpeek 2 and Awesome CSS
Show DescriptionIn this episode we sit down with Tyler Sticka to discuss upgrading his project, Colorpeek. We explore the practical applications of web components and CSS, and how they are shaping the future of web development. Tyler shares his experiences with prototyping and the challenges of maintaining simplicity in design.
Listen on WebsiteWatch on YouTubeGuestsTyler StickaGuest's Main URL •
688: Modern CSS Round-Out Tabs, OpenUI, and Why Websites?
Show DescriptionDave and Chris discuss the transition of QuietUI's license to open source, the creative process behind blogging, modern CSS techniques, and the features of QuietUI, a new design system with unique components.
Listen on WebsiteWatch on YouTubeLinks
CodePen
50 Reasons to Build a Website – Frontend Masters Blog
"Why would anybody start a website?" - daverupert.com
Clues By Sam
Inkwel
687: Ben Frain on Responsive Design
Show DescriptionBen's got an updated edition of his book, Responsive Web Design with HTML5 and CSS, to chat about as well as how much AI is being inserted into writing, layers, scope, color contrast vs contrast color, shouldn't AI bots pay for data they slurp, iFrames permissions issues in Chrome, anchor positioning, and where have all the bloggers gone?
Listen on WebsiteWatch on YouTubeGuestsBen
686: Todd Libby on Deceptive Patterns
Show DescriptionTodd Libby is on the show to talk with us about deceptive patterns on the web, what WCAG is and who it's for, and 5 deceptive patterns in use on the web today.
Listen on WebsiteWatch on YouTubeGuestsTodd LibbyGuest's Main URL • Guest's SocialWeb developer and developer advocate from Portland, Maine now living in Phoenix, Arizona. I had been a developer for most of my 25 years profe
685: Fix My Home Tech, What’s Up with Firefox, and the MVP Car
Show DescriptionWho's the person to hire when your home network isn't working as reliably as it should? And while we're at it - can you also fix Dave's Find My notifications? What's the plan with Firefox in 2025? And Dave blogs (and mouth blogs) about his struggles with the MVP car.
Listen on WebsiteWatch on YouTubeLinks
Why I hate the MVP car - daverupert.com
TalkShop Show w/ Macho Man Randy Stan
684: What Motivates Chris to Keep Working on CodePen?
Show DescriptionListener questions about CSS ruby-position, crafting adaptive layouts using a responsive component, what keeps Chris motivated to work on CodePen, why are there no positive issues on GitHub., tech support in the age of AI, and a semi-regular segment of inbox therapy.
Listen on WebsiteWatch on YouTubeLinks
Crafting adaptive layouts using a responsive component | by Michael Trilford
683: iOS 26 Safari, Material Support on the Web, and Fixing The Button Problem
Show DescriptionDave and Chris discuss the release of Safari in iOS26, the aesthetics of Liquid Glass in CSS, the importance of material design, and the role of TypeScript in modern web development. The conversation also touches on when to consider rebuilding a tech stack, the significance of user experience, and how to know when to choose a new tech stack.
Listen on WebsiteWatch on YouTubeLinks
A
682: Whiskey, Security, Antitrust, and Fun with CSS Functions
Show DescriptionDave's got a Whiskey related content warning, recent security vulnerabilities in NPM, challenges with password management, and the complexities of digital security. They delve into Google's antitrust issues and the dynamics of the browser market, before transitioning to innovations in CSS, including custom properties and functions. The conversation wraps up with thoughts on the fut
681: CSS Reset Update, Arc Gets Bought, and Why Websites?
Show DescriptionChris is updating us on the progress of his CSS reset, thoughts on The Browser Company and Arc being bought by Atlassian, and in 2025 why would anyone build a website?
Listen on WebsiteWatch on YouTubeLinks
Bend Old-Time Jams and Events
Join or Die
Join or Die on Netflix
Bowling Alone - Wikipedia
Microsoft CTO Kevin Scott on the Birth of the Agentic Web - The Verge
Chris' CSS Start
680: CSS random(), IDs in HTML, and Chris Goes Browser Shopping
Show DescriptionA quick update on Dave's hair, CSS random(), view transitions in CSS, thinking about IDs in HTML, opening details elements in a new tab, Chris tries out Edge, Shift, Zen and more, how Dave is trying to kick his YouTube tab habit, and government design fails.
Listen on WebsiteWatch on YouTubeLinks
Monchhichi - Wikipedia
Rolling the Dice with CSS random() | WebKit
Cyd Stumpel | Portf
679: Two Idiots Argue With Kevin Powell About CSS
Show DescriptionKevin Powell is on the show with breaking news about display masonry, how his career on YouTube started and where it's at now, selling courses and diversifying the content you create, struggling with being on all the platforms, and writing vs video in the age of AI.
Listen on WebsiteWatch on YouTubeGuestsKevin PowellGuest's Main URL • Guest's SocialCSS Evangelist. I absolutely love
678: AI Hype, Browser Journey, and Content Creation Incentives
Show DescriptionIdentifying where we are in the AI hype cycle, a quick #davegoeshairy update, what has been the impact of AI on tech creators, Chris is making his own CSS starter on stream, and Item flow / masonry discussions.
Listen on WebsiteWatch on YouTubeLinks
Introducing GPT-5 - YouTube
Simon Willison on ai
Orion Browser by Kagi
VisBug
Chrome Canary Features For Developers - Google Chrome
Do
677: Background Code Agents, Append AI, and RSS Starter Packs
Show DescriptionWhat helps you remember a person's name, thinking about background coding agents, is AI for append only mode, what are MCPs and how should I think about them, what has been working for more than a month not just the last two days, and coming up with an RSS starter pack riffing off Molly White's article on using RSS.
Listen on WebsiteWatch on YouTubeLinks
Visual Studio Code - YouTub
676: The $200 Upgrade, CSS Module Scripts, and Social Media Ethos
Show DescriptionIt's time for a ShopTalk GearTalk segment on video and audio upgrades, a chat about better YouTube thumbnails, buying the $200 Yamaha guitar (or equivalent in other areas of life), Chris and Dave riff on CSS modules, and what's your social media ethos in 2025?
Listen on WebsiteWatch on YouTubeLinks
how to make a killer thumbnail (for the 2025 algorithm) - YouTube
Facecam 4K | Elgat
675: Building Hot Page with Tim Farnam
Show DescriptionTim Farnam stops by to talk with Chris and Dave about his new project, Hot Page, and why and how he started building it after working in print and web news.
(20% discount code for the Design Tokens Course: SHOPTALKSHOWISAWESOME)
Listen on WebsiteWatch on YouTubeGuestsTim FarnamGuest's Main URL • Guest's SocialCreative coder based in Mexico City, building Hot Page to help people mak
674: Context in Console, CodePen’s New Editor, and Looking for a New Arc
Show DescriptionDave's coming in hot from vacation, how CodePen's new editor imports packages, should CodePen fix your code if you forgot something, the struggle to get the right context in the console, Chris is still shopping for an Arc replacement, and the struggles with inspiration driven engineering.
(20% discount code for the Design Tokens Course: SHOPTALKSHOWISAWESOME)
Listen on WebsiteWatch
673: Live-streaming Demos, CSS Animation Composition, and Anchor Position
Show DescriptionChris and Dave chat about whether you should wing it or script your videos, unplanned demos versus the safety net of edited videos, streaming software with Ecamm Live vs OBS vs Streamlabs, new CSS animation composition, and anchor positioning thoughts.
(20% discount code for the Design Tokens Course: SHOPTALKSHOWISAWESOME)
Listen on WebsiteWatch on YouTubeLinks
Canon EOS 5D Mark IV
672: Design Tokens, Web Compents, and Web Monetization
Show DescriptionWe're all addicted to Clues by Sam and wonder about the data structure for the site, good thoughts on the design tokens community, shadow DOM, the state of web components in mid-2025, dealing with JSON, and new ideas around web monetization.
(20% discount code for the Design Tokens Course: SHOPTALKSHOWISAWESOME)
Listen on WebsiteWatch on YouTubeLinks
Clues By Sam
web-platform-tests
671: Naming Consistency, HTML Includes, and Mixins
Show DescriptionChris reflects on CSS Day in Amsterdam, allowing languages to grow with nonstandard elements, naming things continues to be hard, shapes are going to get weird on the web, HTML includes get stirred up, thoughts on CSS mixins, and Dave's blogging about resizing text fun.
Listen on WebsiteWatch on YouTubeLinks
Understanding CSS corner-shape and the Power of the Superellipse – Fronten
670: Brad and Ian Frost on Their New Design Tokens Course
Show DescriptionBrad and Ian stop by to chat about their new course, The Complete Guide to Design Tokens, what happens if you don't use design tokens on projects, what the ideal outcome is for building and designing with design tokens, how many colors is enough, what about refactoring, and does Figma or code win the argument?
(Brad and Ian did give us a 20% discount code for the course: SHOPTALKSH
669: Peter Pistorius on Developing RedwoodSDK
Show DescriptionWe're chatting with Peter Pistorius about the change they made from RedwoodJS to RedwoodSDK, how it's going to handle routing, some new marketing ideas for RedwoodSDK, how RedwoodSDK's principles are informed by where Peter's from, choosing to go all in on Cloudflare, how the community has responded, and plans for monetization.
Listen on WebsiteWatch on YouTubeGuestsPeter Pistorius
668: Jake Archibald on Native HTML Includes
Show DescriptionJake Archibald joins us to discuss HTML includes, potential solutions, and the implications of introducing such a feature. We talk about security concerns, performance implications, and community feedback regarding HTML imports.
Listen on WebsiteGuestsJake ArchibaldGuest's Main URL • Guest's SocialEngineer at Shopify. Once swam to the end of an infinity pool.
Links
Off The Main Thr
667: Jen Simmons on Declarative Web Push, Form Control Styling, & More
Show DescriptionJen Simmons stops by to talk about new CSS and Safari features like Form Control Styling, Declarative Web Push, Typography, contrast-color(), and more.
Listen on WebsiteWatch on YouTubeGuestsJen SimmonsGuest's Main URL • Guest's SocialSafari & WebKit Evangelist. Member of the CSS Working Group. Webmaster since 1996.
Links
webkit.org
Safari Release Notes
WCAG 2.0
contrast-color() fu
666: What Are the Evils of the Web Platform?
Show DescriptionHow it all comes back to the why column, dark patterns, privacy and tracking, getting emails forever from one purchase, how to be bold with communication while still being respectful, HTMHell, CSS mistakes, are we anti-JSON, and the state of FitVid in 2025.
Listen on WebsiteWatch on YouTubeLinks
Markup from hell - HTMHell
Incomplete List of Mistakes in the Design of CSS [CSS Workin
665: JavaScript Educator and Twitch Streamer Mat Marquis
Show DescriptionFresh off his Megaman Streamathon, Mat Marquis joins us to talk about becoming a professional Twitch streamer, creating a JavaScript course, his thoughts on the design and content of said course, a brief moment on Linux in 2025, and attempts to make the web weird and fun again.
Listen on WebsiteWatch on YouTubeGuestsMat MarquisGuest's Main URL • Guest's SocialMy goal is to ensure t
664: Figma Sites, CSS Carousels, and Internship Prep
Show DescriptionHow much would you pay for new users, initial thoughts on Figma's announcements, CSS carousel follow up, favicon easter eggs, how do you prepare for an internship, and why aren't more developers using logical properties?
Listen on WebsiteWatch on YouTubeLinks
Windsurf (formerly Codeium) - The most powerful AI Code Editor
Figma Sites
Figma Make
Figjam
Are CSS Carousels Accessible?
W
663: HBD Dave, Silly Web Fun, Color-Mix Tips
Show DescriptionDo we sound drunk on Shorts? What speed do you listen to your podcasts at? Happy Birthday to Dave, Roblox scams, having silly fun on the web, Crashlands 2 released, a Balatro moment, non-standard browser use testing, and color-mix follow up.
Listen on WebsiteWatch on YouTubeLinks
The Adventure Zone | Maximum Fun
Don't let your voice be flattened by the über theme - daverupert.com
C
662: Alternative Browsers, Discord vs Circle, and AI in the Browser
Show DescriptionWe're talking browsers and discussing alternative options like Vivaldi and Brave, the implications of Chrome's potential sale to OpenAI, the impact of AI on browser functionality, Discord vs Circle, and building with Hotwire.
Listen on WebsiteWatch on YouTubeLinks
Newfangled Browser Alternatives – Frontend Masters Blog
Zen Browser
Horse Browser
Vivaldi Browser | Powerful, Personal
661: Working Vacations, Ripping Out JavaScript, and Non-US Cloud Service Options
Show DescriptionWhat are the non-US cloud services options, falling off the blogging train and trying to get back on, working on vacation, Chris recaps the Alaskan Folk Festival experience, how often do you go back and clean out JavaScript, and the idea of gilding just one lily on a new project.
Listen on WebsiteWatch on YouTubeLinks
European Alternatives
A lack of frequency increases the pressure
660: Teaching CSS, Conferences, and Masonry Updates
Show DescriptionFollow up on thoughts about teaching CSS from scratch, questions about conferences to attend as well as a way to kickstart a conference idea, some Balatro thoughts, and our thoughts on the recent Grid vs Masonry debate.
Listen on WebsiteWatch on YouTubeLinks
The Homebrewery - NaturalCrit
SmashingConf in-person Conferences 2025 — Friendly, inclusive & fun events for web designe
659: CSS Carousel Configurator Demos with Adam Argyle
Show DescriptionAdam Argyle joins us to chat about new CSS features that are demo'd in a carousel configurator - a builder-like experience to help visualize the capabilities of a CSS only Carousel: buttons, markers, paging and inertness.
Listen on WebsiteWatch on YouTubeGuestsAdam ArgyleGuest's Main URL • Guest's SocialCSS at Google.
Links
Chrome Canary Features
Demo Space
CSS Carousel Configurato
658: Andy Bell on Working with Clients, Writing, and Building Courses for Web Builders
Show DescriptionWe're joined by Andy Bell, the founder of Set Studio. They discuss the evolution of web design, the importance of client relationships, and the innovative approaches taken at Set Studio and Piccalilli. The conversation covers the shift from traditional design methods to a more browser-centric approach, the challenges of client work, and the significance of documentation in maintain
657: David Darnes on Web Components and Design Systems
Show DescriptionDavid Darnes joins us to talk about his work on the Nord design system, writing web components, working with embeds and web components, thoughts on building a progress bar or notification component, keeping design systems and design tools in sync, and tricks for components and variables.
Listen on WebsiteWatch on YouTubeGuestsDavid DarnesGuest's Main URL • Guest's SocialDesigner, F
Recommended
SLOW ENGLISH PODCAST (A1-A2) With Subtitles | Daily Videos | English With Us Podcast
Learn English A2 with Daily News | Simple English Listening Practice
پلی لیست | PlayList
Conspiracy Files with Paige Carter
Bad Friends
Learn 50 English Phrases While You Sleep | Everyday English Phrases & Vocabulary
This Past Weekend w/ Theo Von
Dateline NBC
Back to the 80s Radio
Crime Stories with Nancy Grace
Bible Tea
این نقطه
