ShopTalk

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

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

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

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

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 WebsiteWatch on YouTubeLinks BALL x PIT on Steam Overwatch 2 Call of Duty® | Best-Selling Video Game Franchise THE FINALS on Steam Welcome to Steam Home | Vulkan | Cross platform 3D Graphics Dota 2 Counter-Strike 2 Learn JavaScript, React, and TypeScript to Node.js, Fullstack, and Backend | Frontend Masters HTML for People GitHub - StfBauer/markshell: Markshell allows you to convert Markdown to a beautiful output on the shell, Ideal for any custom built NodeJS CLI. Admin Bar Component | Will Browar ship-shape.win Quina - Menu Crashlands 2 | Games | Butterscotch Shenanigans How Many Dudes? on Steam Unoffice Hours Webring Unoffice Hours - Dave Smyth Dynamic Dummy Image Generator - DummyImage.com Lynn Fisher Nestflix o(m)g:image | Question 1 Making o(m)g:image, Part III: The HTML - Jim Nielsen’s Blog Outlyne - AI Website Builder | Create Stunning Websites with AI Greenwood I Hid a Dozen Easter Eggs on This Website – Unapologetic MacStories - Apple news, app reviews, and stories by Federico Viticci and friends. SotB14 | State of the Browser 14 The Email Markup Database (2) Post | LinkedIn Storybook MCP sneak peek Andy Ford - miniature painter Rubber AI Baseline Tennis - Ulimate Tennis ladder for competitive and casual players Intersecting Us - Where we explore math stories together. bitty - a web tool for interesting pages Dolphin Maker 2.0 Chris Enns + Lemon Productions SponsorsStudioworksManage clients and contacts, send branded invoices, receive payments, access educational resources, and connect with a supportive community. We’re building the best business hub for freelancers who want a custom client experience that feels polished and professional — with much more in store.

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

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

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 • Guest's SocialI work with organizations to create and ship expressive, delightful and performant responsive experiences. I often design in the browser and I love to draw. Links Wirecutter: New Product Reviews, Deals, and Buying Advice Zojirushi SM-KHE48AG Stainless Steel Mug, 16-Ounce, Smoky Blue : Amazon.ca: Home Tyler Sticka (@tylersticka@social.lol) - social.lol Tyler Sticka (@tylersticka.com) — Bluesky Colorpeek 2 – Tyler Sticka Colorpeek · Simply Share Colors Emmet — the essential toolkit for web-developers AI Browsers, ad nauseam – Tyler Sticka ChatGPT's Atlas: The Browser That's Anti-Web - Anil Dash David Darnes - Designer, Front-end Developer & Writer specialising in Design Systems, Eleventy, Ghost & Jamstack David Bushell – Freelance Web Design & Front-end Development (UK)