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

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

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

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

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

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

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

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 WebsiteWatch on YouTubeGuestsDan AbramovGuest's Main URL • Guest's SocialLinks 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