Episodes

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

    692: Killer Feature of Web Components, Skills > MCP, and Streaming HTML?
    Nov 24 2025
    Show Description

    Dave has famous people blindness, a cologne life hack is dropped, what is the killer feature of web components, MCPs are so done—focus on skills instead, should custom events exist, and thoughts about streaming HMTL.

    Listen on Website

    Watch on YouTube

    Links
    • Good Hang With Amy Poehler - The Ringer
    • Sebastian Maniscalco Has a Little More Pepper in His Hair These Days - The Ringer
    • Guitar Center Austin Music Store
    • normansrareguitars.com – Norman's Rare Guitars
    • The killer feature of Web Components - daverupert.com
    • figma/code-connect: A tool for connecting your design system components in code with your design system in Figma
    • Chrome DevTools (MCP) for your AI agent | Blog | Chrome for Developers
    • Stop Using CustomEvent
    SponsorstldrawHave you ever wanted to build an app that works kinda like Miro or Figma, that has a zoomable infinite canvas, that’s multiplayer, and really good, but you also want to build it in React with normal React components on the canvas? Good news! tldraw is the world’s first, best, and only SDK for building infinite canvas apps in React. tldraw takes care of all the canvas complexities — things like the camera, selection logic, and undo redo — so that you can focus on building the features that matter to your users. It’s easy to use with plenty of examples and starter kits, including a kit where you can use AI to create things on the canvas. Get started for free at tldraw.dev/shoptalk, or run npm create tldraw to spin up a starter kit.
    Show More Show Less
    57 mins
  • 691: Charts + Graphs, Vibe Coding an App, and Debating Affordances

    691: Charts + Graphs, Vibe Coding an App, and Debating Affordances
    Nov 17 2025
    Show Description

    What do Balatro streamers do when the game is over, Random in CSS is so hot right now, Dave has a better idea for charts and graphs that would change the world, Quiet UI follow up, Dave tries vibe coding a tennis app and doesn't completely John McEnroe his laptop, Chris wonders about better cursor UI on the web, and debating affordances vs conventions.

    Listen on Website

    Watch on YouTube

    Links
    • Jynxzi - Twitch
    • BALL x PIT on Steam
    • Could Open Graph Just Be a CSS Media Type? | Scott Jehl, Web Designer/Developer
    • 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 More Show Less
    1 hr and 9 mins
  • 690: Steve Ruiz and tldraw

    690: Steve Ruiz and tldraw
    Nov 10 2025
    Show Description

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

    Watch on YouTube

    GuestsSteve Ruiz

    Guest's Main URL • Guest's Social

    A developer, designer, and now startup founder in London. I build lots of prototypes. Sometimes those prototypes turn into products.

    Links
    • tldraw • very good free whiteboard
    • tldraw computer
    • makereal
    • Docs • tldraw
    • tldraw - Visual Studio Marketplace
    • Globs Designer
    • ClickUp | The everything app for work
    • Steve Ruiz
    • steveruizok (Steve Ruiz)
    • tldraw (@tldraw) / X
    Show More Show Less
    1 hr and 13 mins
  • 689: Tyler Sticka on Colorpeek 2 and Awesome CSS

    689: Tyler Sticka on Colorpeek 2 and Awesome CSS
    Nov 3 2025
    Show Description

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

    Watch on YouTube

    GuestsTyler Sticka

    Guest's Main URL • Guest's Social

    I 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)
    Show More Show Less
    1 hr and 4 mins
  • 688: Modern CSS Round-Out Tabs, OpenUI, and Why Websites?

    688: Modern CSS Round-Out Tabs, OpenUI, and Why Websites?
    Oct 27 2025
    Show Description

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

    Watch on YouTube

    Links
    • CodePen
    • 50 Reasons to Build a Website – Frontend Masters Blog
    • "Why would anybody start a website?" - daverupert.com
    • Clues By Sam
    • Inkwell Games
    • wip: terminal (initial commit)
    • Modern CSS Round-Out Tabs – Frontend Masters Blog
    • Quiet UI
    • Web Awesome
    • Lots to shout about in Quiet UI - daverupert.com
    Show More Show Less
    56 mins
  • 687: Ben Frain on Responsive Design

    687: Ben Frain on Responsive Design
    Oct 20 2025
    Show Description

    Ben'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 Website

    Watch on YouTube

    GuestsBen Frain

    Guest's Main URL • Guest's Social

    I write web development books, make online courses, and publish YouTube videos.

    Links
    • Ben Frain – author and web developer
    • Responsive Web Design with HTML5 and CSS available at Amazon
    • benfrain (GitHub)
    • Ben Frain - YouTube
    • JavaScript for Everyone - Piccalilli
    • BCD Watch
    SponsorsAtomic Design Certification CourseMaster tokens AND atomic design to elevate your design systems game. Get access to both courses, which include hours of comprehensive video lessons, sample token architecture for Figma & Code, process diagrams, exercises, and exclusive Slack!
    Show More Show Less
    1 hr and 6 mins
  • 686: Todd Libby on Deceptive Patterns

    686: Todd Libby on Deceptive Patterns
    Oct 13 2025
    Show Description

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

    Watch on YouTube

    GuestsTodd Libby

    Guest's Main URL • Guest's Social

    Web developer and developer advocate from Portland, Maine now living in Phoenix, Arizona. I had been a developer for most of my 25 years professionally in tech before moving to accessibility.

    Links
    • Front End Nerdery
    • Trump used dark patterns to trick supporters into donating millions more than intended | The Verge
    • Death to Bullshit | Brad Frost
    • Deceptive Patterns (aka Dark Patterns) - spreading awareness since 2010
    • The Architecture of Anxiety and Shame, Part One
    Show More Show Less
    1 hr
  • 685: Fix My Home Tech, What’s Up with Firefox, and the MVP Car

    685: Fix My Home Tech, What’s Up with Firefox, and the MVP Car
    Oct 6 2025
    Show Description

    Who'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 Website

    Links
    • Why I hate the MVP car - daverupert.com
    • TalkShop Show w/ Macho Man Randy Standards - Whiskey Web and Whatnot: Web Development, Neat - Episode 212
    SponsorsAtomic Design Certification CourseMaster tokens AND atomic design to elevate your design systems game. Get access to both courses, which include hours of comprehensive video lessons, sample token architecture for Figma & Code, process diagrams, exercises, and exclusive Slack!
    Show More Show Less
    1 hr and 6 mins