More ShopTalk episodes

700: Popover Web Component, Bugs in Blocks, and Wheres Vue? thumbnail

700: Popover Web Component, Bugs in Blocks, and Wheres Vue?

Published 2 Feb 2026

Duration: 00:54:36

The podcast covers technical topics such as 3D printing, web development, and best practices for styling web components.

Episode Description

Show DescriptionWe're passing over another milestone episode and answering your Q's with our A's while we do it: Dave goes 3D printing, should CSS be...

Overview

The podcast covers a range of technical and creative topics, beginning with personal experiences in 3D printing. The speaker shares stories of failed attempts at printing custom items but emphasizes the satisfaction and learning that come from overcoming these challenges. The discussion also touches on the ease of setting up a 3D printer using a mobile app, highlighting the accessibility and enjoyment of the learning process involved.

In the area of web development, the conversation focuses on best practices for styling web components, such as using adopted style sheets to improve efficiency and reduce redundancy. The speaker also discusses how web components can be reused across different projects, with techniques like theme customization through style hooks and variables. Additional topics include the use of Shadow DOM versus Light DOM, effective CSS management, and considerations for accessibility and performance in web component design. The importance of intuitive APIs and design systems in streamlining development while maintaining code flexibility and maintainability is also emphasized.

Recent Episodes of ShopTalk

20 Jul 2026 724: Ask Dan Abramov Anything About AT Proto

"Explores BlueSky's AT Protocol, a decentralized social media framework that simplifies interoperability by avoiding Mastodon's cross-instance complexity, emphasizing user-controlled data, open standards, and scalable, RSS-like functionality to reshape social networks."

6 Jul 2026 722: The No-AI Talk Challenge, Picking Rails Tooling, Dark Mode?

Web development challenges include optimizing performance with INP metrics, non-blocking execution techniques, email security protocols, dark/light mode design consistency, JavaScript-Rails trade-offs, and preventing FART by confirming theme preferences.

25 May 2026 716: Google I/O 2026 Recap Edition

Chrome 2026's AI-driven web updates, including the Web MCP protocol and Next.js integrations, reshape design, SEO, and e-commerce, while debates arise over AI's role in content quality, accessibility, ethical implications, and the tension between innovation and traditional expertise.

More ShopTalk episodes