ShopTalk

Jeremy Keith, web platform advocate and conference organizer, talks about Web Day Out and practical browser-native features. He highlights Monday-morning-usable APIs, new HTML/CSS primitives like popover and anchor positioning, and using native dialog for command palettes. Conversation covers when to standardize patterns in browsers, pragmatic browser support, and reclaiming platform features from frameworks.

Show DescriptionWhy are AI tools so bad at CSS layout, Robin Rendle inspired monospaced fonts, CodePen's slideVars library, why are Safari dev tools so hard to use, button follow up, and what player component does ShopTalk use for it's website? Listen on WebsiteWatch on YouTubeLinks Clair Obscur | Expedition 33 Apple One Where’s the AI design renaissance? Outlyne Bolt Lando Norris Robin Rendle Dave Rupert Casey Newton slideVars - Automatic Sliders for CSS Custom Properties Media Chrome Docs SponsorsAxe-conAxe-con - the world's largest digital accessibility conference is from the makers of Axe-core and Axe DevTools Browser Extension. Taking place online on February 24-25. Registration is free and also gets you access to the on-demand recordings. Axe-con has a specific Development Track for dev content - some top speakers are Ire Aderinokun (front-end developer and Google developer expert), Jesse Beach (Software Engineering Manager at Meta), and other prominent folks from orgs like Coinbase, Zendesk, Red Hat, Atlassian, and more.

Discover the intriguing world of the Web Install API and how it streamlines app installations. Explore the innovative display:grid-lanes and its impact on browser politics. The hosts dive into the fascinating realm of resizing text, discussing accessibility and usability challenges. Scroll-triggered animations take center stage, revealing creative and interactive possibilities. Finally, get the scoop on CodePen 2.0 features that enhance collaboration and deployment!

The hosts catch up on holiday adventures and dive into Dave's ADHD journey, exploring its impact on attention management. They make bold predictions about the future of web development in 2026, forecasting a robust framework built around web components. Discussion shifts to the evolution of single-page applications and how modern browser features alter their necessity. The introduction of the new Sanitizer API emphasizes security in rendering third-party content. They wrap up by promoting the value of personal websites and the importance of writing for career growth.

The hosts dive into exciting community projects, showcasing a web component admin bar and innovative CSS shape generators. They celebrate indie games and highlight creative tools like the Dummy Image Generator for prototypes. There's a playful discussion about Lynn Fisher's typographic experiments and Jim Nielsen's humorous guess-the-article game. The episode explores AI-driven website builders and an HTML-first framework called Greenwood, while also touching on email markup challenges and the upcoming State of the Browser conference.

Jessica Hische, a lettering artist and co-founder of Studioworks, and Chris Shiftlett, an entrepreneur with hands-on experience in product strategies, dive into the workings of their new invoicing app. They explore how their backgrounds uniquely position them to cater to creatives, emphasizing a design-forward approach. The duo discusses pricing models that avoid transaction cuts and how they focus on minimizing friction for neurodivergent users. Their vision extends beyond invoicing to build a holistic workflow tool for independent creatives.

The discussion kicks off with a playful debate on Thanksgiving meals, particularly the pros and cons of turkey. They dive into the challenge of juggling various hobbies and how life often sidelines our passions. Following this, there's an intriguing exploration of puzzle games and problem-solving strategies. The conversation then shifts to alternative RPG systems, weighing the merits of structured rules versus dynamic storytelling. Finally, they tackle the future of web monetization, examining its potential to reshape the online ad landscape.

Dave shares a cologne life hack while discussing the killer feature of web components: the Custom Elements Manifest. They explore how this can automate tooling and the shift from Model Context Protocols to focusing on skills. The conversation dives into the implications of custom events and a proposal for streaming HTML that allows for partial updates. Amid the banter, they reflect on the evolving landscape of tooling and prompt engineering practices, all while maintaining a light-hearted vibe.

Discover the quirky world of Balatro streamers and their post-game antics. Dive into creative uses of CSS random() for mesmerizing starfield effects. Hear about innovative charting ideas that challenge the status quo. Explore the pitfalls of AI-generated code and the delicate balance of constraints. Unpack the debate between affordances and conventions in UI design. Finally, learn how subtle cursor variations can enhance user experience and accessibility. An engaging blend of tech insights awaits!

Steve Ruiz, the founder of tldraw and a skilled developer/designer, delves into the innovative world of collaborative tooling and infinite canvases. He explains how tldraw functions as a versatile whiteboard and SDK, enhancing workflow through local data storage and synchronization. Steve also highlights the exciting potential of AI within tldraw, including smart suggestions and the transformative Make Real feature that converts sketches into functional prototypes. He discusses the unique challenges of creating an engaging UX on an infinite canvas and the platform's role in simplifying HCI experimentation.