Skip to content
Log in Join free
ShopTalk cover art

Chris Coyier & Dave Rupert

ShopTalk

A Technology podcast

#152 in Technology · 🇬🇧 #169 in Technology · 🇨🇦
Good podcast? Give it some love!

About the show

A podcast about web design and development.

Newest episodes

740: Looking for a Great Webcam and a Great Browser

1 hr 2 min

Show DescriptionChris upgraded his webcam (YOLO amiright?), Dave broke up with Elgato but helped bring automatic picture-in-picture to Chromium, left tabs vs pin tabs, the quest to replace Arc, and Chromium and Webkit browser options in 2026. Listen on Website Links YoloLiv YoloCam S7 Elgato Facecam 4K Arc-like Automatic Picture in Picture in Chromium Tupo Zen browser Dia browser CrestBrowser Ardia.dev Aside The Four Tiers of Tab Importance CodePen WebMCP Helium.computer Arcium Phibrowser Flecha Horse Browser YAB Kagi and Orion Brave Vivaldi Opera Opera Air Opera GX browser Jake Archibald SponsorsAI and Design SystemsKeep AI on the rails of your design system. This is the thing the whole industry is trying to figure out: how do you get AI to use YOUR components and conventions instead of making up its own? We walk through our real setups, with context, MCPs, skills, rules, and validation all working together, because no single trick does it on its own.

739: How to Build a Great Puzzle Game with Josh Collinsworth

51 min

Show DescriptionTriple (or maybe even quadruple?) threat Josh Collinsworth is back on the show to talk about his new game, Tupo. They cover how the puzzles are generated and kept fair, why the usual Sudoku pencil marks don't help, and what Josh's player data shows about hints and checks. They also get into the tech stack, why Josh skipped the app stores, and how daily puzzle games took off after Wordle. Listen on Website Watch on YouTube GuestsJosh CollinsworthGuest's Main URL • Guest's Social A frontend developer and graphic designer who works across engineering, design, and messaging. Links Josh Collinsworth Tupo · A daily sudoku-style logic puzzle with a twist Clues By Sam Balatro: Deck-Building Roguelite Wordle — The New York Times Cracking The Cryptic - YouTube Svelte • Web development for the rest of us Tailwind CSS - Rapidly build modern websites without ever leaving your HTML. Push your ideas to the web | Netlify PocketBase - Open Source backend in 1 file Quina - Menu Hondo - a word game in 100 words or less SponsorsAI and Design SystemsAI delivers speed, but can make a huge mess. Design systems encode your org's standards of quality, but can be difficult to wield. Together, AI & Design Systems are a powerful combination to deliver quality, speed, and scale. Join industry experts TJ Pitre (Product Architect for AI & Design Systems at Figma), Brad Frost (creator of Atomic Design), and Ian Frost (veteran design systems developer) to learn AI & Design Systems core concepts, practical techniques to help your team deliver great digital products at scale.

738: The Trouble with Tests and Bugs, Interop Voting, and AI Skills

1 hr 10 min

Show DescriptionDave’s got a great concert story to kick off the episode before talking AI-assisted tests, a practical use for HTML markers and templates, Interop voting, browser features like margin-trim, and how to stream content into a page without first building a recursive tree. Listen on Website Watch on YouTube Links Tupo · A daily sudoku-style logic puzzle with a twist Clues By Sam How Many Dudes? | Download and Play! 445: CodePen AI is Here – CodePen Microsoft-Decision-1: Our model for fast decision-making Magic Words - daverupert.com AI Skills for Real Engineers 2027 Web Platform Feature Ranking Recursion is DEAD and HTML killed it - daverupert.com The WebM Project | Welcome to the WebM Project SponsorsAI and Design SystemsAI delivers speed, but can make a huge mess. Design systems encode your org's standards of quality, but can be difficult to wield. Together, AI & Design Systems are a powerful combination to deliver quality, speed, and scale. Join industry experts TJ Pitre (Product Architect for AI & Design Systems at Figma), Brad Frost (creator of Atomic Design), and Ian Frost (veteran design systems developer) to learn AI & Design Systems core concepts, practical techniques to help your team deliver great digital products at scale.

