1
691: Charts + Graphs, Vibe Coding an App, and Debating Affordances
68 min
311/18/2025Show 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 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.
2
690: Steve Ruiz and tldraw
72 min
311/18/2025Show 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 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
3
689: Tyler Sticka on Colorpeek 2 and Awesome CSS
64 min
311/18/2025Show 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)
4
688: Modern CSS Round-Out Tabs, OpenUI, and Why Websites?
55 min
311/18/2025Show 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 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
5
687: Ben Frain on Responsive Design
66 min
311/18/2025Show 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 FrainGuest's Main URL • Guest's SocialI 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!
6
686: Todd Libby on Deceptive Patterns
60 min
311/18/2025Show 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 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
7
685: Fix My Home Tech, What’s Up with Firefox, and the MVP Car
66 min
311/18/2025Show 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 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!
8
684: What Motivates Chris to Keep Working on CodePen?
69 min
311/18/2025Show 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 | Bootcamp | Medium CodePen Radio – CodePen Introduction - Tree-sitter Design for Community: The Art of Connecting Real People in Virtual Places 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!
9
683: iOS 26 Safari, Material Support on the Web, and Fixing The Button Problem
54 min
311/18/2025Show 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 Apple has a private CSS property to add Liquid Glass effects to web content Syntax - Web Development Podcast Theo - t3․gg - YouTube Gina Trapani Foursight Omakub — An Omakase Developer Setup for Ubuntu 24.04+ by DHH
10
682: Whiskey, Security, Antitrust, and Fun with CSS Functions
57 min
311/18/2025Show 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 future of CSS and web development. Listen on WebsiteWatch on YouTubeLinks Whiskey Web and Whatnot: Web Development, Neat Storybook: Frontend workshop for UI development Largest NPM Compromise in History - Supply Chain Attack : r/programming We all dodged a bullet - Xe Iaso Post by @cabel.panic.com — Bluesky Special: One on One with a Hacker – ShopTalk 1Password Watchtower This 25-minute video is the most riveting sudoku puzzle you will ever watch | The Verge Many years on the job and I still don't get it. - daverupert.com if() - CSS | MDN CSS at-rule functions - CSS | MDN CSS color-scheme-dependent colors with light-dark() – Bram.us Matthias Ott