Memories of Hawaii, people are not friction in the AI age, what do you pre-load for a flight, can you get rid of the CMS with AI involved, Dave's dream for a custom VS Code machine, CommonRSS follow up conversation, the hype for ATProto, and picking music apps for a family.

Listen on Website

Watch on YouTube

Links

• People are not friction
• USB-C to 3.5mm Audio Cable (1.2m) - Apple (CA)
• The Shape of Friction · Matthias Ott
• Whiskey Web and Whatnot
• Coding Agents & Complexity Budgets | Lee Robinson
• "You should never build a CMS" | Sanity
• Blog | Studio303
• Skyreader
• npmx - Package Browser for the npm Registry
• Sill | Top news shared by the people you trust

Listener John has a VSCode extension to share, Chris muses on why nobody has attempted to build the social side of RSS, a listener is experimenting with feature-based folder structures, how do you feel about AI traffic on your website, what can someone blog about in 2026, and Digg gets dugg by bots.

Listen on Website

Watch on YouTube

Links

• DTF St. Louis | Official Trailer
• Parasite (2019)
• tag-toggle - Visual Studio Marketplace
• CommonRSS
• Skyreader
• Tim Disney (@disnetdev.com) — Bluesky
• Feedbin
• Webspace Invaders · Matthias Ott

Are we all going to vibe code our own bespoke apps now, can a canvas app be vibe coded, more geolocation API thoughts, CodePen v2's public beta is now out, and private pens explained.

Listen on Website

Watch on YouTube

Links

• March Mad CSS
• Scroll My Mac
• Setapp | Powerful apps for Mac & iOS
• Move tests to closed source repo · Issue #8082 · tldraw/tldraw
• Enterprising developer somehow writes an x86 CPU emulator in plain CSS — no Javascript, no WASM, just stylesheet computing
• Traditional Irish music on The Session
• CodePen Radio – CodePen

Chris talks through going public with CodePen v2's beta, the magic words and AI skills needed today, Chris has a beef with anchor positioning, thoughts on classless CSS libraries, Eleventy growing up into Build Awesome, and how would you pass an hour by quickly? (Hopefully by listening to this podcast.)

Listen on Website

Watch on YouTube

Links

• Magic Words
• Anchor Interpolated Morph (AIM) · January 23, 2026
• Build Awesome by Font Awesome
• Build Awesome: We're pausing our Kickstarter!
• Build a Web Site in 7 Minutes with Build Awesome
• Quiet UI
• Good Sudoku
• CodePen

We talk with Frederik Braun from Mozilla about the Sanitizer API, how it works with HTML tags and web components, what it does with malformed HTML, and where CSP fits in alongside the Sanitizer API.

Listen on Website

Watch on YouTube

Guests

Frederik Braun

Guest's Main URL • Guest's Social

Security engineer and manager working on the Mozilla Firefox web browser

Links

• Frederik Braun: Why the Sanitizer API is just setHTML()
• Frederik Braun
• freddyb (Frederik B)

Sponsors

Bluehost

We're joined by Ujjwal Sharma to talk about what the TC39 is, who's in it, and how the TC39 group guides JavaScript.

Listen on Website

Guests

Ujjwal Sharma

Guest's Main URL • Guest's Social

Developer Advocacy, Programming Languages & Web Standards

Links

• Ryzokuken (Ujjwal Sharma)
• LinkedIn
• X (Twitter)
• Igalia
• TC39
• Use JSDoc

Chris has opinions about being sick, implied target for popovers, should Apple provide cross platform virtual machine images for Safari testing, what tips are there for beginners to HTML and CSS, which website builder CMS's do we recommend, and a Chipotle hack for your lunch plans.

Listen on Website

Watch on YouTube

Links

• The Missing Link for Web Components – Frontend Masters Blog
• Better defaults for popovers - Manuel Matuzovic
• 346: With Ben Evans – CodePen
• Ben Evans on CodePen
• Pure CSS Only Portrait - Isla
• Pure CSS Still Life - Water and Lemons
• A Single Div
• Webflow
• Craft CMS
• Sanity
• Contentful

When Dave dies, who gets his domain name? How OpenClaw is a massive security concern, tips on handling a broad design surface area with a design system, changing database values with text-transform, should you declare CSS properties with @property, and was Chris wrong about CSS?

Listen on Website

Watch on YouTube

Links

• Your Home for a Century: Our 100-Year Domains and Plans
• 1Password Access after Death, Legacy Contacts | 1Password Community
• From magic to malware: How OpenClaw's agent skills become an attack surface | 1Password
• Openclaw (clawdbot), Agents and the Age of Personal Software - YouTube
• bbPress.org
• WooCommerce
• cap - no cap
• Nice Select · February 3, 2026

Sponsors

Axe-Con

We'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 inside a web component, Chris is trying to build web component for popovers, why isn't Vue used or talked about more, finding bugs in blocks in the new CodePen, and we're grateful for 700 episodes.

Listen on Website

Watch on YouTube

Links

• Vue.js - The Progressive JavaScript Framework | Vue.js
• vuejs/petite-vue
• Syntax: Hacking Pizza Ordering For Fun And Profit - YouTube
• Theo - Twitch

Sponsors

Axe-Con

Web Day Out is coming up and Jeremy Keith from Clearleft (name pending the ShopTalk Show rebrand) is here to chat about it and while we've got him, Dave throws him on the hot seat to answer some hard hitting journalism questions about the state of the web in 2026.

Listen on Website

Watch on YouTube

Links

• Web Day Out in Brighton, March 12th 2026
• Strategic design partners for website and service design | Clearleft
• css.properties
• Raycast - Your shortcut to everything
• Rachel Andrew – Doing stuff on the web since 1996.
• Browser support at Clearleft
• CSS Day 2026, 11th & 12th of June, Amsterdam

Sponsors

Axe-con

Why 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 Website

Watch on YouTube

Links

• 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

Sponsors

Axe-con

We're talking new stuff (to us) that we haven't chatted about yet like display:grid-lanes, the web install API, resizing text on the web, scroll triggered animations, active view transition type, and a Quick Look at CodePen v2 features.

Listen on Website

Watch on YouTube

Links

• 694: Invoicing with Studioworks with Jessica and Chris – ShopTalk
• Email Marketing Platform | Litmus
• Most Reliable App & Cross Browser Testing Platform | BrowserStack
• Ios Vs Android In 2025 · December 27, 2025
• Masonry Layout is Now grid-lanes | CSS-Tricks
• Bruce Lawson's personal site : A first look at the Web Install API
• PWAStore - Free Web App Store | Install Apps Instantly
• Download the latest indie games - itch.io
• Grid Paper
• Squoosh
• SVGOMG - Optimize and minify SVG images
• Never write your own Date Parsing Library—zachleat.com
• FitText - A plugin for inflating web type
• Twenty Twenty-Five - daverupert.com
• Cyd Stumpel | Portfolio Cyd Stumpel

Sponsors

Studioworks

Catching up on holidays adventures, Dave's year in ADHD land, and our predictions for 2026.

Listen on Website

Watch on YouTube

Links

• Madhur Jaffrey Teaches Indian Cooking
• What’s Going to Happen in Web Dev During 2026 - Syntax #967
• 2025 - Web Performance Calendar

Sponsors

Studioworks

After a bit of gaming talk, Chris and Dave are sharing a bunch of cool projects that our Discord community members have been sharing over the past year including things like a web component based admin bar, shape CSS generators, new website portfolios, HTML-first web framework, email markup databases, miniature paintings, AI tools and ducks, and a lot more.

ShopTalk will be taking a break after this episode until the new year. Happy holidays for 2025 and we look forward to a great year in 2026 sharing our love of all things HTML, CSS, and building websites.

Listen on Website

Watch on YouTube

Links

• BALL x PIT on Steam
• Overwatch 2
• Call of Duty® | Best-Selling Video Game Franchise
• THE FINALS on Steam
• Welcome to Steam
• Home | Vulkan | Cross platform 3D Graphics
• Dota 2
• Counter-Strike 2
• Learn JavaScript, React, and TypeScript to Node.js, Fullstack, and Backend | Frontend Masters
• HTML for People
• GitHub - StfBauer/markshell: Markshell allows you to convert Markdown to a beautiful output on the shell, Ideal for any custom built NodeJS CLI.
• Admin Bar Component | Will Browar
• ship-shape.win
• Quina - Menu
• Crashlands 2 | Games | Butterscotch Shenanigans
• How Many Dudes? on Steam
• Unoffice Hours Webring
• Unoffice Hours - Dave Smyth
• Dynamic Dummy Image Generator - DummyImage.com
• Lynn Fisher
• Nestflix
• o(m)g:image | Question 1
• Making o(m)g:image, Part III: The HTML - Jim Nielsen’s Blog
• Outlyne - AI Website Builder | Create Stunning Websites with AI
• Greenwood
• I Hid a Dozen Easter Eggs on This Website – Unapologetic
• MacStories - Apple news, app reviews, and stories by Federico Viticci and friends.
• SotB14 | State of the Browser 14
• The Email Markup Database
• (2) Post | LinkedIn
• Storybook MCP sneak peek
• Andy Ford - miniature painter
• Rubber AI
• Baseline Tennis - Ulimate Tennis ladder for competitive and casual players
• Intersecting Us - Where we explore math stories together.
• bitty - a web tool for interesting pages
• Dolphin Maker 2.0
• Chris Enns + Lemon Productions