Similar podcasts

All episodes

740: Looking for a Great Webcam and a Great Browser

1 hr 2 min

Show DescriptionChris upgraded his webcam (YOLO amiright?), Dave broke up with Elgato but helped bring automatic picture-in-picture to Chromium, left tabs vs pin tabs, the quest to replace Arc, and Chromium and Webkit browser options in 2026. Listen on Website Links YoloLiv YoloCam S7 Elgato Facecam 4K Arc-like Automatic Picture in Picture in Chromium Tupo Zen browser Dia browser CrestBrowser Ardia.dev Aside The Four Tiers of Tab Importance CodePen WebMCP Helium.computer Arcium Phibrowser Flecha Horse Browser YAB Kagi and Orion Brave Vivaldi Opera Opera Air Opera GX browser Jake Archibald SponsorsAI and Design SystemsKeep AI on the rails of your design system. This is the thing the whole industry is trying to figure out: how do you get AI to use YOUR components and conventions instead of making up its own? We walk through our real setups, with context, MCPs, skills, rules, and validation all working together, because no single trick does it on its own.

739: How to Build a Great Puzzle Game with Josh Collinsworth

51 min

Show DescriptionTriple (or maybe even quadruple?) threat Josh Collinsworth is back on the show to talk about his new game, Tupo. They cover how the puzzles are generated and kept fair, why the usual Sudoku pencil marks don't help, and what Josh's player data shows about hints and checks. They also get into the tech stack, why Josh skipped the app stores, and how daily puzzle games took off after Wordle. Listen on Website Watch on YouTube GuestsJosh CollinsworthGuest's Main URL • Guest's Social A frontend developer and graphic designer who works across engineering, design, and messaging. Links Josh Collinsworth Tupo · A daily sudoku-style logic puzzle with a twist Clues By Sam Balatro: Deck-Building Roguelite Wordle — The New York Times Cracking The Cryptic - YouTube Svelte • Web development for the rest of us Tailwind CSS - Rapidly build modern websites without ever leaving your HTML. Push your ideas to the web | Netlify PocketBase - Open Source backend in 1 file Quina - Menu Hondo - a word game in 100 words or less SponsorsAI and Design SystemsAI delivers speed, but can make a huge mess. Design systems encode your org's standards of quality, but can be difficult to wield. Together, AI & Design Systems are a powerful combination to deliver quality, speed, and scale. Join industry experts TJ Pitre (Product Architect for AI & Design Systems at Figma), Brad Frost (creator of Atomic Design), and Ian Frost (veteran design systems developer) to learn AI & Design Systems core concepts, practical techniques to help your team deliver great digital products at scale.

738: The Trouble with Tests and Bugs, Interop Voting, and AI Skills

1 hr 10 min

Show DescriptionDave’s got a great concert story to kick off the episode before talking AI-assisted tests, a practical use for HTML markers and templates, Interop voting, browser features like margin-trim, and how to stream content into a page without first building a recursive tree. Listen on Website Watch on YouTube Links Tupo · A daily sudoku-style logic puzzle with a twist Clues By Sam How Many Dudes? | Download and Play! 445: CodePen AI is Here – CodePen Microsoft-Decision-1: Our model for fast decision-making Magic Words - daverupert.com AI Skills for Real Engineers 2027 Web Platform Feature Ranking Recursion is DEAD and HTML killed it - daverupert.com The WebM Project | Welcome to the WebM Project SponsorsAI and Design SystemsAI delivers speed, but can make a huge mess. Design systems encode your org's standards of quality, but can be difficult to wield. Together, AI & Design Systems are a powerful combination to deliver quality, speed, and scale. Join industry experts TJ Pitre (Product Architect for AI & Design Systems at Figma), Brad Frost (creator of Atomic Design), and Ian Frost (veteran design systems developer) to learn AI & Design Systems core concepts, practical techniques to help your team deliver great digital products at scale.

737: CSS alpha(), SVG with linked-parameters, and Arguing with Humans

1 hr 4 min

