734: Web Performance with Ben Schwarz

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

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 WebsiteWatch on YouTubeGuestsJosh CollinsworthGuest's Main URL • Guest's SocialA 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.

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

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

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 YouTubeGuestsTJ PitreGuest's Main URL • Guest's SocialProduct 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.

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

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

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

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 SteinerGuest's Main URL • Guest's SocialDeveloper 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

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: the runtime coding agents run on GitHub Copilot app Solid 2.0 RC: The Big \<Reveal> | 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