Sponsors

Studioworks

Chris and Jessica from Studioworks join us to talk about their new app, why they're uniquely qualified to run an invoicing app, what the long term vision is for Studioworks, pricing models of subscription apps, how invoicing isn't just for web nerds anymore, helping neurospicy people get paid for their work, and what it's like to transfer to a new invoicing app.

Listen on Website

Watch on YouTube

Guests

Jessica Hische

Guest's Main URL • Guest's Social

Jessica Hische is a lettering artist and author with a tendency to overshare and a penchant for procrastiworking.

Chris Shiflett

Guest's Main URL • Guest's Social

Chris Shiflett is a husband, father, entrepreneur, community leader, author, speaker, and amateur athlete.

Links

• Studioworks.app
• The web's grain by Frank Chimero

Sponsors

tldraw

Why do we turkey when there's so many (better) options for meals, how many hobbies do we really need and why can't we do all of them, Clues by Sam difficulties and doing the puzzle game circuit, does Dave like D&D or does Dave like systems, the ongoing web monetization attempts, and Brecht on range group.

Listen on Website

Links

• Alton Brown Cooks Food | Episode 1: The Big Bird
• Big Green Egg
• Tobi Workwear
• Clues By Sam
• Stars – Daily Puzzle | Inkwell Games
• Fields – Daily Puzzle | Inkwell Games
• Tiled Words
• 646: Hard Code & Soft Skills – ShopTalk
• Lasers & Feelings by John Harper
• Greetings, Scoundrel | Blades in the Dark RPG
• Monster of the Week – Evil Hat
• Mothership RPG – Tuesday Knight Games
• Pathfinder Roleplaying Game | Paizo
• Baldur's Gate 3 on Steam
• 633: Thomas Steiner on AI in Chrome and the Web – ShopTalk
• Web Monetization is Still Inching Along – Frontend Masters Blog
• Open Letter
• Interledger Foundation
• Web Monetization – Chrome Web Store
• GateHub
• Grid Paper
• utilitybend Blog

Sponsors

tldraw

Dave has famous people blindness, a cologne life hack is dropped, what is the killer feature of web components, MCPs are so done—focus on skills instead, should custom events exist, and thoughts about streaming HMTL.

Listen on Website

Watch on YouTube

Links

• Good Hang With Amy Poehler - The Ringer
• Sebastian Maniscalco Has a Little More Pepper in His Hair These Days - The Ringer
• Guitar Center Austin Music Store
• normansrareguitars.com – Norman's Rare Guitars
• The killer feature of Web Components - daverupert.com
• figma/code-connect: A tool for connecting your design system components in code with your design system in Figma
• Chrome DevTools (MCP) for your AI agent | Blog | Chrome for Developers
• Stop Using CustomEvent

Sponsors

tldraw

What do Balatro streamers do when the game is over, Random in CSS is so hot right now, Dave has a better idea for charts and graphs that would change the world, Quiet UI follow up, Dave tries vibe coding a tennis app and doesn't completely John McEnroe his laptop, Chris wonders about better cursor UI on the web, and debating affordances vs conventions.

Listen on Website

Watch on YouTube

Links

• Jynxzi - Twitch
• BALL x PIT on Steam
• Enhancing Web Components Safely with Self-Destructing CSS by Scott Jehl
• https://webawesome.com
• Podcast Awesome
• Quiet UI
• A Beautiful Site
• Eleventy is a simpler static site generator
• Don’t use custom CSS mouse cursors – Eric Bailey
• Home | Rach Smith's digital garden
• The Two Button Problem – Frontend Masters Blog

Sponsors

tldraw

Steve Ruiz talks about what tldraw is and who it's for, how they've dealt with data on all the computers, what's new in the tldraw SDK, ideas for building on top of tldraw, tldraw's business model, and what the future holds for tldraw the company.

Listen on Website

Watch on YouTube

Guests

Steve Ruiz

Guest's Main URL • Guest's Social

A developer, designer, and now startup founder in London. I build lots of prototypes. Sometimes those prototypes turn into products.

Links

• tldraw • very good free whiteboard
• tldraw computer
• makereal
• Docs • tldraw
• tldraw - Visual Studio Marketplace
• Globs Designer
• ClickUp | The everything app for work
• Steve Ruiz
• steveruizok (Steve Ruiz)
• tldraw (@tldraw) / X

In this episode we sit down with Tyler Sticka to discuss upgrading his project, Colorpeek. We explore the practical applications of web components and CSS, and how they are shaping the future of web development. Tyler shares his experiences with prototyping and the challenges of maintaining simplicity in design.

Listen on Website

Watch on YouTube

Guests

Tyler Sticka

Guest's Main URL • Guest's Social

I work with organizations to create and ship expressive, delightful and performant responsive experiences. I often design in the browser and I love to draw.

Links

• Wirecutter: New Product Reviews, Deals, and Buying Advice
• Zojirushi SM-KHE48AG Stainless Steel Mug, 16-Ounce, Smoky Blue : Amazon.ca: Home
• Tyler Sticka (@tylersticka@social.lol) - social.lol
• Tyler Sticka (@tylersticka.com) — Bluesky
• Colorpeek 2 – Tyler Sticka
• Colorpeek · Simply Share Colors
• Emmet — the essential toolkit for web-developers
• AI Browsers, ad nauseam – Tyler Sticka
• ChatGPT's Atlas: The Browser That's Anti-Web - Anil Dash
• David Darnes - Designer, Front-end Developer & Writer specialising in Design Systems, Eleventy, Ghost & Jamstack
• David Bushell – Freelance Web Design & Front-end Development (UK)

Dave and Chris discuss the transition of QuietUI's license to open source, the creative process behind blogging, modern CSS techniques, and the features of QuietUI, a new design system with unique components.

Listen on Website

Watch on YouTube

Links

• CodePen
• 50 Reasons to Build a Website – Frontend Masters Blog
• "Why would anybody start a website?" - daverupert.com
• Clues By Sam
• Inkwell Games
• wip: terminal (initial commit)
• Modern CSS Round-Out Tabs – Frontend Masters Blog
• Quiet UI
• Web Awesome
• Lots to shout about in Quiet UI - daverupert.com

Ben's got an updated edition of his book, Responsive Web Design with HTML5 and CSS, to chat about as well as how much AI is being inserted into writing, layers, scope, color contrast vs contrast color, shouldn't AI bots pay for data they slurp, iFrames permissions issues in Chrome, anchor positioning, and where have all the bloggers gone?

Listen on Website

Watch on YouTube

Guests

Ben Frain

Guest's Main URL • Guest's Social

I write web development books, make online courses, and publish YouTube videos.

Links

• Ben Frain – author and web developer
• Responsive Web Design with HTML5 and CSS available at Amazon
• benfrain (GitHub)
• Ben Frain - YouTube
• JavaScript for Everyone - Piccalilli
• BCD Watch

Sponsors

Atomic Design Certification Course

Todd Libby is on the show to talk with us about deceptive patterns on the web, what WCAG is and who it's for, and 5 deceptive patterns in use on the web today.

Listen on Website

Watch on YouTube

Guests

Todd Libby

Guest's Main URL • Guest's Social

Web developer and developer advocate from Portland, Maine now living in Phoenix, Arizona. I had been a developer for most of my 25 years professionally in tech before moving to accessibility.

Links

• Front End Nerdery
• Trump used dark patterns to trick supporters into donating millions more than intended | The Verge
• Death to Bullshit | Brad Frost
• Deceptive Patterns (aka Dark Patterns) - spreading awareness since 2010
• The Architecture of Anxiety and Shame, Part One

Who's the person to hire when your home network isn't working as reliably as it should? And while we're at it - can you also fix Dave's Find My notifications? What's the plan with Firefox in 2025? And Dave blogs (and mouth blogs) about his struggles with the MVP car.

Listen on Website

Watch on YouTube

Links

• Why I hate the MVP car - daverupert.com
• TalkShop Show w/ Macho Man Randy Standards - Whiskey Web and Whatnot: Web Development, Neat - Episode 212

