Show Notes
Show DescriptionChris Coyier and Scott Jehl discuss the recent advancements in lazy loading on the web, the process of standardization, browser support, and the future of web performance optimization. Listen on WebsiteGuestsScott JehlGuest's Main URL • Guest's SocialTech lead of the Performance & Accessibility Team at Squarespace. Links Scott Jehl, Web Designer/Developer YouTube Embeds are Bananas Heavy and it's Fixable – Frontend Masters Blog How To Use Standard HTML Video & Audio Lazy-Loading on the Web Today — Squarespace Engineering Blog Squarespace & Web Standards: How We Helped Bring HTML Video & Audio Lazy Loading to Today's Browsers — Squarespace Engineering Blog web-platform-tests documentation — web-platform-tests documentation SponsorsSanityThe back-end built for AI content operations. Power web, mobile, and agentic applications at scale. Start building with an extended 60-day trial.
More from ShopTalk
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.
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.
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.
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.