Show DescriptionOn this episode we're chatting about how to make modern tooling more collaborative and human-friendly, CSS alpha() and color-mix() features, Chris quizzes Dave on SVG features, voting for interop, CodePen + AI tools, and how to detect when elements overlap with CSS. Listen on Website Links Glove80 Keyboards — MoErgo Mat Marquis Do we really need alpha()? Detect When Elements Overlap with CSS 2027 Web Platform Feature Ranking Introducing Delta — Zed Agent Collaboration Environment (ACE) for Multiplayer AI Coding — GitHub Issue #123 Matt Pocock’s Skills for Real Engineers SponsorsAI and Design SystemsAI delivers speed, but can make a huge mess. Design systems encode your org's standards of quality, but can be difficult to wield. Together, AI & Design Systems are a powerful combination to deliver quality, speed, and scale. Join industry experts TJ Pitre (Product Architect for AI & Design Systems at Figma), Brad Frost (creator of Atomic Design), and Ian Frost (veteran design systems developer) to learn AI & Design Systems core concepts, practical techniques to help your team deliver great digital products at scale.

736: Building Design Systems Using AI with TJ Pitre

1 hr 9 min

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 Website Watch on YouTube GuestsTJ PitreGuest's Main URL • Guest's Social Product Architect for AI and Design Systems at Figma. Founder of Southleft. Links AI & Design Systems Course with Brad Frost, TJ Pitre, and Ian Frost TJ Pitre on GitHub TJ Pitre on LinkedIn AI + Design Systems — Southleft SponsorsAI & Design SystemsAI delivers speed, but can make a huge mess. Design systems encode your org's standards of quality, but can be difficult to wield. Together, AI & Design Systems are a powerful combination to deliver quality, speed, and scale. Join industry experts TJ Pitre (Product Architect for AI & Design Systems at Figma), Brad Frost (creator of Atomic Design), and Ian Frost (veteran design systems developer) to learn AI & Design Systems core concepts, practical techniques to help your team deliver great digital products at scale.

735: Design System Docs, CodePen’s API, and Bucket Filling Conversations

56 min

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 Website Watch on YouTube Links 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 a twist SponsorsAI and Design SystemsAI delivers speed, but can make a huge mess. Design systems encode your org's standards of quality, but can be difficult to wield. Together, AI & Design Systems are a powerful combination to deliver quality, speed, and scale. Join industry experts TJ Pitre (Product Architect for AI & Design Systems at Figma), Brad Frost (creator of Atomic Design), and Ian Frost (veteran design systems developer) to learn AI & Design Systems core concepts, practical techniques to help your team deliver great digital products at scale.

734: Web Performance with Ben Schwarz

57 min

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 Website GuestsBen SchwarzGuest's Main URL • Guest's Social CEO at Calibre Analytics Links ShopTalk Archives 2013 068: With Ben Schwarz – ShopTalk Ben Schwarz — Founder & CEO at Calibre Calibre: Web Performance Monitoring for Every Team It's official: Airline websites are slow, but they don't have to be | Calibre World Airline and Airport Ratings

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 Website Links 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 JavaScript, React, and TypeScript to Node.js, Fullstack, and Backend | Master.dev @web/test-runner - npm Node.js Test Runner Fast and reliable end-to-end testing for modern web apps | Playwright SponsorsSlopTalk ShowGet your AI sloptalk at 50% off your first purchase of 5,000 tokens. Use coupon code DAVID BUSHELL'S GOLD FISH for your first order and tell 'em Chris and Dave sent ya.

732: Thomas Steiner on New Cross-Origin Storage APIs

1 hr 6 min

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 Website Watch on YouTube GuestsThomas SteinerGuest's Main URL • Guest's Social Developer Relations Engineer at Google, focused on the Web and Project Fugu. Links David Bushell daverupert.com 633: Thomas Steiner on AI in Chrome and the Web Pervasive Resources Intent to ship: Cache sharing for extremely-pervasive resources

731: Terminal UX, Running Multiple Services, Don’t Settle for an App