Sponsors

Atomic Design Certification Course

Listener questions about CSS ruby-position, crafting adaptive layouts using a responsive component, what keeps Chris motivated to work on CodePen, why are there no positive issues on GitHub., tech support in the age of AI, and a semi-regular segment of inbox therapy.

Listen on Website

Watch on YouTube

Links

• Crafting adaptive layouts using a responsive component | by Michael Trilford | Bootcamp | Medium
• CodePen Radio – CodePen
• Introduction - Tree-sitter
• Design for Community: The Art of Connecting Real People in Virtual Places

Sponsors

Atomic Design Certification Course

Dave and Chris discuss the release of Safari in iOS26, the aesthetics of Liquid Glass in CSS, the importance of material design, and the role of TypeScript in modern web development. The conversation also touches on when to consider rebuilding a tech stack, the significance of user experience, and how to know when to choose a new tech stack.

Listen on Website

Watch on YouTube

Links

• Apple has a private CSS property to add Liquid Glass effects to web content
• Syntax - Web Development Podcast
• Theo - t3․gg - YouTube
• Gina Trapani
• Foursight
• Omakub — An Omakase Developer Setup for Ubuntu 24.04+ by DHH

Dave's got a Whiskey related content warning, recent security vulnerabilities in NPM, challenges with password management, and the complexities of digital security. They delve into Google's antitrust issues and the dynamics of the browser market, before transitioning to innovations in CSS, including custom properties and functions. The conversation wraps up with thoughts on the future of CSS and web development.

Listen on Website

Watch on YouTube

Links

• Whiskey Web and Whatnot: Web Development, Neat
• Storybook: Frontend workshop for UI development
• Largest NPM Compromise in History - Supply Chain Attack : r/programming
• We all dodged a bullet - Xe Iaso
• Post by @cabel.panic.com — Bluesky
• Special: One on One with a Hacker – ShopTalk
• 1Password Watchtower
• This 25-minute video is the most riveting sudoku puzzle you will ever watch | The Verge
• Many years on the job and I still don't get it. - daverupert.com
• if() - CSS | MDN
• CSS at-rule functions - CSS | MDN
• CSS color-scheme-dependent colors with light-dark() – Bram.us
• Matthias Ott

Chris is updating us on the progress of his CSS reset, thoughts on The Browser Company and Arc being bought by Atlassian, and in 2025 why would anyone build a website?

Listen on Website

Watch on YouTube

Links

• Bend Old-Time Jams and Events
• Join or Die
• Join or Die on Netflix
• Bowling Alone - Wikipedia
• Microsoft CTO Kevin Scott on the Birth of the Agentic Web - The Verge
• Chris' CSS Starter

A quick update on Dave's hair, CSS random(), view transitions in CSS, thinking about IDs in HTML, opening details elements in a new tab, Chris tries out Edge, Shift, Zen and more, how Dave is trying to kick his YouTube tab habit, and government design fails.

Listen on Website

Watch on YouTube

Links

• Monchhichi - Wikipedia
• Rolling the Dice with CSS random() | WebKit
• Cyd Stumpel | Portfolio Cyd Stumpel
• Get to know Microsoft Edge on Mac | Microsoft Edge
• Download Firefox for Desktop — from Mozilla
• Zen Browser
• Shift Browser | Drag and Drop. Build Your Custom Browser
• Kagi Search - A Premium Search Engine
• Limiting YouTube to a Single Tab - daverupert.com
• America by Design Fail
• 18F - Wikipedia

Kevin Powell is on the show with breaking news about display masonry, how his career on YouTube started and where it's at now, selling courses and diversifying the content you create, struggling with being on all the platforms, and writing vs video in the age of AI.

Listen on Website

Watch on YouTube

Guests

Kevin Powell

Guest's Main URL • Guest's Social

CSS Evangelist. I absolutely love CSS, and I want to help new front-end devs enjoy learning it, and help seasoned vets see how great it really is.

Links

• Kevin Powell | CSS Evangelist
• Kevin Powell - YouTube
• Courses
• Kevin Powell | creating front-end video tutorials | Patreon
• KevinPowellCSS - Twitch
• Kevin Powell (@kevinpowell.co) — Bluesky
• Kevin Powell (@kevinpowell@front-end.social) - Front-End Social
• Kevin on CodePen
• kevin-powell (Kevin Powell) · GitHub

Identifying where we are in the AI hype cycle, a quick #davegoeshairy update, what has been the impact of AI on tech creators, Chris is making his own CSS starter on stream, and Item flow / masonry discussions.

Listen on Website

Watch on YouTube

Links

• Introducing GPT-5 - YouTube
• Simon Willison on ai
• Orion Browser by Kagi
• VisBug
• Chrome Canary Features For Developers - Google Chrome
• Download Microsoft Edge
• Zen Browser
• Google Backtracks On Plans For URL Shortener Service
• Impact of AI on Tech Content Creators
• Pre-commit Hooks, requestAnimationFrame, Code Reviews, and More - Syntax #922
• CodePen Radio
• CSS Tools: Reset CSS
• Item Flow – Part 2: next steps for Masonry | WebKit

What helps you remember a person's name, thinking about background coding agents, is AI for append only mode, what are MCPs and how should I think about them, what has been working for more than a month not just the last two days, and coming up with an RSS starter pack riffing off Molly White's article on using RSS.

Listen on Website

Watch on YouTube

Links

• Visual Studio Code - YouTube
• Cursor - The AI Code Editor
• Visual Studio Code - Code Editing. Redefined
• A single data and AI development environment - Amazon SageMaker Unified Studio - AWS
• Jules - An Asynchronous Coding Agent
• Curate your own newspaper with RSS
• Chris Coyier – Web craftsman, blogger, author, speaker.
• The Homepage of Dave Rupert - daverupert.com
• Chris Coyier
• Molly White
• The Verge
• Adactio: Jeremy Keith
• Adactio: Links
• Jim Nielsen's Blog
• Home | Rach Smith's digital garden
• Maggie Appleton
• Naz Hamid
• kottke.org - home of fine hypertext products
• live laugh blog | hi, i'm jenn schiffer and this is my lifestyle blog
• Sharing what we learn about the responsive web – Cloud Four
• web.dev
• Blog | WebKit
• Home - Microsoft Edge Blog
• Blog • Lea Verou
• Frontend Masters Blog – Helping Your Journey to Senior Developer
• ui.dev | JavaScript, but fun.
• Welcome to Ethan Marcotte's website — Ethan Marcotte
• Josh Collinsworth | Blog
• everything changes
• Writing – Eric Bailey
• Balatro University - YouTube

It's time for a ShopTalk GearTalk segment on video and audio upgrades, a chat about better YouTube thumbnails, buying the $200 Yamaha guitar (or equivalent in other areas of life), Chris and Dave riff on CSS modules, and what's your social media ethos in 2025?

Listen on Website

Watch on YouTube

Links

• how to make a killer thumbnail (for the 2025 algorithm) - YouTube
• Facecam 4K | Elgato
• Before I go: Always buy the $200 Yamaha - daverupert.com
• The $200 Yamaha – Chris Coyier
• 668: Jake Archibald on Native HTML Includes – ShopTalk
• 668: Jake Archibald on Native HTML Includes - YouTube
• 605: Jim Nielsen on Subversive URLs, Blogging + AI, and Design Engineers – ShopTalk
• 504: Jim Nielsen Blogging, App Icons, Color, and Images – ShopTalk
• A social media ethos - daverupert.com

Tim Farnam stops by to talk with Chris and Dave about his new project, Hot Page, and why and how he started building it after working in print and web news.

(20% discount code for the Design Tokens Course: SHOPTALKSHOWISAWESOME)

Listen on Website

Watch on YouTube

Guests

Tim Farnam

Guest's Main URL • Guest's Social

Creative coder based in Mexico City, building Hot Page to help people make better websites, learn web development and quit their reliance on big tech.

Links

• Hot Pricing
• Design Tokens Course with Brad Frost and Ian Frost
• Web Awesome

Sponsors

Design Tokens Course

Dave's coming in hot from vacation, how CodePen's new editor imports packages, should CodePen fix your code if you forgot something, the struggle to get the right context in the console, Chris is still shopping for an Arc replacement, and the struggles with inspiration driven engineering.

(20% discount code for the Design Tokens Course: SHOPTALKSHOWISAWESOME)

Listen on Website

Watch on YouTube

Links

• Orion Browser by Kagi
• Meet Dia
• Chrome Canary
• SigmaOS
• Mythic Quest - Wikipedia

Sponsors

Design Tokens Course

