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