ShopTalk

Show Description
On 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 Website
Links

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

Sponsors
AI and Design Systems
AI 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 Description
TJ 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 Website
Watch on YouTube
Guests
TJ Pitre
Guest's Main URL • Guest's Social
Product 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

Sponsors
AI & Design Systems
AI 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 Description
Dave 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 Website
Watch on YouTube
Links

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

Sponsors
AI and Design Systems
AI 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 Description
Ben 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 Website
Guests
Ben Schwarz
Guest's Main URL • Guest's Social
CEO 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 Description
We're talking treadmill and musical gear, software maintenance, dependency management, technical debt, testing web components, and CSS-Tricks hot drama.

Listen on Website
Links

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

Sponsors
SlopTalk Show
Get 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.