Chris and Dave chat about whether you should wing it or script your videos, unplanned demos versus the safety net of edited videos, streaming software with Ecamm Live vs OBS vs Streamlabs, new CSS animation composition, and anchor positioning thoughts.

(20% discount code for the Design Tokens Course: SHOPTALKSHOWISAWESOME)

Listen on Website

Watch on YouTube

Links

• Canon EOS 5D Mark IV
• Sony ZV-1
• Twitch > jlengstorf
• Twitch > ChrisCoyier
• YouTube > Chris Coyier
• Frontend Masters
• Figma
• Canva
• Figma Buzz
• YouTube > Mark Rober
• YouTube > The Coding Train
• Ecamm Live
• YouTube > CodePen
• Floating UI

Sponsors

Design Tokens Course

We're all addicted to Clues by Sam and wonder about the data structure for the site, good thoughts on the design tokens community, shadow DOM, the state of web components in mid-2025, dealing with JSON, and new ideas around web monetization.

(20% discount code for the Design Tokens Course: SHOPTALKSHOWISAWESOME)

Listen on Website

Watch on YouTube

Links

• Clues By Sam
• web-platform-tests dashboard
• P&B: Dave Rupert – Manu
• Web Bucks
• Supertab | Reduce friction and drive revenue with Pay-as-you-go
• Introducing pay per crawl: enabling content owners to charge AI crawlers for access
• Get early access: Cloudflare Pay Per Crawl Private Beta | Cloudflare

Sponsors

Design Tokens Course

Chris reflects on CSS Day in Amsterdam, allowing languages to grow with nonstandard elements, naming things continues to be hard, shapes are going to get weird on the web, HTML includes get stirred up, thoughts on CSS mixins, and Dave's blogging about resizing text fun.

Listen on Website

Watch on YouTube

Links

• Understanding CSS corner-shape and the Power of the Superellipse – Frontend Masters Blog
• CSS Functions and Mixins Module
• explainers/declarative-partial-document-updates.md at main · noamr/explainers · GitHub
• Houdini APIs - Web APIs | MDN
• Inverse text-sizing based on text-length with attr() - daverupert.com
• Fit-to-Width Text: A New Technique
• inverse text-sizing with attr - bigtext.js style - contenteditable dealio
• ShopTalk Show | creating Podcasts about building websites | Patreon

Brad and Ian stop by to chat about their new course, The Complete Guide to Design Tokens, what happens if you don't use design tokens on projects, what the ideal outcome is for building and designing with design tokens, how many colors is enough, what about refactoring, and does Figma or code win the argument?

(Brad and Ian did give us a 20% discount code for the course: SHOPTALKSHOWISAWESOME)

Listen on Website

Watch on YouTube

Guests

Brad Frost

Guest's Main URL • Guest's Social

Design system consultant, web designer, speaker, writer, musician, and artist located in beautiful Pittsburgh, PA.

Ian Frost

Guest's Main URL • Guest's Social

Front-end architect, technical lead, and consultant who loves to help level up developers.

Links

• Design Tokens Course with Brad Frost and Ian Frost
• Dotdash Meredith - America's Largest Digital & Print Publisher
• Nord Design System
• React Aria
• Style Dictionary | Style Dictionary

We're chatting with Peter Pistorius about the change they made from RedwoodJS to RedwoodSDK, how it's going to handle routing, some new marketing ideas for RedwoodSDK, how RedwoodSDK's principles are informed by where Peter's from, choosing to go all in on Cloudflare, how the community has responded, and plans for monetization.

Listen on Website

Watch on YouTube

Guests

Peter Pistorius

Guest's Main URL • Guest's Social

Working on RedwoodSDK

Links

• peterp (Peter Pistorius) · GitHub
• GitHub - peterp/Blackspace: Add blank spaces to OS X's Dock
• Billable: Billing Made Simple. Period.
• RedwoodJS
• RedwoodSDK | The React Framework for Cloudflare
• Miniflare · Cloudflare Workers docs
• Plugins | Vite
• HTMLRewriter · Cloudflare Workers docs

Jake Archibald joins us to discuss HTML includes, potential solutions, and the implications of introducing such a feature. We talk about security concerns, performance implications, and community feedback regarding HTML imports.

Listen on Website

Guests

Jake Archibald

Guest's Main URL • Guest's Social

Engineer at Shopify. Once swam to the end of an infinity pool.

Links

• Off The Main Thread podcast
• blink-dev - Google Groups

Jen Simmons stops by to talk about new CSS and Safari features like Form Control Styling, Declarative Web Push, Typography, contrast-color(), and more.

Listen on Website

Watch on YouTube

Guests

Jen Simmons

Guest's Main URL • Guest's Social

Safari & WebKit Evangelist. Member of the CSS Working Group. Webmaster since 1996.

Links

• webkit.org
• Safari Release Notes
• WCAG 2.0
• contrast-color() function
• APCA Color Contrast Tool
• Color.js Release
• Lea Verou’s page on color contrast
• Declarative Web Push
• Web Push for Web Apps on iOS and iPadOS
• CSS Forms Level 1 Specification in Progress
• <input type="color" colorspace="display-p3" alpha>
• line-height units
• Home | Open UI
• text-wrap: pretty
• margin-trim
• CSS shape() function
• Two Lines of Cross-Document View Transitions Code

How it all comes back to the why column, dark patterns, privacy and tracking, getting emails forever from one purchase, how to be bold with communication while still being respectful, HTMHell, CSS mistakes, are we anti-JSON, and the state of FitVid in 2025.

Listen on Website

Watch on YouTube

Links

• Markup from hell - HTMHell
• Incomplete List of Mistakes in the Design of CSS [CSS Working Group Wiki]
• JSON Editing
• Douglas Crockford on JSON
• Fluid Video Plugin

Fresh off his Megaman Streamathon, Mat Marquis joins us to talk about becoming a professional Twitch streamer, creating a JavaScript course, his thoughts on the design and content of said course, a brief moment on Linux in 2025, and attempts to make the web weird and fun again.

Listen on Website

Watch on YouTube

Guests

Mat Marquis

Guest's Main URL • Guest's Social

My goal is to ensure that your content can reach any user, in any browsing context—regardless of the size of their screen, the speed of their internet connection, the age of their device, or the combination of browsers and assistive technologies they use to experience the web.

Links

• I’m Mat. I make websites.
• Wilto (Mat Marquis) · GitHub
• Mat “Wilto” Marquis (@Wilto@front-end.social) - Front-End Social
• Mat “Wilto” Marquis (@wil.to) — Bluesky
• WiltoStreams - Live Streaming
• JavaScript for Web Designers
• Learn JavaScript
• CodeMirror Text Editor
• JavaScript Playground
• JavaScript for Everyone
• Premium Courses
• Paul Irish Profile
• Robin Sloan
• Framework Laptop 16 DIY
• Johnny Mnemonic
• Johnny Mnemonic Trailer #1

How much would you pay for new users, initial thoughts on Figma's announcements, CSS carousel follow up, favicon easter eggs, how do you prepare for an internship, and why aren't more developers using logical properties?

Listen on Website

Watch on YouTube

Links

• Windsurf (formerly Codeium) - The most powerful AI Code Editor
• Figma Sites
• Figma Make
• Figjam
• Are CSS Carousels Accessible?
• Windsurf (formerly Codeium) - The most powerful AI Code Editor
• Figma Sites: Design, Prototype & Publish Your Next Website
• Creative Design Tools
• Collaborative Whiteboard
• Presentation Creation
• AI-Powered Design Tools
• Learn to Code Faster
• Introducing Web Awesome
• Prioritization Advocacy
• axe Accessibility Tools
• Todoist Task Management

Do we sound drunk on Shorts? What speed do you listen to your podcasts at? Happy Birthday to Dave, Roblox scams, having silly fun on the web, Crashlands 2 released, a Balatro moment, non-standard browser use testing, and color-mix follow up.

Listen on Website

Watch on YouTube

Links

• The Adventure Zone | Maximum Fun
• Don't let your voice be flattened by the über theme - daverupert.com
• Crashlands 2
• Adam Coster: Crashlands 2
• Balatro University
• jQuery Reunion

Sponsors

Webflow x GSAP Community Challenge

We're talking browsers and discussing alternative options like Vivaldi and Brave, the implications of Chrome's potential sale to OpenAI, the impact of AI on browser functionality, Discord vs Circle, and building with Hotwire.

Listen on Website

Watch on YouTube

Links

• Newfangled Browser Alternatives – Frontend Masters Blog
• Zen Browser
• Horse Browser
• Vivaldi Browser | Powerful, Personal and Private web browser
• Opera GX | Gaming Browser | Opera
• Thorium Browser
• Mullvad Browser
• Fast and Private Web Browser
• DuckDuckGo
• Microsoft Edge Download
• OpenAI Chrome Acquisition
• Mozilla on U.S. v. Google
• HTML5 CSS3 Support
• Opera Air | Mindful Browser
• Opera Mini Download
• Hotwire Drawer Component
• CodePen
• Circle
• Discord
• Zulip
• Netlify Support Forums
• Retro Photo app
• Media Diet – Chris Coyier