58 min

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 Website Watch on YouTube Links JeffBridges.com tmux — The Terminal Multiplexer for Developers | tmux.app Herdr: the runtime coding agents run on GitHub Copilot app Solid 2.0 RC: The Big \ | SolidJS Nobody Argued For Your Stack - DEV Community cmux - The terminal built for multitasking bencodezen i-have-adhd skill Ghostty Coda is now Nova Zed Introducing Delta — Zed's Blog Delta | A Multiplayer Environment for Coding with Agents Helix

730: A/B Testing with Charts, Music Recommendations, & Web Permissions

1 hr 0 min

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 Website Watch on YouTube Links 8 New CSS, JS and HTML Features You Should Know - Syntax #1033 Mermaid | Diagramming and charting tool What Is AI Coding Doing To Us? - YouTube Midnight Vinyl Club MJML - The Responsive Email Framework AT Protocol How Many Dudes? | Download and Play!

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

58 min

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 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

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

1 hr 1 min

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 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

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

58 min

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 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 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.

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

53 min

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 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

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

1 hr 0 min

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

55 min

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 Website Watch on YouTube GuestsDan AbramovGuest'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

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

57 min

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 Website Links 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?

58 min

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 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

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

1 hr 2 min

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 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 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

1 hr 4 min

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 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) 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

1 hr 3 min

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 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 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

58 min

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 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 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?

53 min

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 Website Links 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

1 hr 3 min

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 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 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?

52 min

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 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 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

53 min

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 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 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

1 hr 13 min

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 Website GuestsBrad FrostGuest's Main URL • Guest's Social Ian FrostGuest'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 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

1 hr 4 min

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 Website GuestsScott JehlGuest'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 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

1 hr 3 min

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 Website Watch on YouTube GuestsRobby RussellGuest'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 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

56 min

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 Website Watch on YouTube GuestsSimen SvaleGuest'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 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

55 min

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 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 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

57 min

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 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

707: RSS with Social, AI Agent Traffic, and What to Blog About

56 min

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 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

706: Can You Vibe Code a Canvas App, Geolocation Part 2, & CodePen v2

54 min

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 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

705: CodePen Public Beta, Anchor Positioning, and Build Awesome

58 min

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 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

704: Sanitizer API with Frederik Braun

1 hr 2 min

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 Website Watch on YouTube GuestsFrederik BraunGuest'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) SponsorsBluehostDo 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.

703: Ujjwal Sharma and TC39

1 hr 7 min

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 Website GuestsUjjwal SharmaGuest's Main URL • Guest's Social Developer 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

49 min

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 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

701: Digital Archives, OpenClaw Security Concerns, and @Property Declarations

1 hr 4 min

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 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 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.

700: Popover Web Component, Bugs in Blocks, and Where’s Vue?

54 min

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 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.

699: Jeremy Keith on Web Day Out

58 min

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 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.

698: Why is AI Bad at CSS, Monofonts, and Safari Dev Tools

59 min

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 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.

697: Web Install API, Resizing Text, Active View Transition Type

1 hr 5 min

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 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.

696: Predictions for 2026, ADHD Updates, and Holiday Catchup

1 hr 11 min

Show DescriptionCatching 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.

695: Happy Project Share Time (2025 Edition)

1 hr 7 min

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 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 SponsorsStudiowo...

694: Invoicing with Studioworks with Jessica and Chris

1 hr 1 min

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 Website Watch on YouTube GuestsJessica HischeGuest'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 ShiflettGuest'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.

693: Hobbies, Puzzle Game Circuit, and Web Monetization News

1 hr 9 min

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 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.

692: Killer Feature of Web Components, Skills > MCP, and Streaming HTML?

1 hr 8 min

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 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.

691: Charts + Graphs, Vibe Coding an App, and Debating Affordances

1 hr 8 min

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 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.

See all 100 episodes

–

0 ratings from members

5
4
3
2
1

Rate this podcast

Log in to rate and review the shows you listen to.

No reviews yet — be the first member to rate "ShopTalk".

This podcast, its content and its artwork are not owned by, affiliated with, or endorsed by Castquire.

Keep listening

Discover more podcasts like this.

Browse podcasts See the charts

Up next

  1. Nothing queued. Use + Queue on any episode to line it up.

0:00 0:00

Cookies

We set only what the site needs to sign you in and remember your theme. No advertising, no analytics. Read more.