What are the non-US cloud services options, falling off the blogging train and trying to get back on, working on vacation, Chris recaps the Alaskan Folk Festival experience, how often do you go back and clean out JavaScript, and the idea of gilding just one lily on a new project.

Listen on Website

Watch on YouTube

Links

• European Alternatives
• A lack of frequency increases the pressure to deliver quality
• Trap (2024) Reviews
• Polyfilling Concepts
• ex-Googler · April 10, 2025
• Gild Just One Lily
• Blog Questions Challenge
• CodePen Development
• CSS clip-path maker

Follow up on thoughts about teaching CSS from scratch, questions about conferences to attend as well as a way to kickstart a conference idea, some Balatro thoughts, and our thoughts on the recent Grid vs Masonry debate.

Listen on Website

Watch on YouTube

Links

• The Homebrewery - NaturalCrit
• SmashingConf in-person Conferences 2025 — Friendly, inclusive & fun events for web designers and developers. - SmashingConf New York, Freiburg, Antwerp and Online
• Web Design Event
• State of the Browser 13
• Bring live to life

Adam Argyle joins us to chat about new CSS features that are demo'd in a carousel configurator - a builder-like experience to help visualize the capabilities of a CSS only Carousel: buttons, markers, paging and inertness.

Listen on Website

Watch on YouTube

Guests

Adam Argyle

Guest's Main URL • Guest's Social

CSS at Google.

Links

• Chrome Canary Features
• Demo Space
• CSS Carousel Configurator
• Black Emperor

We're joined by Andy Bell, the founder of Set Studio. They discuss the evolution of web design, the importance of client relationships, and the innovative approaches taken at Set Studio and Piccalilli. The conversation covers the shift from traditional design methods to a more browser-centric approach, the challenges of client work, and the significance of documentation in maintaining project integrity. Andy shares insights on creating customizable design systems and the necessity of having a decision-making framework in client interactions.

Listen on Website

Watch on YouTube

Guests

Andy Bell

Guest's Main URL • Guest's Social

Designer, front-end developer and the founder of Set Studio and Piccalilli.

Links

• Pen.new
• mdn.io
• Set.Studio
• Front-End Development Skills
• Obsidian Thinking
• Connected Workspace
• The Telepathy Tapes
• Complete CSS
• If it works, it's right - Piccalilli
• Carousels with CSS

David Darnes joins us to talk about his work on the Nord design system, writing web components, working with embeds and web components, thoughts on building a progress bar or notification component, keeping design systems and design tools in sync, and tricks for components and variables.

Listen on Website

Watch on YouTube

Guests

David Darnes

Guest's Main URL • Guest's Social

Designer, Front-end Developer & Writer.

Links

• Nord Health
• Ariel Salminen
• Design Systems WTF
• Awesome Standalones
• DesignSystems.wtf

Sponsors

Jelly

Onboarding users is a lot more difficult than you might think it is, how should links be coloured or styled, keeping web software up to date, why does some AI slop get created in the first place, getting context for why things happened or decisions were made, and our first bullet point dev career story (Steve's version).

Listen on Website

Watch on YouTube

Links

• Subscribe to us on YouTube!
• Riverside: HD Podcast & Video Software | Free Recording & Editing
• Automate without limits
• CodePen PRO
• Link Color Idea
• Ludacris Freestyle
• Front
• Tag, You're It
• Watch the video version of this episode

It's a speed run meeting edition episode and we're talking conspiracy theories, getting hypnotized, disinformation on TikTok vs the news, view transitions vs CSS animations vs the web animation API, follow ups on font-weight and attire, and classic autocomplete vs AI autocomplete.

Listen on Website

Links

• SubwayTakes (@subwaytakes) | TikTok
• Motion - A modern animation library for JavaScript and React
• font-weight: 300 considered harmful | CSS-Tricks

UI and state struggles, AI missing important sand context, should we look forward to AI browsers, how bad is the mobile web in 2025, what does scalability with websites actually mean, and is there a role for someone as a project manager with tech insight?

Listen on Website

Links

• Dribbble - Discover the World’s Top Designers & Creative Professionals
• UI = f(statesⁿ) - daverupert.com
• Welcome to Steam
• Thoughts on embedding alternative text metadata into images – Eric Bailey
• The Browser Company | Building Arc
• Dia from The Browser Company
• Perplexity teases a web browser called Comet | TechCrunch
• Introducing Operator | OpenAI
• Daring Fireball: One Bit of Anecdata That the Web Is Languishing Vis-à-Vis Native Mobile Apps
• Sill | Top news shared by the people you trust

We're looking at the Interop 2025 announcements, Dave is hating on (and talking about) attributes, debating better ways to handle color inputs, following up on the implications of AI that is shaped by politics, and Dave mouthblogs the secret black boxes of AI.

Listen on Website

Watch on YouTube

Links

• interop/2025/README
• CSS Day 2025, 5th & 6th of June, Amsterdam
• Interop 2025 | Igalia
• Miriam’s post
• Robin Sloan’s post
• Michelle Barker’s reply
• Baldur’s post
• Robin’s reply
• Baldur’s reply
• Jeremy Keith’s reply
• TechCrunch article
• OpenAI Model Spec
• Vale post
• Search Engine podcast
• GitHub link

Remembering the old days before we had bots, teaching kids to talk to bots, how difficult is it to build games in the browser, are we seeing LLMs get more political, what does mainstream media really mean, and have you heard about PouchDB?

Listen on Website

Links

• PixiJS: The HTML5 Creation Engine
• Unreal Engine: Powerful Real-Time 3D Creation Tool
• Balatro: A Unique Gaming Experience
• Xbox Adaptive Controller: Accessibility in Gaming
• Designing Content Authoring Experiences by Greg Dunlap on Kickstarter
• Craft CMS: A Flexible Content Management System
• Analysis: ChatGPT’s Political Views Are Shifting Right
• Search Engine Podcast: Insights and Discussions
• PouchDB: A Pocket-Sized Database on GitHub
• Zero Docs: Documentation for Zero
• Replicache: Real-Time Data Synchronization
• Obsidian: Sharpen Your Thinking

Jason joins us to talk about his rebranding to CodeTV.dev, how Chris Coyier helped him become a star, the power of free, how he makes money with CodeTV, sponsorship and tech shows, crappy web cams, and the gear he uses to look and sound amazing.

Listen on Website

Guests

Jason Lengstorf

Guest's Main URL • Guest's Social

Jason Lengstorf is the producer of CodeTV.dev, where he helps tech companies connect with developer communities through better devrel strategy and media.

Links

• tv for developers — CodeTV
• The Best React-Based Framework | Gatsby
• Scale & Ship Faster with a Composable Web Architecture | Netlify
• The Great British Bake Off
• Web Development Challenge
• Leet Heat Pilot
• TV for Developers
• Dropout Comedy
• Nebula Universe
• Sunny Nihilist Declaration
• Philosophize This! Episodes
• BenQ RD280UA Monitor
• iPhone Webcam for Mac
• Webcam Comparison
• Sony FX3 Camera
• ATEM Mini

Sponsors

BenQ

Does layout make CSS difficult to learn from scratch, Chris quizzes Dave about Balatro, getting back into Pokemon, why should Google have to sell Chrome, adding fun features to apps you already have to keep you using them like Raycast, and thoughts on the VS Code forks + AI.

Listen on Website

Links

• Web Awesome Layout Anatomy
• Balatro
• Pokémon GO
• A Little Arm Chair Businessin’ about Chrome – Chris Coyier
• Raycast Focus works really well - daverupert.com
• Cursor - The AI Code Editor
• Trae - Ship Faster with Trae
• Codium is now Qodo | Quality-first AI Coding Platform
• Windsurf Editor by Codeium
• Zed - The editor for what's next
• Ghostty
• Helix

Sponsors

Complete CSS

Dealing with AI creating fake work by famous artists, HTML is actually a programming language, Chrome 133 updates, attr updates, making "this" less annoying, and Scott Jehl's trying to standardize Async CSS.

Listen on Website

Links

• This Aged Great!
• Faking William Morris, Generative Forgery, and the Erosion of Art History
• HTML Programming Language
• HTML Semantics Consensus
• CSS attr() Upgrade
• Making this less annoying
• Powerful Apps for Mac & iOS
• Let's Standardize Async CSS!
• Off The Main Thread

Hard hitting investigative journalism episode warning: Chris and Dave speculate on the ways a project like void(0) could make money.

Listen on Website

Links

• Biome, toolchain of the web
• Vite | Next Generation Frontend Tooling
• Rollup
• Rolldown
• Jest
• Vitest | Next Generation testing framework
• Playwright
• Cypress
• VoidZero | Next Generation Tooling for the Web
• The JavaScript Oxidation Compiler
• Astro
• Deno, the next-generation JavaScript runtime
• Bun — A fast all-in-one JavaScript runtime
• The World's Most Trusted Game Development Engine - Unreal Engine
• Laravel - The PHP Framework For Web Artisans
• Deploy your Laravel PHP application painlessly | Laravel Forge
• 37signals
• Basecamp: Project management software, online collaboration
• Simpler Static Site Generator
• Cloud Application Platform
• Igalia Chats

In this episode, we kick off the New Year with chats about battling illness over the holidays, the challenges of maintaining productivity, the differences between slash pages, wikis, and blog posts, how we use RSS, the importance of containers and context, Dave talks about living with ADHD, developing a system approach to CSS, Chris' thoughts on upgrading to an M4 MacBook Pro, and writing in Pug.

Listen on Website

Links

• Chris Coyier.net
• slash pages
• /uses
• chipotle - IndieWeb
• Digital gardening
• daverupert.com
• Feedbin
• Reeder
• NetNewsWire: Free and Open Source RSS Reader for Mac and iOS
• Unread: An RSS Reader
• Riverside: HD Podcast & Video Software | Free Recording & Editing
• I got the ADHD, too - daverupert.com
• My ADHD diagnosis process | Brad Frost
• CSS wants to be a system - daverupert.com
• M4 – Chris Coyier
• Getting Started – Pug

The employees of the startup RAPPTR (Quinn Pine, Blaze Lightyear, Astra Q, and Eddit Kit) find themselves in quite a pickle as a rogue investor tries to take over the company while CEO Chad is recovering in his napping pod.

Join us on a workplace-themed role playing adventure created by Dave Rupert.

Listen on Website

Guests

Alex (Eddie)

Guest's Main URL • Guest's Social

A web developer from Atlanta, GA that specializes in Vue.js, python, and PHP.

Ben (Blaze)

Guest's Main URL • Guest's Social

A user-centered frontend developer with a focus on web accessibility.

Miriam (Astra)

Guest's Main URL • Guest's Social

Co-Founder of OddBird, working on CSS in a W3C group.

Links

• Hard Code & Soft Skills
• Lasers & Feelings by John Harper
• one.seven design studio

Sponsors

Bluehost

Riffing off the CSS Wrapped 2024 list from the Chrome team, we're talking field-sizing, animate to height, anchor positioning, custom scrollbars, cross-document view transitions, scroll-driven animations, and more!

Listen on Website

Links

• CSS Wrapped 2024
• Introducing TODS – a typographic and OpenType default stylesheet | Clagnut by Richard Rutter
• OpenType

Sponsors

Bluehost

We're talking HTML this episode, detail summary, HTML datalist element, styling selects, anchored pop ups, popovers, invokers, HR in select, target=blank, HTML for People, and what we still need.

Listen on Website

Links

• The <details> and <summary> elements are getting an upgrade - Stephanie Stimac's Blog
• Request for developer feedback: customizable select  |  Blog  |  Chrome for Developers
• HTML & CSS Dropdowns
• HTML Latest Control
• Browser noopener links
• Stylable Select Element
• Self-Closing Tags in HTML
• Riverside
• Select Element with Rules
• HTML Basics for Beginners
• The aside element
• AI Note Taking
• Interop 2025

Sponsors

Bluehost

How do you like your turkey at Thanksgiving, building social capital with the neighbors, a brief SportsTalk Show segment, noticing easter eggs in apps and the web, what is a component anyway, CSS parts follow up, and questions about Alpine.JS and ESLint.

Listen on Website

Links

• How to Spatchcock Chicken, a Step-by-Step Guide
• Half-Life
• Scott Jehl on Web Components
• CSS Parts Relief
• ESLint Sorting Plugin
• GitLens
• Biome

Chris Person from Aftermath joins us to chat about the state of forums in 2024, being downwind of knowledge, forum drama, Reddit and StackOverflow's impact on forums, the importance of the individuals caring for knowledge and information, and the benefits and struggles of cooperatives in reporting.

Listen on Website

Guests

Chris Person

Guest's Main URL • Guest's Social

Makes Highlight Reel. Co-Founder 'n blogger at Aftermath.site.

Links

• Forums Are Still Alive, Active, And A Treasure Trove Of Information - Aftermath
• chris person (@Papapishu) / X
• Highlight Reel | creating videos of the best recent clips from around the gaming
• Highlight Reel
• Forum Channels FAQ
• Lego Storage Solutions
• Bogleheads
• RomHacking
• Metal Finishing
• The Something Awful Forums
• Jeff Atwood
• StackOverflow
• Build Civilized Communities
• Proxmox VE Helper-Scripts
• Gawker Plot History
• Defector
• 404 Media
• Hell Gate Overview
• Open Source Blogging

Sponsors

Bluehost

We've got a few leftovers from Halloween to process, what's been happening with Passkeys in late 2024, have you tried to write HTML faster than a bot can suggest it to you, CSS anchor positioning and popover polyfills, scroll driven animation thoughts, CSS nesting, and what's the reason for Java?

Listen on Website

Links

• Auth0: Secure access for everyone. But not just anyone.
• Stripe Checkout | Checkout Pages for Your Website
• Passkeys Authentication
• Mundango Storytelling
• Developer Tools

Sponsors

Bluehost

Riffing off a Dave Rupert blog post, Chris and Dave talk through the pros and cons of web components, when to use them, when it's a bad idea to use them, what would it take to make the Next.js of web components, and how long until we don't need anymore frameworks?

Listen on Website

Links

• Where web components shine - daverupert.com
• Fluent UI - Get started - Fluent UI
• React
• Website Improvement
• Begin Team to Join
• Eleventy Generator
• Components
• URLPattern Polyfill

Sponsors

Bluehost

How important is the DX of software vs how important is the person showing off the software, Douglas Crockford and JSON, remembering XML, trying to write better HTML for email, new TC39 proposal, workshopping t-shirts, and what do you do if you want a little bit of database on your website?

Listen on Website

Links

• Web Unleashed 2024 - FITC
• New High Contrast Syntax Highlighting Themes – CodePen
• Douglas Crockford
• JSON
• JSON Feed
• Slow Horses
• JavaScript Compiler Proposal
• ECMAScript 2024 Updates
• Contentful
• Strapi
• Sanity Content System
• Heroku
• Cloudflare
• Turso
• Netlify Blobs
• bolt.new

Sponsors

Bluehost

Dave's designing a new tshirt, questions for lawyers about copyrights for code projects, what does the copyright in the footer actually do, what do Dave and Chris require for personal web projects, does Jekyll get updated anymore, the Bob from Hell UX pattern, viewing ads on CNN, what about Joomla or Statamic, and how do paid fonts on the web work?

Listen on Website

Links

• Coming home | A Working Library
• Release v4.3.4 · jekyll/jekyll
• How to Monetize a Blog
• The Verge
• Joomla CMS
• Craft CMS
• Statamic
• Kirby Adapts

Sponsors

Bluehost

Brian Muenzenmeyer joins the show to talk about his book, Approachable Open Source, ways we can make open source easier to get in, important conversations around funding and supporting open source, and whether money helps maintainers deal with burnout or not?

Listen on Website

Guests

Brian Muenzenmeyer

Guest's Main URL • Guest's Social

Author of Approachable Open Source, Principal Front End Engineer.

Links

• Shop | Approachable Open Source
• Approachable Open Source
• Brian Muenzenmeyer
• Front-End Social
• SimpleBits®
• Atomic Design Creation
• Open Source Gardening
• WTFPL
• Security Risk Reduction
• VoidZero | Blog
• Announcing Biome
• A Book Apart

Sponsors

Bluehost

We're getting some feelings out about WordPress and Matt Mullenweg vs WP Engine drama, as well as the Web Components conversation that happened this past week.

Listen on Website

Links

• WP Engine sues WordPress co-creator Mullenweg and Automattic, alleging abuse of power | TechCrunch
• Automattic demanded a cut of WP Engine’s revenue before starting WordPress battle - The Verge
• WP Engine Banned from Using WordPress.org Resources – WP Tavern
• The WordPress vs. WP Engine drama, explained | TechCrunch
• Matt Mullenweg: ‘WordPress.org just belongs to me’ - The Verge
• WP Engine Term Sheet
• Theo and Matt Mullenweg
• Matt Discusses WordPress
• WCUS 2024 Q&A
• Modern WordPress Learning
• Automattic | Five for the Future | WordPress.org
• Automattic Alignment
• Matt Mullenweg Calls Out GoDaddy
• Matt Mullenweg Charitable Contributions
• Lee Wittlinger Location
• WebOps Platform
• WP Engine
• Hacker Interview
• WordPress.com
• WordPress Hosting
• Web Components Present
• Web Components Are Not the Future

Jeff Robbins stops by to talk about his software, Visibox, that was used at Frostapalooza for presenting video at the concert, what it's like building an app with Electron, how it's distributed, how files are used and managed, and how he supports hardware devices inside Electron.

Listen on Website

Guests

Jeff Robbins

Guest's Main URL • Guest's Social

Creator of Visibox, Musician in 123Astronaut & Orbitband, Cofounder at Lullabot, Executive Coach at jjeff․com.

Links

• MV7+ - Podcast Microphone
• NT-USB Microphone
• Jeff Robbins (@jjeff)
• Jeff Robbins
• FROSTAPALOOZA - A CONCERT/PARTY/HAPPENING ON AUGUST 17th, 2024
• CodePen: Online Code Editor and Front End Web Developer Community
• Learning Web Design with Jennifer Robbins
• Visibox Announcement
• Lullabot
• Spaceage
• Cross-Platform App Development
• Desktop Apps with Web Frontend

Sponsors

Jam.dev

Fabian Kägy helps us understand the modern WordPress development process, Gutenberg vs Block editor vs full site editing, building with blocks or pages, what's coming in the Twenty Twenty-Five Theme, and whether the theme authoring process has been made too difficult in 2024?

Listen on Website

Guests

Fabian Kägy

Guest's Main URL • Guest's Social

Core Contributor and WordCamp Speaker. Director of Editorial Engineering at 10up.

Links

• 10up | finely crafted websites and tools
• Fabian Kägy - User Experience focused developer currently building great user experiences within the WordPress Block Editor as the Director of Editorial Engineering @10up.
• fabiankaegy (Fabian Kägy) on GitHub
• @fabiankaegy on Twitter / X
• Fabian Kägy (@fabiankaegy) – WordPress user profile | WordPress.org
• Fabian Kägy on LinkedIn
• ACF Plugin
• Create Block Theme
• WordPress/twentytwentyfive
• St. Jude Donation

Sponsors

Jam.dev

Thomas Steiner from Project Fugu talks with us about AI in Chrome, the small large language model in use, how features like this are rolled out, the ethics and concerns around sending and sharing data, on device vs web APIs, and ideas for use cases and ways to explore AI on the web.

Listen on Website

Guests

Thomas Steiner

Guest's Main URL • Guest's Social

Developer Relations Engineer at Google, focused on the Web and Project Fugu.

Links

• Web Capabilities (Project Fugu)
• Chrome.dev
• Prompt API Playground
• Summarization API Playground
• Translation API
• API Playground
• Chrome AI Proposal
• Chrome AI Experiment
• Intelligence Preview
• Prompt API Proposal
• Writing Assistance APIs Proposal
• Web Translation Proposal
• WICG
• WebML TPAC 2024 Agenda
• TPAC 2024: Overview
• Cache AI Models

Sponsors

Jam.dev

Adam Coster talks with us about working with his family in game development, how they get started making games, what all is involved with publishing games, deciding to go Steam and Netflix only for Crashlands 2, how web tech is involved in game development, and the fun of testing and doing Q&A for games.

Listen on Website

Guests

Adam Coster

Guest's Main URL • Guest's Social

CEO & Webtech at Butterscotch Shenanigans

Links

• Butterscotch Shenanigans
• About | Butterscotch Shenanigans
• Coffee with Butterscotch
• adam-coster (Adam Coster)
• Adam Coster @costerad on Twitter
• Crashlands 2 on Steam

Dave's got an idea for a second brain app that's customized to his brain, where we're at with Notion and other notes apps, and accessibility on LLM's in browsers.

Listen on Website

Links

• Notion Web Clipper for Chrome, Safari, Firefox, and mobile
• The PARA Method: The Simple System for Organizing Your Digital Life in Seconds
• Obsidian - Sharpen your thinking
• Organize Life System
• Things To-Do List
• Bear - Markdown Notes
• Analog Productivity System
• Just use fucking paper, man
• Daylight Computer Care
• Chrome Canary Features
• Cerebras

Chris has a birthday today , we recap our Frostapalooza experience celebrating Brad Frost's birthday, do all codebases become a mess, Mermaid, TLDraw, and Figjam thoughts, making tiny games, where's the follow up in web and world news, and what's the current state of CMS' on the web?

Listen on Website

Links

• Frostapalooza – Chris Coyier
• FROSTAPALOOZA - A CONCERT/PARTY/HAPPENING ON AUGUST 17th, 2024
• Frostapalooza in photos and videos | Brad Frost
• Symmetry 2024 Tickets
• Code Editor Community
• Understanding Technical Debt
• Mermaid Tool
• tldraw
• Collaborative Whiteboard
• Dev Mode
• Visual Suite for Everyone
• Game Development Competition
• Butterscotch Shenanigans
• Ghost Platform
• Craft CMS
• Astro
• Eleventy Static Site Generator
• Decap CMS
• The Markdown CMS
• Sanity Content Cloud

Sponsors

Jam.dev

A bit of follow-up on vibe driven development and JavaScript not causing The Great Divide, writing testing automation, global design systems and web components, could PHP be used for web components, what if view transitions are going to be everywhere, and frontend engineer vs design systems engineer job titles and descriptions.

Listen on Website

Links

• Trust the vibes
• We don't need a boss, we need a process | Miriam Eric Suzanne
• The Great Divide
• JavaScript and The Great Divide
• 346: Is There a Great Divide?
• Kevin Powell | CSS Evangelist
• Javascript Testing Frameworks
• Design System Comparison
• Global Design System
• Brad Frost Design
• Frostapalooza Concert
• Val Head
• Sharpen your thinking
• Sheelah Brennan's Engineer Comparison
• Turkey Sounds

Sponsors

Jam.dev

Doc told me to travel but there's COVID on the planes, Dave's got a 2x life update, how often do you manage or prune your RSS feed subscriptions, checking in on Code Hike and their fine grained Markdown approach, JavaScript decorators use case, and using Cloudflare R2 for image storage.

Listen on Website

Links

• Noah Kahan - Stick Season on YouTube
• Dave's new dogs from the Discord
• Fine-grained Markdown
• Cloudflare Object Storage
• Uppy
• Netlify Image CDN

Sponsors

Jam.dev

Chris brings some blog posts to talk about including being comfortable with the struggle of developer life, Cloudflare Workers + monorepos, vibe driven development, and questions about database migrations, and whether we think AI free blogs are going to be a rarity in the future?

Listen on Website

Links

• Comfortable with the struggle
• Cloudflare Workers · Cloudflare Workers docs
• Wrangler Cloudflare Workers
• Features • GitHub Actions
• Azure DevOps Services
• Yarn
• Vibe Driven Development
• Active Record Migrations
• Prisma Migrate

Chris has some follow up on blog posts and past podcast episodes to respond to including browsers and browser engines, advertising on the web, magazines, Cara, peak AI slop, and view transitions.

Listen on Website

Links

• FROSTAPALOOZA - A CONCERT/PARTY/HAPPENING ON AUGUST 17th, 2024
• kottke.org - home of fine hypertext products
• Daring Fireball
• Cory Doctorow's craphound.com | Cory Doctorow's Literary Works
• Moonbound
• Second Foundation
• Servo Web Rendering Engine
• Ladybird
• Flow Browser
• Learn. Build. Grow. Together.
• Artist Platform
• Tech News
• The Homepage of Dave Rupert
• View Transitions Break
• Misconceptions about view transitions  |  Blog  |  Chrome for Developers

Dave's putting together a platform for his presidential bid and workshops his policies, discussing vehicle options for a family in 2024, Chris and other authors get ownership of their A Book Apart books back, and the ramifications and reasoning behind Google killing a URL shortener.

Listen on Website

Links

• ‎Office Space (1999) directed by Mike Judge • Reviews, film + cast • Letterboxd
• 2024 Hyundai IONIQ 5: Electric SUV | Hyundai Canada
• R2 - Rivian
• Bronco® Sport | Build & Price | Shop.ford.ca
• A Book Apart
• Practical SVG by Chris Coyier
• Print-On-Demand
• I’m Mat. I make websites.
• Reacquired.
• Real Life News
• 587: Why Ethan Marcotte Thinks Tech Workers Deserve a Union – ShopTalk
• Google URL Shortener
• Netlify Astro Partnership

Sponsors

ShopTalk Patreon

On this epsiode we're talking about the current state of blogging and social media, the polyfill hack, whether in app browsers should be banned, web components and the difficulty of front end web dev, and how we would go about teaching CSS from scratch in 2024.

Listen on Website

Links

• Polyfill Attack Impacts Over 380,000 Hosts, Including Major Companies
• Off The Main Thread podcast
• Web Dev Pitfalls
• State of JavaScript 2023
• Fliteboard eFoil

We're talking about assigning a weight to items in a layout, differentiating between banger posts and regular blog posts, using social engineering to get PR's accepted, monorepo thoughts, using CoPilot vs other AI programming support bots, has TypeScript benefited from AI, and what happens if you turn off CoPilot?

Listen on Website

Links

• 614: CSS Grid Level 3 aka Masonry with Adam Argyle – ShopTalk
• 606: Web Sustainability with Michelle Barker – ShopTalk
• Footnotes Progressively Enhanced to Popovers – Frontend Masters Boost
• Charm
• Supermaven
• ThePrimeagen on YouTube

We're talking website rendering, server side rendering, Astro's server islands, perf hits for navigation elements, updating software because the docs aren't available for older versions, and a new Microsoft Edge was released.

Listen on Website

Links

• Scale & Ship Faster with a Composable Web Architecture | Netlify
• Eleventy is a simpler static site generator
• Astro
• Next.js React Framework
• Cloudflare Services
• Internet Power
• Website Improvement
• Server Islands
• Create Web Components
• FAST
• Enhance
• Vue.js Framework
• An even faster Microsoft Edge

We've got follow up on Cloudflare and Cara from last episode, a question about setting up Prettier and auto linting, a cool tool from a listener on comparing colors, a question about using tooling like Craft or more user friendly apps like Webflow when working with clients, and our takes on accessibility overlays.

Listen on Website

Links

• Cloud Application Hosting for Developers | Render
• Prettier · Opinionated Code Formatter
• Biome, toolchain of the web
• Vetur
• Compare colors
• Craft CMS
• Webflow: Create a custom website | Visual website builder
• Accessibility Overlay Decision

We dive a bit deeper into the Cloudflare drama of the past couple of weeks, Instagram ads vs Cara art, what to do about Auth in your app, pre-negging any sponsorships, prototyping and feedback on projects, and ideas for future topics.

Listen on Website

Links

• Cloudflare took down our website after trying to force us to pay 120k$ within 24h
• Connect, Protect and Build Everywhere | Cloudflare
• Deploy app servers close to your users · Fly
• A social app for creatives, Cara grew from 40k to 650k users in a week because artists are fed up with Meta’s AI policies
• Cara | Artist Social & Portfolio Platform
• Auth0: Secure access for everyone. But not just anyone.
• WorkOS — Your app, Enterprise Ready.
• Theo - t3․gg
• How Big Things Get Done: The Surprising Factors That Determine the Fate of Every Project, from Home Renovations to Space Exploration and Everything In Between
• The Homer | Simpsons Wiki | Fandom
• A Global Design System | Brad Frost
• FAST

Sven Neumann aka Sven Codes talks with us about SudokuPad, developing a cross-platform app, integrating new puzzles and features, the benefits of being easy to use, building a community, and monetizing an app while not upsetting your user base.

Listen on Website

Guests

Sven Neumann

Guest's Main URL • Guest's Social

Creator of Sven's SudokuPad.

Links

• Solving “The Miracle Sudoku”
• SudokuPad Web App - by SvenCodes.com and Cracking The Cryptic
• Cracking The Cryptic
• svencodes.com
• Sven Codes (@svencodes) / X
• Sven Codes
• Sven Codes | Creating Sudoku Tools | Patreon
• Buy Sven Neumann a Coffee
• Sven's SudokuPad on Steam
• Sven's SudokuPad on the App Store
• Sven's SudokuPad - Apps on Google Play

Matt Visiwig stops by to chat with us about his site, SVGBackgrounds.com, a membership site for copy-and-paste website graphics built around SVG. We talk about why he built the site, how he decided to monetize it, competing with AI garbage on the web, pricing membership options, and how he's running the site.

Listen on Website

Guests

Matt Visiwig

Guest's Main URL • Guest's Social

Self-employed web designer, building SVGBackgrounds.com.

Links

• Customize and apply backgrounds fast | SVG Backgrounds
• Matt Visiwig
• Matt Visiwig (@MattVisiwig) / X
• Purchase the Perfect MemberPress Plan for Your Site Today | MemberPress
• chroma.js api docs!
• jscolor: JavaScript Color picker with Opacity (alpha channel)
• ACF | Advanced Custom Fields Plugin for WordPress
• Frontend Masters Boost – Helping Your Journey to Senior Developer

We're chatting with Jason Grigsby about what a white-collar recession means, how the sources and methods of consuming news shape our perspectives, whether the current economic conditions represent a market correction and if a rebound is imminent. We explore the critical decision of whether to embrace AI advancements or risk being left behind. We also talk about AI-generated voices, large language models and ethics, and the impact of social media signals in an AI world.

Listen on Website

Guests

Jason Grigsby

Guest's Main URL • Guest's Social

Co-Founder of Cloud Four. Author of Progressive Web Apps from A Book Apart.

Links

• An Event Apart - Farewell
• Cloud Four – Responsive web design and development, progressive web apps
• Jason Grigsby – A resurrected blog on the Indie Web
• Jason Grigsby (@grigs) / X
• High-Salary Job Scarcity
• Code Tests
• AI Ethical Framework
• iPhone Personal Voice
• MacWhisper
• Progressive Web Apps
• Decoder

Luke Abbott is the creator of Strum Machine, an app that simulates backing tracks by stitching together individual notes, chords, and strums recorded on guitar, standup bass, and mandolin. We talk about what Strum Machine does, why he decided to build it, how bringing on a professional designer helped, pricing thoughts, and the "fun" of building a version on iOS.

Listen on Website

Guests

Luke Abbott

Guest's Main URL • Guest's Social

Musician and creator of Strum Machine.

Links

• Strum Machine: customizable backing tracks made from real instruments
• Tater Joes Old-Time Musical Mercantile
• Chris Coyier on Strum Machine
• iReal Pro Practice
• PG Music
• SoundJS Library
• Tone.js
• Latest Posts - Page 2
• Apache Cordova
• Extensive Song Catalog
• howler.js
• A Tale of Two Clocks

Dave's got job news to share, as well as insight into the process of what applying for a job in tech is like in 2024. We also talk about styling, scoping, positioning, and floating UI.

Listen on Website

Links

• Algorithms & Data Structures | Learn Algorithms with TypeScript for Interviews | Frontend Masters
• Information asymmetry
• Fluent 2 Design System
• Font Awesome
• Web Awesome
• Icônes
• Iconify — Search Icons
• Create Floating UI
• User App Tour

Adam Argyle stops by to chat about the conversation that's happening around CSS Grid / Masonry. What do we want? What might Apple's response to Google be? And nitpicking the spec just for fun.

Listen on Website

Guests

Adam Argyle

Guest's Main URL • Guest's Social

CSS DevRel Google Chrome, CSSWG member, host on GUIchallenges, co-host: CSSpodcast and BAD at CSSpodcast, maker of VisBug, OpenProps and GradientStyle.

Links

• ‎Gemini - chat to supercharge your ideas
• Invent Masonry Layout
• Feedback on Masonry Layout – Frontend Masters Boost
• Masonry
• CSS Masonry
• What would you call this layout?
• Web Bloat Impact

Chris bought recording gear off an Instagram ad, our thoughts on WebC, CodePen upgrades Yarn, thoughts on the commercial value of open source, Automattic releases an app to install WordPress locally, IBM buys Hashicorp, income tax software, and a hack for getting Safari to respect background colors used in a pseudo selector.

Listen on Website

Links

• FROSTAPALOOZA - A CONCERT/PARTY/HAPPENING ON AUGUST 17th, 2024
• 601: Brad Frost on A Global Design System + Frostapalooza – ShopTalk
• Audigo - The pocket-size recording studio
• Final Cut Pro Sync
• iPhone Webcam for Mac
• Acapella PicPlayPost
• Eleventy Generator
• Astro
• Enhance
• Transform Plain Text
• Home page
• Efficient Package Manager
• Explore Coding Ideas
• Code Editor Community
• Node.js Documentary
• Goodbye Atom. Hello Zed.
• Zed is now open source
• Git Branching, Refined
• Design System Tracker
• Local WordPress Development
• Studio by WordPress.com
• WordPress Security & Performance
• Melanie Sumner
• IBM acquires HashiCorp
• TurboTax Deceptive Filing
• TikTok Tax Advice
• Safari Selection Rendering
• Val Town