ShopTalk: Recent Episodes
ShopTalk
Show DescriptionWe tackle a listener question about why junior front-end devs are expected to know so much beyond HTML and CSS, then get into Dave's real-world fix swapping old WebKit line-clamp hacks for the new CSS line-clamp property and the subtle bugs that kind of truncation work can cause. They also debate whether AI tools like Claude or Copilot deserve co-author credit on commits, gripe about agent-only coding workflows that skip linting and hide what's actually happening, and wrap up looking at new platform features like the navigation API and a proposed CSS-based routing approach using @route and @view-transition.
Listen on Website
Watch on YouTube
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.
Show DescriptionWe're checking on quarter 3 KPIs, using AI for admin dashboards is kind of fun, being a weirdo is something we should aspire to, there's a reason things sometimes all look the same and that's ok, people see the effort you put in to your creativity on the web, and thoughts on generating a random post on a static site generator.
Listen on Website
Watch on YouTube
Links* Lunch Money – Delightfully Simple Personal Finance & Budgeting * Pyramid Inu (YouTube) * Application Holotypes: A Guide to Architecture Decisions * marcel.io * perfect-freehand * Cranking View Transitions Up to 11 – Bram.us * Chris Coyier – Web Craftsman, Blogger, Author, Speaker * Randomness, Serendipity, and an "I Wouldn't Recommend This" Algorithm – Jim Nielsen's Blog
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 Website
Watch on YouTube
Links* 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.
Show DescriptionIf you're like Chris and understand a bit of the tech behind AT Proto but want to understand it at a deeper level, this episode is for you. How does it differ from straight up RSS and Mastodon, where is my identity being stored, how do I create a schema, what can be updated or modified later, is there going to be a PDS revolution, how does Standard.site fit into it all, and what else could we build with AT Proto?
Listen on Website
Watch on YouTube
GuestsDan AbramovGuest's Main URL • Guest's Social
Links* overreacted * There are no instances in AT Proto * dan abramov * Tangled * Leaflet * BlueSky For You feed * Standard.site * Implementing Standard Site: WIlto * atapult * teal.fm
Show DescriptionHow do websites handle advertising embeds, thinking DND thoughts about team topologies, does knowing UX help get jobs in web dev, using Elena for building progressive web components, and dealing with buttons in web components.
Listen on Website
Links* BuySellAds * Carbon Ads * It needs to map back to a role – Eric Bailey * Elena | Progressive Web Components * Ariel Salminen * David Darnes
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.
Show DescriptionChris & Dave have been challenged to not talk about AI this episode - do they succeed? How do I optimize tracking pixels in my web app, what's the best book on CMS and authoring experiences, picking the best tooling in Rails that won't be obsolete, SPF, DNS, and D-Marc, adding dark mode to a website, and dealing with good old fashioned F.A.R.T.
Listen on Website
Watch on YouTube
Links* Vizio accidentally made the best dumb TV on the market | The Verge * Window: queueMicrotask() method - Web APIs | MDN * Jake Archibald on the web browser event loop, setTimeout, micro tasks, requestAnimationFrame, ... - YouTube * Designing Content Authoring Experiences * Ruby on Rails: Accelerate your agents with convention over configuration * Secure AI Agent & User Authentication | Auth0 * next.js * TanStack | The open-source application stack for the web. * RedwoodSDK: A simple framework for humans * Heroku | The Cloud Application Platform For Developers * Push your ideas to the web | Netlify * Agentic Infrastructure - Vercel * Astro * Jekyll • Simple, blog-aware, static sites | Transform your plain text into static websites and blogs * Nuxt: The Full-Stack Vue Framework * SendGrid Email API and Email Marketing Campaigns | Twilio * Email · The email API for developers who ship the rest of the message too — Bird * Cloudflare: Build for the agent era * CSS Analytics - Project Wallace * Flash of inAccurate coloR Theme (FART) | CSS-Tricks
Show DescriptionWhat to do when you have more ideas than time, getting new musical gear, nerding out and getting excited about things, the state of conferences in 2026, Cursor being bought, and Dave's got a minimum viable design system idea.
Listen on Website
Watch on YouTube
Links* FFConf * Figma Config 2026 * SpaceX locks in $60 billion Cursor deal * Google Antigravity * Devon: An open-source pair programmer * Introducing Composer 2 * @function CSS at-rule * A tale of two browsers * Google's Prompt API
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.
Show DescriptionIn praise of a solid Shure microphone (sponsor??), AI being really helpful in certain situations, TypeScript complaints about complaining, TypeScript at CodePen, should we all slow down a bit, CI jail and work trees, AT Proto and related protocols, interestForElement in HTML, and how many spoons do you have left for Clues by Sam?
Listen on Website
Links* MV7+ - Podcast Microphone - Shure USA * Lit * Devin | The AI Software Engineer * Understanding Standard.Site * Now in your timeline: Standard.site brings richer previews from across the open web - AT Protocol * tv for developers — CodeTV * HTMLButtonElement: interestForElement property - Web APIs | MDN * Using interest invokers - Web APIs | MDN * Spoons by Sam - daverupert.com * htmx ~ Code is Cheap(er)
SponsorsMacroMacro is a tool to cut through the noise - It's a workspace built for engineers; One place for all your emails, tasks, team chat, and documents. Sign up at Macro.com and get $100 of your subscriptions using code SHOPTALK100
Show DescriptionHow do you estimate how long a task or project is going to take? Is it easier or more difficult with AI's help? Were web components a mistake? What do we think about Cloudflare's EmDash now? And are lifetime offers a good or bad thing in the dev community?
Listen on Website
Links* Keyframes, Cash, and CodePen w/ Shaw - Whiskey Web and Whatnot * Meeting Design - For Managers, Makers, and Ever * :host CSS pseudo-class - CSS | MDN * Introducing EmDash * WP Migrate
SponsorsMacroMacro is a tool to cut through the noise - It's a workspace built for engineers; One place for all your emails, tasks, team chat, and documents. Sign up at Macro.com and get $100 of your subscriptions using code SHOPTALK100
Show DescriptionDave's upgrading his office with a 3D printer, Chris is ordering 3D printed parts for his van, using mobile Starlink, Chris redesigned his website, playing puzzle games like Statedoku, Chess Peace, and Clues by Sam, how CodePen is going to support pointing domains at your app, and what Vite getting bought by Cloudflare signals.
Listen on Website
Watch on YouTube
Links* Kagi - Reclaim the Web & Restore Your Privacy * A week on the road * The New Van – Chris Coyier * Chris Coyier – Web craftsman, blogger, author, speaker. * Social RSS (?) – Chris Coyier * Statedoku — Daily US States Puzzle | Sudoku Meets American Geography * Chess Peace - A Peaceful Chess Puzzle Game for iPhone, iPad & Mac * Clues By Sam * Online Courses • Josh W. Comeau * JavaScript for Everyone - Piccalilli
SponsorsMacroMacro is a tool to cut through the noise - It's a workspace built for engineers; One place for all your emails, tasks, team chat, and documents. Sign up at Macro.com and get $100 of your subscriptions using code SHOPTALK100
Show DescriptionDave's changing up his camera angles, Chris has been upgrading his Sprinter van, how many hobbies is too many, what kinds of web tech was popular years ago that now seems normal, why isn't the DX around web components better, how can I structure my code to compose other custom elements, and what still can't be done on the web these days?
Listen on Website
Links* Custom Elements Manifest * Diffs, Trees, and VS Code 2.0 - Syntax #1008 * CodePen Radio
SponsorsMacroMacro is a tool to cut through the noise - It's a workspace built for engineers; One place for all your emails, tasks, team chat, and documents. Sign up at Macro.com and get $100 of your subscriptions using code SHOPTALK100
Show DescriptionWe're running down what's new from Google for the web and figuring out if it's web developer Xmas or AI Doomsday this year.
Listen on Website
Watch on YouTube
Links Paul Irish * The Dialog Element with Entry and* Exit Animations * 15 updates from Google I/O 2026 * Google I/O 2026: What's new in Web UI
SponsorsAI & Design Systems CourseThis course is for anyone invested in the success of digital products at your organization. Whether you're a designer, developer, product owner, manager, or leader, you'll learn how AI & design systems work together to help you create better digital products. The course blends foundational concepts with practical, in-the-weeds instruction to help you level up your skills and understanding.Coupon Code SHOPTALKSHOWISAWESOME for 15% off!
Show DescriptionWhat happens to a website when it stops? Is there a space for an internet salvage yard for websites? How do you feel about LLMs being included with your browser? And are we ever going to find out where AI got all it's data from?
Listen on Website
Watch on YouTube
Links* Mat on Google's Prompt API * Hard Fork - The New York Times * 633: Thomas Steiner on AI in Chrome and the Web – ShopTalk * Building Toward a Sustainable Content Economy for the Agentic Web | Microsoft Advertising * Introducing Vanishing Culture: A New Book on the Loss of Our Digital Memory | Internet Archive Blogs
SponsorsAI & Design Systems CourseThis course is for anyone invested in the success of digital products at your organization. Whether you're a designer, developer, product owner, manager, or leader, you'll learn how AI & design systems work together to help you create better digital products. The course blends foundational concepts with practical, in-the-weeds instruction to help you level up your skills and understanding.Coupon Code SHOPTALKSHOWISAWESOME for 15% off!
Show DescriptionHow responsible should you be for fixing your own website for others, Dave's got a blacklog of blog posts, Chris got a camper van, debating burnout even when you love your work, a weekly AI doomer check in, and Chris has a talk for Smashing Magazine happening by the time you hear this.
Listen on Website
Watch on YouTube
Links* Winnebago Revel | AWD Off-Grid Camper Van * Naz Hamid * Opus OP4 Camper | Premium Off-Road Inflatable Trailer USA * HealthyGamerGG - YouTube * Smashing Conferences — Smashing Magazine
SponsorsAI & Design Systems CourseThis course is for anyone invested in the success of digital products at your organization. Whether you're a designer, developer, product owner, manager, or leader, you'll learn how AI & design systems work together to help you create better digital products. The course blends foundational concepts with practical, in-the-weeds instruction to help you level up your skills and understanding.Coupon Code SHOPTALKSHOWISAWESOME for 15% off!
Show DescriptionBrad and Ian Frost are back to chat about integrating AI into website and design system building, how to keep AI slop out of your design systems, building things humans need regardless of the tooling, and thinking of AI as a fancy linter.
Listen on Website
GuestsBrad FrostGuest's Main URL • Guest's Social
Ian FrostGuest's Main URL • Guest's Social
Links* Redesigning My Website While Painting a Mural: The Ancient Future of Web Design - YouTube * AI & Design Systems Course with Brad Frost, TJ Pitre, and Ian Frost * Brad Frost * Ian Frost
SponsorsAI & Design Systems CourseThis course is for anyone invested in the success of digital products at your organization. Whether you're a designer, developer, product owner, manager, or leader, you'll learn how AI & design systems work together to help you create better digital products. The course blends foundational concepts with practical, in-the-weeds instruction to help you level up your skills and understanding.Coupon Code SHOPTALKSHOWISAWESOME for 15% off!
Show DescriptionChris Coyier and Scott Jehl discuss the recent advancements in lazy loading on the web, the process of standardization, browser support, and the future of web performance optimization.
Listen on Website
GuestsScott JehlGuest's Main URL • Guest's Social
Tech lead of the Performance & Accessibility Team at Squarespace.
Links* Scott Jehl, Web Designer/Developer * YouTube Embeds are Bananas Heavy and it's Fixable – Frontend Masters Blog * How To Use Standard HTML Video & Audio Lazy-Loading on the Web Today — Squarespace Engineering Blog * Squarespace & Web Standards: How We Helped Bring HTML Video & Audio Lazy Loading to Today's Browsers — Squarespace Engineering Blog * web-platform-tests documentation — web-platform-tests documentation
SponsorsSanityThe back-end built for AI content operations. Power web, mobile, and agentic applications at scale. Start building with an extended 60-day trial.
Show DescriptionWe've got Robby Russell, maintainer of Oh My Zsh, on the show to talk about why Chris has it installed, what makes a good Zsh plugin, Oh My Zsh plugins Robby recommends, what it's like working in Rails in 2026, dealing with project dependancies, and how Rails apps make use of frameworks?
Listen on Website
Watch on YouTube
GuestsRobby RussellGuest's Main URL • Guest's Social
CEO and Partner at Planet Argon
Links* Oh My Zsh - a delightful & open source framework for Zsh * Robby Russell - CEO, Partner * Planet Argon * On Rails Podcast * Maintainable Software Podcast * ohmyzsh/plugins/autojump * shadcn/ui
SponsorsSanityThe back-end built for AI content operations. Power web, mobile, and agentic applications at scale. Start building with an extended 60-day trial.
Show DescriptionWhat is Sanity and who is it for in the age of AI, managing content with AI, how Simen Svale uses AI agents alongside Sanity, designing a MCP, design with Pencil vs Figma, how Inngest works, and how Simen keeps AI agents busy all day.
Listen on Website
Watch on YouTube
GuestsSimen SvaleGuest's Main URL • Guest's Social
Co-founder/CTO at Sanity.io
Links* The Content Operating System for the AI era | Sanity * Coding Agents & Complexity Budgets | Lee Robinson * Message from Sanity * Pencil – Design on canvas. Land in code. * AI and backend workflows, orchestrated at any scale
SponsorsSanity.ioThe back-end built for AI content operations. Power web, mobile, and agentic applications at scale.
Show DescriptionDave's plan for when AI finally takes his job, going to the movies in 2026, Chris & Dave chat with Apple about the state of browsers, Dave has a way of setting a theme with a custom space property, and Cloudflare slopforks a CMS.
Listen on Website
Watch on YouTube
Links* The Greatest Average American: Season 1 | Rotten Tomatoes * Weapons (2025) directed by Zach Cregger * Dave's CodePen Pen * Introducing EmDash
SponsorsSanitySanity is a Content Operating System. It gives editors a real workspace. Studio is a customizable editing interface where your content team publishes without touching your repo or filing tickets. They can use built-in AI that researches the web, understands the content model, and handles the repetitive work (drafts, translations, metadata) so editors focus on editorial judgment. Content is structured data from the start, so agents work with typed fields, not raw text.
Show DescriptionMemories 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
Show DescriptionListener 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
Show DescriptionAre 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
Show DescriptionChris 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
Show DescriptionWe 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
GuestsFrederik BraunGuest'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)
SponsorsBluehostDo you ever feel like pre-configured hosting is slowing you down? That is where VPS hosting starts to make a lot more sense. With Bluehost VPS, you are not stuck inside someone else's environment. You get full control of the server. You can spin up Docker, deploy containerized apps, run workflows, and connect your CRM, databases, and APIs without weird restrictions.No shared bottlenecks. No artificial limits.If you want to actually own your stack, your data, your performance, your roadmap, VPS is the move.
Show DescriptionWe'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
GuestsUjjwal SharmaGuest's Main URL • Guest's Social
Developer Advocacy, Programming Languages & Web Standards
Links* Ryzokuken (Ujjwal Sharma) * LinkedIn * X (Twitter) * Igalia * TC39 * Use JSDoc
Show DescriptionChris 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
Show DescriptionWhen 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
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.
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 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
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.
Show DescriptionWeb 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
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.
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 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
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.
Show DescriptionWe'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
SponsorsStudioworksManage clients and contacts, send branded invoices, receive payments, access educational resources, and connect with a supportive community.We’re building the best business hub for freelancers who want a custom client experience that feels polished and professional — with much more in store.
Show DescriptionCatching 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
SponsorsStudioworksManage clients and contacts, send branded invoices, receive payments, access educational resources, and connect with a supportive community.We’re building the best business hub for freelancers who want a custom client experience that feels polished and professional — with much more in store.
Show DescriptionAfter 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
SponsorsStudioworksManage clients and contacts, send branded invoices, receive payments, access educational resources, and connect with a supportive community.We’re building the best business hub for freelancers who want a custom client experience that feels polished and professional — with much more in store.
Show DescriptionChris 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
GuestsJessica HischeGuest'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 ShiflettGuest'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
SponsorstldrawHave you ever wanted to build an app that works kinda like Miro or Figma, that has a zoomable infinite canvas, that’s multiplayer, and really good, but you also want to build it in React with normal React components on the canvas?Good news! tldraw is the world’s first, best, and only SDK for building infinite canvas apps in React.tldraw takes care of all the canvas complexities — things like the camera, selection logic, and undo redo — so that you can focus on building the features that matter to your users. It’s easy to use with plenty of examples and starter kits, including a kit where you can use AI to create things on the canvas.Get started for free at tldraw.dev/shoptalk, or run npm create tldraw to spin up a starter kit.
Show DescriptionWhy 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
SponsorstldrawHave you ever wanted to build an app that works kinda like Miro or Figma, that has a zoomable infinite canvas, that’s multiplayer, and really good, but you also want to build it in React with normal React components on the canvas?Good news! tldraw is the world’s first, best, and only SDK for building infinite canvas apps in React.tldraw takes care of all the canvas complexities — things like the camera, selection logic, and undo redo — so that you can focus on building the features that matter to your users. It’s easy to use with plenty of examples and starter kits, including a kit where you can use AI to create things on the canvas.Get started for free at tldraw.dev/shoptalk, or run npm create tldraw to spin up a starter kit.
Show DescriptionDave 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
SponsorstldrawHave you ever wanted to build an app that works kinda like Miro or Figma, that has a zoomable infinite canvas, that’s multiplayer, and really good, but you also want to build it in React with normal React components on the canvas?Good news! tldraw is the world’s first, best, and only SDK for building infinite canvas apps in React.tldraw takes care of all the canvas complexities — things like the camera, selection logic, and undo redo — so that you can focus on building the features that matter to your users. It’s easy to use with plenty of examples and starter kits, including a kit where you can use AI to create things on the canvas.Get started for free at tldraw.dev/shoptalk, or run npm create tldraw to spin up a starter kit.
Show DescriptionWhat 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 * Could Open Graph Just Be a CSS Media Type? | Scott Jehl, Web Designer/Developer * 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
SponsorstldrawHave you ever wanted to build an app that works kinda like Miro or Figma, that has a zoomable infinite canvas, that’s multiplayer, and really good, but you also want to build it in React with normal React components on the canvas?Good news! tldraw is the world’s first, best, and only SDK for building infinite canvas apps in React.tldraw takes care of all the canvas complexities — things like the camera, selection logic, and undo redo — so that you can focus on building the features that matter to your users. It’s easy to use with plenty of examples and starter kits, including a kit where you can use AI to create things on the canvas.Get started for free at tldraw.dev/shoptalk, or run npm create tldraw to spin up a starter kit.
Show DescriptionSteve 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
GuestsSteve RuizGuest'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
Show DescriptionIn 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
GuestsTyler StickaGuest'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)
Show DescriptionDave 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
Show DescriptionBen'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
GuestsBen FrainGuest'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
SponsorsAtomic Design Certification CourseMaster tokens AND atomic design to elevate your design systems game. Get access to both courses, which include hours of comprehensive video lessons, sample token architecture for Figma & Code, process diagrams, exercises, and exclusive Slack!
Show DescriptionTodd 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
GuestsTodd LibbyGuest'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
Show DescriptionWho'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
SponsorsAtomic Design Certification CourseMaster tokens AND atomic design to elevate your design systems game. Get access to both courses, which include hours of comprehensive video lessons, sample token architecture for Figma & Code, process diagrams, exercises, and exclusive Slack!
Show DescriptionListener 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
SponsorsAtomic Design Certification CourseMaster tokens AND atomic design to elevate your design systems game. Get access to both courses, which include hours of comprehensive video lessons, sample token architecture for Figma & Code, process diagrams, exercises, and exclusive Slack!
Show DescriptionDave 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
Show DescriptionDave'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
Show DescriptionChris 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
Show DescriptionA 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
Show DescriptionKevin 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
GuestsKevin PowellGuest'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.
LinksHere's the content formatted as a markdown linked list:* 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
Show DescriptionIdentifying 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
Show DescriptionWhat 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
Show DescriptionIt'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
Show DescriptionTim 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
GuestsTim FarnamGuest'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
SponsorsDesign Tokens CourseWorld-renowned design systems experts Brad Frost (creator of Atomic Design) and Ian Frost teach you everything you need to know about creating an effective design token system to help your organization design and build at scale.
Show DescriptionDave'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
SponsorsDesign Tokens CourseWorld-renowned design systems experts Brad Frost (creator of Atomic Design) and Ian Frost teach you everything you need to know about creating an effective design token system to help your organization design and build at scale.
Show DescriptionChris 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
SponsorsDesign Tokens CourseWorld-renowned design systems experts Brad Frost (creator of Atomic Design) and Ian Frost teach you everything you need to know about creating an effective design token system to help your organization design and build at scale.
Show DescriptionWe'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
SponsorsDesign Tokens CourseWorld-renowned design systems experts Brad Frost (creator of Atomic Design) and Ian Frost teach you everything you need to know about creating an effective design token system to help your organization design and build at scale.
Show DescriptionChris 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
Show DescriptionBrad 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
GuestsBrad FrostGuest's Main URL • Guest's Social
Design system consultant, web designer, speaker, writer, musician, and artist located in beautiful Pittsburgh, PA.
Ian FrostGuest'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
Show DescriptionWe'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 →
GuestsPeter PistoriusGuest'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
Sponsors
Show DescriptionJake 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 →
GuestsJake ArchibaldGuest'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
Sponsors
Show DescriptionJen 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 →
GuestsJen SimmonsGuest'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 * * line-height units * Home | Open UI * text-wrap: pretty * margin-trim * CSS shape() function * Two Lines of Cross-Document View Transitions Code
Sponsors
Show DescriptionHow 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 →
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
Sponsors
Show DescriptionFresh 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 →
GuestsMat MarquisGuest'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
Sponsors
Show DescriptionHow 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 →
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
Sponsors
Show DescriptionDo 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 →
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
SponsorsWebflow x GSAP Community ChallengeGSAP and ALL the plugins are now FREE for everyone thanks to Webflow (even for commercial projects)!The SplitText plugin has had a complete rewrite (half the size, accessible, and smarter text splitting).To celebrate: a community challenge all through May. Make something fun and win merch! One prompt each week featuring a different (previously paid) plugin.
Show DescriptionWe'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 →
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
Sponsors
Show DescriptionWhat 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 →
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
Sponsors
Show DescriptionFollow 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 →
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
Sponsors
Show DescriptionAdam 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 →
GuestsAdam ArgyleGuest's Main URL • Guest's Social
CSS at Google.
Links* Chrome Canary Features * Demo Space * CSS Carousel Configurator * Black Emperor
Sponsors
Show DescriptionWe'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 →
GuestsAndy BellGuest'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
Sponsors
Show DescriptionDavid 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 →
GuestsDavid DarnesGuest's Main URL • Guest's Social
Designer, Front-end Developer & Writer.
Links* Nord Health * Ariel Salminen * Design Systems WTF * Awesome Standalones * DesignSystems.wtf
SponsorsJellyKeeping up with customer emails shouldn’t feel like flying a 747. Jelly’s team email inbox makes it easy and affordable: one flat price per team, not per user. No surprise bills—just a simple shared inbox that helps your team respond faster, stay organized, and keep customer conversations flowing smoothly. Try Jelly now for free and get 15% off!
Show DescriptionOnboarding 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 →
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
Sponsors
Show DescriptionIt'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
Sponsors
Show DescriptionUI 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
Sponsors
Show DescriptionWe'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 →
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
Sponsors
Show DescriptionRemembering 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
Sponsors
Show DescriptionJason 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 →
GuestsJason LengstorfGuest's Main URL • Guest's Twitter
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
SponsorsBenQNot really but you should call us Mr or Ms BenQ!
Show DescriptionDoes 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
SponsorsComplete CSSGet to a level in development that you never thought would be possible with this expansive CSS course from Andy Bell. You won't be the same developer after completing it.
Show DescriptionDealing 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
Sponsors
Show DescriptionHard 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
Sponsors
Show DescriptionIn 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
Sponsors
Show DescriptionThe 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 →
GuestsAlex (Eddie)Guest's Main URL • Guest's Twitter
A web developer from Atlanta, GA that specializes in Vue.js, python, and PHP.
Ben (Blaze)Guest's Main URL • Guest's Twitter
A user-centered frontend developer with a focus on web accessibility.
Miriam (Astra)Guest's Main URL • Guest's Twitter
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
SponsorsBluehostFind unique domains, web hosting, and WordPress tools, all in one place. Empower your business or digital agency with Bluehost.
Show DescriptionRiffing 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
SponsorsBluehostFind unique domains, web hosting, and WordPress tools, all in one place. Empower your business or digital agency with Bluehost.
Show DescriptionWe'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 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
SponsorsBluehostFind unique domains, web hosting, and WordPress tools,all in one place. Empower your business or digital agencywith Bluehost.
Show DescriptionHow 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
Sponsors
Show DescriptionChris 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 →
GuestsChris PersonGuest's Main URL • Guest's Twitter
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
SponsorsBluehostFind unique domains, web hosting, and WordPress tools,all in one place. Empower your business or digital agencywith Bluehost.
Show DescriptionWe'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
SponsorsBluehostFind unique domains, web hosting, and WordPress tools,all in one place. Empower your business or digital agencywith Bluehost.
Show DescriptionRiffing 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
SponsorsBluehostFind unique domains, web hosting, and WordPress tools,all in one place. Empower your business or digital agencywith Bluehost.
Show DescriptionHow 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
SponsorsBluehostFind unique domains, web hosting, and WordPress tools,all in one place. Empower your business or digital agencywith Bluehost.
Show DescriptionDave'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
SponsorsBluehostFind unique domains, web hosting, and WordPress tools,all in one place. Empower your business or digital agencywith Bluehost.
Show DescriptionBrian 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 →
GuestsBrian MuenzenmeyerGuest's Main URL • Guest's Twitter
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
SponsorsBluehostNeed a site right now?Bluehost has AI that builds you custom WordPress sites in minutes.Fast, easy, and ready to grow.Go to bluehost.com/shoptalk and start today!
Show DescriptionWe'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
Sponsors
Show DescriptionJeff 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 →
GuestsJeff RobbinsGuest's Main URL • Guest's Twitter
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
SponsorsJam.devOne click bug reports devs love.Find out more at jam.dev
Show DescriptionFabian 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 →
GuestsFabian KägyGuest's Main URL • Guest's Twitter
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
SponsorsJam.devOne click bug reports devs love.Find out more at jam.dev
Show DescriptionThomas 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 →
GuestsThomas SteinerGuest's Main URL • Guest's Twitter
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
SponsorsJam.devOne click bug reports devs love.Find out more at jam.dev
Show DescriptionAdam 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 →
GuestsAdam CosterGuest's Main URL • Guest's Twitter
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
Sponsors
Show DescriptionDave'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
Sponsors
Show DescriptionChris 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
SponsorsJam.devOne click bug reports devs love.Find out more at jam.dev
Show DescriptionA 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
SponsorsJam.devOne click bug reports devs love.Find out more at jam.dev
Show DescriptionDoc 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
SponsorsJam.devOne click bug reports devs love.Find out more at jam.dev
Show DescriptionChris 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
Sponsors
Show DescriptionChris 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
Sponsors
Show DescriptionDave'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
SponsorsShopTalk PatreonSupport the show and help keep us on the air - AND get access to the super fun d-d-d-d-d-d-d-iscord with other Shopamaniacs.
Show DescriptionOn 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
Sponsors
Show DescriptionWe'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
Sponsors
Show DescriptionWe'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
Sponsors
Show DescriptionWe'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
Sponsors
Show DescriptionWe 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
Sponsors
Show DescriptionSven 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 →
GuestsSven NeumannGuest's Main URL • Guest's Twitter
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
Sponsors
Show DescriptionMatt 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 →
GuestsMatt VisiwigGuest's Main URL • Guest's Twitter
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
Sponsors
Show DescriptionWe'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 →
GuestsJason GrigsbyGuest's Main URL • Guest's Twitter
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
Sponsors
Show DescriptionLuke 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 →
GuestsLuke AbbottGuest's Main URL • Guest's Twitter
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
Sponsors
Show DescriptionDave'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
Sponsors
Show DescriptionAdam 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 →
GuestsAdam ArgyleGuest's Main URL • Guest's Twitter
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
Sponsors
Show DescriptionChris 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
Sponsors
Show DescriptionMatt is here to talk about creating the perfect fantasy CMS for blogging, moderating comments at Metafilter, building sane defaults into programs, how difficult the web is, do we want AI in our CMS, and where is content headed on the internet?
Listen on Website →
GuestsMatthew HaugheyGuest's Main URL • Guest's Twitter
A writer with over 25 years of experience building products. In that time I've worked as a designer, coder, company founder, and senior writer.
Links* Matt Haughey * Blogger.com - Create a unique and beautiful blog easily. * MetaFilter | Community Weblog * MovableType.org * The story of b2, b2evolution and WordPress * Ghost: The best open source blogging platform * Micro.blog * A Whole Lotta Nothing * Notes from migrating 24 years of blog posts from WordPress to Ghost * Ideas for my dream blogging CMS * Embrace the weird * The newest episode of Search Engine is incredible * Best printer 2023: just buy this Brother laser printer everyone has, it’s fine - The Verge
Sponsors
Show DescriptionDave & Chris and thoughts on career advice that worked 3 years ago but isn't as helpful now, marking tests with ChatGPT, is taking a Drupal job in 2024 a good idea, Chris got #gear sniped, P3 color follow up, the confusing File System APIs, and where did all the lightboxes go?
Listen on Website →
Links* chan (@chantastic) / X * The Texas Tribune * The Coming Wave Book * Drupal - Open Source CMS | Drupal.org * Electric Air Duster - 130000RPM Compressed Air Duster，3 Gear Adjustable Jet Dry Blower can Reusable Can for Computer Keyboard,Outdoors,Car,Home. : Electronics * xScope • Measure. Inspect. Test. * The Many, Confusing File System APIs – Cloud Four
Sponsors
Show DescriptionDave's about to be eclipsed, the state of TypeScript in 2024, signals stage zero proposal, corrections on accessibility in frameworks (thanks!), web apps for better collaborative writing, getting productivity sniped, the problem with email may be you, indieweb follow up, and ultimate guitar tab apps.
Listen on Website →
Links* Streamlining APIs, Databases, & Microservices | Apollo GraphQL * Svelte • Cybernetically enhanced web apps * Ember.js - A framework for ambitious web developers * Web Test Runner: Modern Web * Frontend Masters Boost – Helping Your Journey to Senior Developer * Notion – The next gen of notes & docs * Paper * Stashpad - Your streamlined Google Docs alternative * ButterDocs | Google Docs Alternative for Serious Writers & Teams * Things - To-Do List for Mac & iOS * Godspeed * Aboard - Collect. Organize. Collaborate. * Obsidian - Sharpen your thinking * Analog - The original to-do system by Ugmonk * CleanShot X for Mac * IndieWebify.Me - a guide to getting you on the IndieWeb * ULTIMATE GUITAR TABS * John Deere commits to letting farmers repair their own tractors (kind of) - The Verge
SponsorsRadical Are you an aspiring designer, developer, marketer, or fanny pack tester? Maybe you're a burnt-out designer struggling for fresh ideas, or perhaps you have no idea where to start with design? Do you need to find a way to make your sites less boring and more memorable? Well then, this course is for you.
Show DescriptionWhat is a home cooked app? Blake Watson is on this episode to talk all about the kinds of apps that make a good home cooked app, tips and advice he has for making them, resisting the urge to monetize or growth hack them, and a few CodePen v2 thoughts sprinkled in at the end.
Listen on Website →
GuestsBlake WatsonGuest's Main URL • Guest's Twitter
Currently a member of the frontend dev team at MRI Technologies, working on projects for NASA.
Links* Watson Brothers Games * An app can be a home-cooked meal * blakewatson.com – About * blakewatson.com – MagnoliaJS 2023: The joys of home-cooked apps * MRI Technologies * blakewatson.com – Building our own private Discord knockoff * blakewatson.com – Things I miss * blakewatson.com – Use your Mac the way I do: a thought experiment * Overimagine1/old-discord-font: CSS to revert Discord's font change. * A Fine Start - minimal new tab page * Knockout : Home * Vue.js - The Progressive JavaScript Framework | Vue.js * The Programming Language Lua * Save 10% on Thronefall on Steam * Game Off 2023 - itch.io
Sponsors
Show DescriptionWe're opening up the ShopTalk mailbag and answering your questions, including does WordPress on your resume kill your job chances, what are our fav and least fav parts of web dev, our thoughts on HTMX, and what is it like to use pnpm instead of npm.
Listen on Website →
Links* Front End Happy Hour * Playdate * Develop for Playdate * Nuxt: The Intuitive Vue Framework · Nuxt * ThePrimeagen * Fast, disk space efficient package manager | pnpm * Yarn
SponsorsRadical DesignAre you an aspiring designer, developer, marketer, or fanny pack tester? Maybe you're a burnt-out designer struggling for fresh ideas, or perhaps you have no idea where to start with design? Do you need to find a way to make your sites less boring and more memorable? Well then, this course is for you.
Show DescriptionFred K. Schott stops by to talk about Astro announcement of Astro DB. The pluses and minuses of it, and whether you have to always use the database with Astro DB. We get into how to seed your database, upgrading the database, and the almost weirdly generous pricing model.
Listen on Website →
GuestsFred K. SchottGuest's Main URL • Guest's Twitter
Co-creator of Astro.
Links* Astro DB: A Deep Dive | Astro * Astro DB * Astro DB: A Deep Dive | Astro * tursodatabase/libsql: libSQL is a fork of SQLite that is both Open Source, and Open Contributions. * StackBlitz | Instant Dev Environments | Click. Code. Done. * Schema.org - Schema.org * Ben Holmes on X: "Astro built a database platform. How does it work? * Clerk * Lucia documentation * PlanetScale forever * Astro DB Just Released
Sponsors
Show DescriptionWe're talking with Michelle Barker about the idea of paying to support bloggers (and podcasters!) via services like Patreon, drumming as a fun side gig from CSS, how big of an issue digital sustainability is, trying to understand the environmental impact of our websites and digital life, wondering why YouTube embeds are still so large, disabling cookies, and how to build the web in a more sustainable way.
Listen on Website →
GuestsMichelle BarkerGuest's Main URL • Guest's Twitter
Senior Front End Developer at Ada Mode, where Michelle works on Windscope, web-based data visualisation and exploration software for wind farm operators.
Michelle also loves playing the drums. Their happy place is where creativity and code intersect
You can also find Michelle writing and speaking about CSS and digital sustainability on the web and around the world.
Links* Michelle Barker * Ada Mode * Windscope * CSS { In Real Life } * Michelle Barker (@michelle@front-end.social) - Front-End Social * Michelle Barker * Michelle Barker on CodePen * mbarker84 (Michelle Barker) * shoptalkshow.com - Website Carbon Calculator * paulirish/lite-youtube-embed: A faster youtube embed.
SponsorsRadical Design CourseAre you an aspiring designer, developer, marketer, or fanny pack tester? Maybe you're a burnt-out designer struggling for fresh ideas, or perhaps you have no idea where to start with design? Do you need to find a way to make your sites less boring and more memorable? Well then, this course is for you.
Show DescriptionJim Nielsen joins us to about URLs and linking as the new subversive way to maintain the web, paying for news in Canada, should content creators be worried about AI, the case for design engineers, RSS in HTML, and the state of state and UI.
Listen on Website →
GuestsJim NielsenGuest's Main URL • Guest's Twitter
Designer. Engineer. Writer.
Links* About - Jim Nielsen’s Blog * “Wherever you get your podcasts” is a radical statement - Anil Dash * The Subversive Hyperlink - Jim Nielsen’s Blog * More Files Please - Jim Nielsen’s Blog * Canada to keep pressure on Facebook to pay for news, Trudeau says * Cite Your Sources, AI - Jim Nielsen’s Blog * For the first few decades of the web, the tacit agreement wa... * The Case For Design Engineers, Pt. II - Jim Nielsen’s Blog * RSS in HTML: A Follow-Up - Jim Nielsen’s Blog * Style your RSS feed * UI is a Function of Your Organization - Jim Nielsen’s Blog * UI daverupert.com * Notes from “Why Can’t We Make Simple Software?” By Peter van Hardenberg - Jim Nielsen’s Blog * I Staked Out My Local Domino’s to See Just How Accurate Its Pizza Tracker Is * The Benevolent Deception: When Should a Doctor Lie to Patients? - The Atlantic
SponsorsElicitElicit’s goal is to radically increase high-quality reasoning in science and beyond. As early as 2017, they pioneered process supervision, an approach to breaking down complex work for advanced machine learning systems, so that it remains transparent and controllable. Today they use language models to help more than 200,000 researchers each month. They just raised a $9 million seed round and are looking for exceptional engineers across frontend, backend, and ML. If you're an exceptional front-end engineer looking to build the next generation of AI interfaces with a modern tech stack (Next, Tailwind, Chakra), join them!
Show DescriptionA follow up on jQuery conversation, Microsoft owning all the things, what VS Code plugins are your ride or die, the ability to Git from wherever you want, Tailwind drama, global design system follow up, Arc Search gets roasted, and Frontend Design Conference is back!
Listen on Website →
Links* GitHub - tc39/proposal-type-annotations: ECMAScript proposal for type syntax that is erased - Stage 1 * Chris Coyier on Embracing Technology and the Future of Web Development - Whiskey Web and Whatnot - Episode 131 * Zed * Dracula Official * GitLens * Tower Git Client * GitHub Desktop * “Wherever you get your podcasts” is a radical statement - Anil Dash * Sourcetree * Tailwind marketing and misinformation engine * What is Utility-First CSS?: HeydonWorks * A Global Design System | Brad Frost * Thoughts on a Global Design System – Chris Coyier * Arc Search * Can Apple Win Back Music - Brad Frost * Carolina Chocolate Drops * TPAIN - Twitch * Front-end Design Conference - April 25-26, 2024
SponsorsWixWix Studio combines pure web design with maximum productivity. Taking the grind out of website creation for professional designers. Use the powerful visual editor, or work online in a VS Code-based IDE, or code locally and push changes via GitHub.
Show DescriptionJosh (or Jsoh) stops by to talk about his work at Deno, recent blog posts on Copilot, why Svelte is awesome and React is not, Apple and PWA, and building word games on the web.
Listen on Website →
GuestsJosh CollinsworthGuest's Main URL • Guest's Twitter
Frontend Engineer at Deno, the maker and designer of the word games Quina, and Hondo.
Links* Josh Collinsworth * Deno, the next-generation JavaScript runtime * Deno Deploy | Deno * Fresh - The next-gen web framework. * I worry our Copilot is leaving some passengers behind - Josh Collinsworth blog * How A Small Team of Developers Created React at Facebook | React.js: The Documentary * Vite | Next Generation Frontend Tooling * Screen Recorder for macOS. Beautiful videos in minutes | Screen Studio * CleanShot X for Mac * stitchy - crates.io: Rust Package Registry * Raycast * Home * Squoosh * RunJS - JavaScript Playground * Quina - Menu * Hondo - a word game in 100 words or less * Home / PWABuilder
SponsorsJoin Elicit as a software engineerElicit’s goal is to radically increase high-quality reasoning in science and beyond. As early as 2017, they pioneered process supervision, an approach to breaking down complex work for advanced machine learning systems, so that it remains transparent and controllable. Today they use language models to help more than 200,000 researchers each month. They just raised a $9 million seed round and are looking for exceptional engineers across frontend, backend, and ML. If you're an exceptional front-end engineer looking to build the next generation of AI interfaces with a modern tech stack (Next, Tailwind, Chakra), join them!
Show DescriptionVoiceover pays us a visit, we talk about what accessibility really means, the difficulty of closing a dialogue element, web components at work, and jQuery 4 is out.
Listen on Website →
Links* Opportunities for AI in Accessibility – A List Apart * the-pastry-box-project.net * An Alphabet of Accessibility Issues by Anne Gibson * Alphabet of Accessibility Deck * Understanding accessibility through ABCs – On the Issues * Frontend Masters Boost – Helping Your Journey to Senior Developer * storage-form Web Component - David Darnes * CodeMirror * FitVids.JS - A lightweight, easy-to-use jQuery plugin for fluid width video embeds. * HTML with Superpowers | HTML with Superpowers * Learn from Dave Rupert's courses | Frontend Masters * jQuery
SponsorsMiroFind simplicity in your most complex projects with Miro. Your first three Miro boards are free when you sign up today at Miro.com.
Show DescriptionBrad Frost has got design systems on his mind—at a global scale. What is a global design system? Are two design systems ever the same? How would this slot inside atomic design? What has been the response from the web community to global design system as an idea? And what's Frostapalooza?
Listen on Website →
GuestsBrad FrostGuest's Main URL • Guest's Twitter
Design system consultant, web designer, speaker, writer, and musician located in beautiful Pittsburgh, PA.
Links* A Global Design System | Brad Frost * Shadcn UI * Homer Designs a Car * This Is Big Design * Frostapalooza Concert * Brad Frost * Brad Frost (@brad_frost) • Instagram photos and videos * bradfrost (Brad Frost) · GitHub * Brad Frost on CodePen * Brad Frost * Brad Frost * brad_frost’s Music Profile | Last.fm
SponsorsJam.devYou’ve probably heard of Jam.dev, it’s used by more than 60,000 people. It’s a free tool that saves developers a ton of frustration. It forces your teammates to make the perfect bug report. They can’t do it wrong because it automatically includes a video of the bug, console logs, network requests, everything you need to debug. It automatically lists out the steps to reproduce. It’s so easy to get your teammates to use. It’s just a Chrome extension. When they see a bug, they click a button and right away it creates a ticket. So it saves time for them.
Show DescriptionWe've got your feedback as well as our thoughts on where we all think the web will be in 2036 - as we celebrate 12 years of ShopTalk Show history, we're looking forward to what's to come with ideas around cookie banners, undo, no more passwords, React, Deno, Node, and Mozilla's future, ChatGPT's thoughts, accessibility, blockchain, VR / AR, hoverboards, P3 color space, indie web, JS bundle sizes, and more!
Listen on Website →
Links* 12 predictions for the next 12 years to celebrate 12 years of ShopTalk * The most powerful Git client for Mac and Windows | Tower Git Client * Justin Peacock: "@chriscoyier @davatron5000 sin…" - Super Rad * Future of Web 2034 * Obsidian - Sharpen your thinking * rabbit — home * Apple Vision Pro - Apple * A Global Design System | Brad Frost * Lemon Productions Podcast Editing by Chris Enns * phamtranscriptionservices.com
SponsorsJam.devYou’ve probably heard of Jam.dev, it’s used by more than 60,000 people. It’s a free tool that saves developers a ton of frustration. It forces your teammates to make the perfect bug report. They can’t do it wrong because it automatically includes a video of the bug, console logs, network requests, everything you need to debug. It automatically lists out the steps to reproduce. It’s so easy to get your teammates to use. It’s just a Chrome extension. When they see a bug, they click a button and right away it creates a ticket. So it saves time for them.
Show DescriptionDave and Chris discuss indie web culture, the role of social media in today's society, and the challenges and strategies of freelancing. Additionally, they discuss a range of topics from content moderation, coding and refining tech skills, to emerging startups and the future of web technology.
Listen on Website →
Links* Cracking The Cryptic * How Adam Savage COMPLETELY Overhauled His Workshop * Where have all the websites gone? * I miss RSS * kottke.org - home of fine hypertext products * Daring Fireball * Chris Coyier – Web craftsman, blogger, author, speaker. * The Homepage of Dave Rupert | daverupert.com * Naz Hamid * Substack Is Not Infrastructure – Pixel Envy * Why Platformer is leaving Substack * Duolingo - The world's best way to learn a language * Shutting down Artifact. We’ve made the decision to wind down… | by Artifact Team | Artifact News | Jan, 2024 | Medium * Daring Fireball: Artifact Is Shutting Down After One Year * The Quiet Death of Ello's Big Dreams - Waxy.org * IndieWeb - IndieWeb * Webmention - IndieWeb * Quick thoughts on chips | daverupert.com * Quicker Thoughts on Chips - Snook.ca * Email is good. – A site about email productivity. * Lemon Productions - Podcast Editing and Production by Chris Enns * Brad Frost | Design system consultant, author of Atomic Design, web designer, and musician * Courses by Kent C. Dodds
SponsorsJam.devYou’ve probably heard of Jam.dev, it’s used by more than 60,000 people. It’s a free tool that saves developers a ton of frustration. It forces your teammates to make the perfect bug report. They can’t do it wrong because it automatically includes a video of the bug, console logs, network requests, everything you need to debug. It automatically lists out the steps to reproduce. It’s so easy to get your teammates to use. It’s just a Chrome extension. When they see a bug, they click a button and right away it creates a ticket. So it saves time for them.
Show DescriptionJen Simmons, Apple Evangelist on the Web Developer Experience team for Safari & WebKit, stops by to talk about what Interop is, and a look ahead at new CSS features in Webkit and Safari such as JPEG XL, masks, a round function, JavaScript improvements, styling form controls, content unblocks, masonry, and more!
Listen on Website →
GuestsJen SimmonsGuest's Main URL • Guest's Twitter
Apple Evangelist on the Web Developer Experience team for Safari & @webkit. Member of CSS Working Group.
Links* Can I use... Support tables for HTML5, CSS3, etc * Apple Developer * JPEG - JPEG XL * WebKit * Bugzilla Main Page
SponsorsJam.devYou’ve probably heard of Jam.dev, it’s used by more than 60,000 people. It’s a free tool that saves developers a ton of frustration. It forces your teammates to make the perfect bug report. They can’t do it wrong because it automatically includes a video of the bug, console logs, network requests, everything you need to debug. It automatically lists out the steps to reproduce. It’s so easy to get your teammates to use. It’s just a Chrome extension. When they see a bug, they click a button and right away it creates a ticket. So it saves time for them.
Show DescriptionWe're closing in on episode 600 and need your help to celebrate! Listen in to learn how to contribute to the episode. We're also talking GitHub desktop apps and code editors, how many VS Code plugins are needed, reading long form like Poor Charlie's Almanack, InVision shutting down, and answering our first Q of the year: how would you approach learning web development in 2024?
Listen on Website →
Links* The most powerful Git client for Mac and Windows | Tower Git Client * GitHub Desktop | Simple collaboration from your desktop * Zed - Code at the speed of thought * Tree-sitter｜Introduction * Panic - Nova * JetBrains: Essential tools for software developers and teams * Poor Charlie’s Almanack: The Essential Wit and Wisdom of Charles T. Munger * Stripe Press — Ideas for progress * Engineering Management for the Rest of Us * Stripe Press — Ideas for progress * Stripe Press — The Dream Machine * Stripe Press — The Making of Prince of Persia * The Very Best Podcasts of 2023 * The 25 Best Podcasts of 2023 - The Atlantic * ‘Search Engine’ Podcast Brings Back the Joy of ‘Reply All’ * UX design company InVision is shutting down this year * Website design software | Adobe Dreamweaver * Learn JavaScript, React, and TypeScript to Node.js, Fullstack, and Backend | Frontend Masters * Learn from Emma Bostian's courses | Frontend Masters * Trending - CodePen
SponsorsJam.devYou’ve probably heard of Jam.dev, it’s used by more than 60,000 people. It’s a free tool that saves developers a ton of frustration. It forces your teammates to make the perfect bug report. They can’t do it wrong because it automatically includes a video of the bug, console logs, network requests, everything you need to debug. It automatically lists out the steps to reproduce. It’s so easy to get your teammates to use. It’s just a Chrome extension. When they see a bug, they click a button and right away it creates a ticket. So it saves time for them.
Show DescriptionLooking back at the year of AI, using Arc on macOS and now Windows, dreaming of subscriptions, and knowing how to be mad about the right thing.
Listen on Website →
Links* Crunchyroll * Dropout * Wish (2023) * GitHub Copilot * Loom * Introducing Whisper * A Convo w/ Chris Coyier – Arc * Arc from The Browser Company * Codeium * Dropbox spooks users with new AI features that send data to OpenAI when used | Ars Technica * One YouTube Embed weighs almost 1.2 MB * lite-youtube-embed: A faster youtube embed.
SponsorsMiroFind simplicity in your most complex projects with Miro. Your first three Miro boards are free when you sign up today at Miro.com.
Show DescriptionBlood pressure, stress, and COVID highlight the MedTalk Show portion of this episode, a new "Did You Know" segment about dev tools in Chrome, 4 hour video on plagiarism and code grifters, typography, breaking out of CSS Grid, the oldest things Chris and Dave worked on, and what the testing process is like at Luro or CodePen.
Listen on Website →
Links* Blood Pressure – Chris Coyier * QardioArm 2 - Smart Blood Pressure Monitor * CodePen PRO * Plagiarism and You(Tube) * kottke.org - home of fine hypertext products * Welcome to Ethan Marcotte’s website * Practical SVG, A Book Apart * Built to Last: Successful Habits of Visionary Companies: Collins, Jim, Porras * Kevin Powell * Igalia Chats: The Struggle to Keep Up with Web Tech * Thoughts on testing
SponsorsMiroFind simplicity in your most complex projects with Miro. Your first three Miro boards are free when you sign up today at Miro.com.
Show DescriptionIn this episode we're discussing making tech videos, website tinkering, :has tricks, SVG path commands, and the complexities of CSS & JavaScript logic.
Listen on Website →
Links* Streamlabs * NextDNS * GitHub Desktop * Tower Git Client * Screen Studio * ScreenFlow * Descript | All-in-one video & podcast editing, easy as a doc. * Mark Rober * I Joined 4 Coppers For Ranked... (Rainbow Six Siege) * Element Indexes – Chris Coyier * A /random Route on a WordPress Site – Chris Coyier * daverupert.com * Bookshelf | daverupert.com * Sentry
SponsorsMiroFind simplicity in your most complex projects with Miro. Your first three Miro boards are free when you sign up today at Miro.com.
Show DescriptionThoughts on smashing all communication messaging apps together, what's happened to Tumblr under Automattic, what the situation is with native web components and JavaScript, and looking at a list of types of blog posts.
Listen on Website →
Links* Combined Messaging Apps – Chris Coyier * Adium - Download * Beeper * XMPP * Texts * Automattic CEO Matt Mullenweg details Tumblr's future after re-org * Matrix.org * Web Components | Learn to Create Web Components | Frontend Masters * HTML Web Components - Jim Nielsen’s Blog * Uncluttered – Baldur Bjarnason * Luro | Build a design system and track component usage, adoption, and success across your entire product. * Apple Annie’s Weblog · Types of blog posts. * Email is good. – A site about email productivity. * Fastmail | We Respect Your Privacy & Put You in Control * The ‘Enshittification’ of TikTok | WIRED * Pushing back on unconstrained capitalism with Cory Doctorow (Changelog Interviews #565) |> Changelog * Julia Evans
Sponsors
Show DescriptionTalking web components, progressive enhancement, style-able components, having to pay before you get to see a demo, being annoyed at the business of SEO, and subscriptions vs ads.
Listen on Website →
Links* FitVids has a web component now | daverupert.com * Code Hike * Everything about SEO is obnoxious – Chris Coyier * Did SEO experts ruin the internet or did Google? - The Verge * Swift.org - Welcome to Swift.org * Flutter - Build apps for any screen
Sponsors
Show DescriptionMiriam Suzanne stops by to talk about CSS updates and news on container queries, rolling out cascade layers, !important things to remember, custom properties, exit animations, CSS functions, state queries, and more.
Listen on Website →
GuestsMiriam SuzanneGuest's Main URL • Guest's Twitter
Co-Founder of Oddbird, core contributor to Sass, author for Sitepoint and CSS Tricks, invited expert to the w3c CSS Working Group.
Links* mirisuzanne (Miriam Suzanne) * Miriam Suzanne on CodePen * Autoprefixer CSS online * Lightning CSS * Select an element which doesn’t descend from another in CSS | chriskirknielsen * Susy | OddBird * Posts | OddBird * Demystifying CSS Container Queries | OddBird * Demystifying CSS Container Queries
SponsorsMiroFind simplicity in your most complex projects with Miro. Your first three Miro boards are free when you sign up today at Miro.com
Show DescriptionThe excitement of launching Luro, changes in social media platforms, different seasons for coding and marketing, embedded social media post weight, CSS thoughts from Web Unleashed, focus state issues, and fact checking and updating old posts on your blog.
Listen on Website →
Links* Luro | Build a design system and track component usage, adoption, and success across your entire product. * Watch Dave's livestreams on Twitch * Pebble (social network) * Message Decoder – Chris Coyier * Message Decoder - Scans your notifications, automatically puts one-time passcodes on your clipboard * 0 KB Social Media Embeds – Chris Coyier * WordPress plugin for fediverse embeds | Stefan Bohacek * Stories: Building a home for my shitty sci-fi | daverupert.com * Stories | daverupert.com * An Anchored Navbar Solution – Eric’s Archived Thoughts * I Have A New Podcast! - by Michael Hobbes * If Books Could Kill on Apple Podcasts
SponsorsMiroFind simplicity in your most complex projects with Miro. Your first three Miro boards are free when you sign up today at Miro.com
Show DescriptionA quick bit of union news follow up, CSS function round up, Read It Later inside Feedbin, fun uses for a Stream Deck+, how to turn up the money dial in your own business, and having the audacity to call yourself a publisher.
Listen on Website →
Links* A Couple of New CSS Functions I’d Never Heard Of – Chris Coyier * @ichrisv2 • Parenting tip: iOS17's Assistive Access mode is great for accessibility (seniors, etc.) but also ... • Threads * Bandcamp’s Entire Union Bargaining Team Was Laid Off * xywh() - CSS: Cascading Style Sheets | MDN * Bramus: "To change a color based on Lig…" - Front-End Social * @ichrisv2 • Parenting tip: iOS17's Assistive Access mode is great for accessibility (seniors, etc.) but also ... • Threads * Chris Enns: "Parenting tip: iOS17’s Assisti…" - Mastodon * Read Later in Feedbin | daverupert.com * Feedbin * Meta in Myanmar, Part I: The Setup - Erin Kissane's small internet website * Convert bookmarklet to Chrome extension * Reeder 5 * Read Aloud: A Text to Speech Voice Reader - Chrome Web Store * Stream Deck + Black Edition * The Browser is a Printing Press * Luro | Luro Posts * Luro * blender.org - Home of the Blender project - Free and Open 3D Creation Software
Sponsors
Show DescriptionElliott Marquez talks with us about the history of Polymer and Lit, why you should pick Lit, working with web components, the shadow dom, managing state, and how Material design is built with web components.
Listen on Website →
GuestsElliott MarquezGuest's Main URL • Guest's Twitter
Front-end software development for Google’s Lit team.
Links* webcomponents.org * Lit * esm.run by jsDelivr - A New-Age CDN for JavaScript modules * davatron5000/fit-vids: Web Component version of FitVids from the creator of FitVids * Tailwind CSS - Rapidly build modern websites without ever leaving your HTML. * Material Web * Discord
Sponsors
Show DescriptionEthan Marcotte is here to talk about his new book, You Deserve a Tech Union, and discusses topics such as why we need unions in tech, who gets to be in the union, how unions can help deal with the AI question, union busting, and some arguments against unions.
Listen on Website →
GuestsEthan MarcotteGuest's Main URL • Guest's Twitter
Designer, writer, and speaker. Started that “responsive web design” thing.
Links* Ethan Marcotte on LinkedIn * Ethan Marcotte on Mastodon * Welcome to Ethan Marcotte’s website — Ethan Marcotte * Responsive Web Design, A Book Apart * You Deserve a Tech Union, A Book Apart * Google Flat-Out Refuses to Bargain With Workers, Prompting YouTube Music Strike * CEO Patrick Collison's email to Stripe employees * Twitter lays off another 10% of staff, New York Times reports | CNN Business * Kickstarter United * When Is a Superstar Just Another Employee? - Freakonomics * Basecamp Blowup: Banning Politics At Work Prompts Over A Dozen Employees To Quit : NPR * Bandcamp United - Home * Glitch workers sign tech’s first collective bargaining agreement - The Verge * Waiting for "Superman" * Resilient Management | A book for new managers in tech
Sponsors
Show DescriptionManton Reece, creator of Micro.blog, stops by to talk about the history of Micro.blog, what it's written in, how it handles feeds coming in and going out, cross-posting, authentication, and the somewhat hidden features of Micro.blog: bookmarking, bookshelves, and even podcasting.
Listen on Website →
GuestsManton ReeceGuest's Main URL • Guest's Twitter
Creator of Micro.blog, co-host of Core Intuition.
Links* Kagi Search - A Premium Search Engine * Micro.blog * Manton Reece - About * Micro.blog - @manton * Indie Microblogging: owning your short-form writing by Manton Reece — Kickstarter * Indie Microblogging * Sinatra * Cross-Posting - Chris Coyier * Cross-posting to Twitter, Medium, Mastodon, and more - Cross-posting - Micro.blog Help Center * Letterboxd • Social film discovery. * Nostr, a simple protocol for decentralizing social media that has a chance of working * Welcome to Pinboard—Social bookmarking for introverts! * Micro.blog for iOS * Hugo * Bear Blog * MarsEdit 5 * Core Intuition podcast
Sponsors
Show DescriptionChris redesigned his blog, using sounds on your website to make it seem fancy, what can't automated accessibility tests test, and what's new in Safari 17.
Listen on Website →
Links* School dropoff and sweater weather season | Instagram * Chris Coyier - Web craftsman, blogger, author, speaker. * Cannonball is such a badass song - Chris Coyier * Soundcite * Why not React? - DEV Community * Top Tasks - A how-to guide - Gerry McGovern * How To Make A Strong Case For Accessibility – Smart Interface Design Patterns * Expanding your touch targets – Nicole Sullivan * v0.dev by Vercel * Fable | Digital accessibility, powered by people with disabilities * Safari 17 Release Notes | Apple Developer Documentation * display: contents considered harmful – Eric Bailey * More accessible markup with display: contents | hidde.blog * A (more) Modern CSS Reset - Andy Bell * Smart Interface Design Patterns (9h video + live UX training) – 100 Smart Interface Design Patterns & Live Examples. 9h Video + UX Training. * How To Make A Strong Case For Accessibility – Smart Interface Design Patterns
Sponsors
Show DescriptionFred K. Schott stops by to talk about building community, open source and sponsorship, building on partnerships in the dev community, WordPress + Astro, view transitions, using Discord for support, and leaking secret Astro Studio details.
Listen on Website →
GuestsFred K. SchottGuest's Main URL • Guest's Twitter
Co-creator of Astro.
Links* Astro * Astro Documentation * The Astro Blog | Astro * Astro on GitHub * Discord * Astro (@astrodotbuild) on Twitter * Discord | kapa.ai docs * Astro Studio
Music for fake trailer:- How To Make A Blockbuster Movie Trailer- Auralnauts music- The Booj — Twenty Thousand HertzSponsors
Show DescriptionMaggie Appleton talks with us about her work at Elicit, working with large and small language models, how humans vet the responses from AI, the discussion around the Soggoth meme in AI, using Discord as UI, what to do if your boss wants AI in your app, and why does she call her blog a digital garden?
Listen on Website →
GuestsMaggie AppletonGuest's Main URL • Guest's Twitter
Design at Elicit. Makes visual essays about UX, programming, and anthropology. Adores digital gardening, end-user development, and embodied cognition.
Links* Maggie Appleton * Language Model Sketchbook, or Why I Hate Chatbots * Maggie Appleton | Dribbble * Squish Meets Structure: Designing with Language Models * Ought * FAQ | Elicit * Squish Meets Structure: Designing with Language Models * Language Model Sketchbook, or Why I Hate Chatbots * 577: Shawn Wang on AI - ShopTalk * Introducing Whisper * Photoshop (beta) on the desktop * Midjourney * Llama 2 - Meta AI * LukeW | Ask * Maggie Appleton (@Mappletons) / X
Sponsors
Getting tripped up on audio at conferences, announcing the ShopTalk Show Lifetime Plan, some Once pricing #hotdrama, remembering Molly Holzschlag, web components, Luro launch day thoughts, and a question about using a normalize or sanitize in 2023 prompts a run through of Andy Bell's Modern CSS Reset.
Dave calls a quick Luro branding meeting, some thoughts on DevRel, Chris tries to figure out musical instrument mics, follow up on WordPress from a previous episode, Chris' journey through the social graph options, 100 year hosting with WordPress, and the introduction of a new segment: Happy Project Share Time.
We're talking the State of CSS Survey, 2023 Edition, with Chen Hui Jing. What was it like helping develop the survey? A bit of follow up on regions, the benefits of being able to tell the browser what you want, language issues in developing and understanding CSS, the struggle for non-majority users, CSS frameworks, and more.
Have you ever been an auctioneer? Sometimes when God closes a shed, he opens a sauna. Dave's working on the one day build theory, how to market with fake data, an update on the Discord, marketing with a spicy slug, what we want to see next in CSS, and thoughts on component libraries.
Is Apple's Numbers amazing or the worst? Customer support at various levels of software, Figma and P3 color, imagining a colorspace property in CSS, what's Dave doing for productivity, how has offloading CSS Tricks affected Chris, and should we build different websites for mobile vs desktop?
Shawn Wang joins us to talk about his work in AI, why prompt engineering is not what you need to focus on, how the scope of AI is bigger than any one of us, how to deal with the consistency of AI, and how to make use of AI in your product or app.
We're talking how we stay online - or not - on vacation, is create-guten-block the future for us WP developers? Can we get a state of the web component address from the President of web components? Have we seen the last new browser engine? And deciding whether to add features or remove them from your app.
Bluesky adds first class support for urls as a username, text-wrap pretty update, sqwunching text update, should CSS spit out errors, anchor functionality, what does the edge mean, eSports and bowling, how to test websites on slower CPUs, and what does proxy or reverse proxy mean?
Estelle Weyl and Eric Meyer join us to talk about the 5th edition of their book, CSS: The Definitive Guide. We talk about some of CSS' biggest blunders, custom scroll bars, single line comments, shorthand in CSS, useless CSS trivia, and how to get started learning CSS in 2023.
Chris breaks out his banjo, some thoughts on making music vs recording music, what happened to Google Reader and social reading, what black box properties can't Dave or Chris remember, follow up for dev teams communicating with designers, and what's Adobe going to do about Figma?
Show DescriptionDave reports back from the Figma Conference, how to build a better developer to designer bridge, do clients really want to update their website, using Stripe in 2023, permissions and sharing, and are you feeling overwhelmed by CSS in 2023? Listen on Website →Links Config 2023 | Figma’s Annual Conference Figma Visual Studio Code […]
Do you listen at 2x? Do Chris and Dave sound weird at normal speed IRL? How searching compares to using AI, chatbots kind of suck at context, getting a designer to work with developers at an agency, what happened to content visibility, and how to best build a design system using web components.
We're talking Dave's new haircut, playing Hondo, what Dave uses for images on his bookshelf page, lazy-loading thoughts, vh vw follow up, eyeball tracking updates, loading website with js, Vue transitions, charging for API access, and do you cross post, one post, or no post on social media in 2023?
How do you point out things in a UI? Are Arc Boosts the end of the web? What do you think of VR and AR / Vision Pro and Meta Quest? And what do you do when the sticky header goes missing?
Macho Man Randy Standards stops by for a quick chat, Passkeys follow up, discussing the safety of Display: contents, the yellow fade technique, how hot CSS is right now (so hot), and a check in on how everyone's doing with Tears of the Kingdom.
What do you do if your computer dies? Chris applies to work at Luro, Dave applies at CodePen, Dave's Zod curious, TypeScript, sorting out a 10MB blog post, and how much do you miss jQuery?
How should a podcast start? Talking View transitions, Google's Baseline, Passkeys, how to start a company, and ordering a spicy chicken combo at Wendy's.
Dave doesn't hate the hurdy-gurdy, but it's creation is an interesting parallel to software development. OKLCH follow up, @media, Edge drops new dev tools, CSS and Astro theming, JavaScript devs discover PHP, how many people block ads, and accessibility and grids.
Chris previews a bit of his Render ATL 2023 talk, and then we mouth blog some color ideas, thoughts, and shame you for your non-HD websites.
There's a special guest on the show who takes aim at the billionaires in web dev, do we know better than the algorithm for news, why is AI training data such a secret, Chris and Dave discover JetBrains, monorepo struggles, and SVG drawing tools.
What if Taylor Swift lyrics hold the answers to web dev questions? Podcast app thoughts, using Cloudflare Zaraz, what we're excited about with CSS, Arc browser updates, and are we even developers or are we specialized systems whisperers?
Topics for this one include how do you learn about web performance news? Do you need a web components sommelier? Our thoughts on Syntax going to Sentry, and being able to focus on the things you want to focus on. Passkeys, Arc split screen, and vibe driven development.
After a brief visit from Hip Hop Dad Dave, we're talking cascade layers updates, block link practices, search element getting dropped, how to use cite, emoji list accessibility, scrollbar state, and trigonometric functions in CSS.
Is there still any value in specializing in front-of-the-frontend dev? Would you ever use the dialog element for a mobile navigation? Why did CodePen decide to use Go for its GraphQL server?
Kristin Valentine from Vox joins the show to talk about text editor CMS fun across multiple sites, Vox's Chorus, The Verge redesign, sharing Design Systems, theming articles, and a fun new game called "Can Your Text Editor Do This??"
When will AI be able to tell you the risk / reward of cleaning up trees? Are conferences back? Bringing fidgets to the web, internet as an anxiety machine, and Chris is working on talk on modern CSS in real life.
Andrey Sitnik from Evil Martians talks with us about why OKCLH is the best way forward for color on the web, how to incorporate it into design systems, getting your designers to use OKCLH, and what kind of fallback support is needed.
Reacting to the React.js documentary, is there still jobs for front of the front end anymore? The fast fallacy in frameworks, best practices, dealing with too much or too little isolation, and AI test generation.
Brian Rinaldi joins us to talk about the state of Jamstack in 2023, acronym confusion, SPA confusion, developing common tools of understanding, why Netlify bought Gatsby, and the state of developer conferences.
Fred Schott stops by to talk about TypeScript, what DX means in 2023, a bit of GripeScript, and being transparent about what Astro is good at, and what it's not.
Austin power updates, what do you need if you want to build a new JavaScript framework, and what do we hope CSS brings in 2023?
Iheanyi Ekechukwu and Mike Coutermarsh talk about PlanetScale, what Vitess is, if PlanetScale is for both side and big projects, what read only regions are, what schema changes are, and how PlanetScale compares to other projects.
Simen and Espen from Sanity stop by to talk about the origins of Sanity, how Sanity Studio works, good use cases for Sanity, how Sanity does real time updates, what Groq is, and where to start with Sanity.
Ben Ubois is the founder of Feedbin, the RSS reader of choice for Dave and Chris. What influenced the creation of Feedbin, the state of RSS in 2023, curating your RSS feed, and subscribing to newsletters in Feedbin.
What's going to happen to homework with AI? Thoughts on infinite canvas which leads into Luro and Sigma integration, and Chris gets nerdsniped and tries to scrap (or should he crawl?) websites for data.
Jason Bahl joins the show to talk about the GraphQL and WordPress connection, his work on WP GraphQL plugin, Faust and Atlas from WP Engine, Jamstack and Wordpress, and more.
Ryan Dahl stops by to talk about Node, Deno, JavaScript, testing, V8, and thoughts around getting started with Deno.
Nate Parrott from The Browser Company of New York stops by to talk about Arc - including the history of Arc, how boosts work, building out dev features, how they deciding on what features to build, and feedback from Dave and Chris on Arc.
Getting feedback for what you're building or writing, RSS feed reminiscing, Arc browser thoughts, products that didn't make that should have.
Zach Leatherman talks with us about what's new with Eleventy, setting up on Mastodon, what's happened with Twitter, and is-land.
We're talking CSS-in-JS, Token CSS, Matuzo being suspended from Twitter, trying out Mastodon, testing out stable diffusion, stories on the web, and Jake Albaugh's new social network.
Una Kravets stops by to talk about making CSS your job, @ Property, Cascade layers, color spaces updates, shared element transitions, animation on the web, nesting, focus visible, and what people should learn about CSS.
Our thoughts on Next 13, incremental adoption, server components, WordPress vs Facebook, CodePen updates, Figma features we dig, Chris' TypeScript journey, and Dave's a hypocrite?
Sameera Kapila talks with us about her new book, Inclusive Design Communities, and why you should read the book, learning about group think, how we can all help improve hiring and retention, and dealing with workplace culture issues.
Catching up on work after being away at a conference, import maps coming to Safari, and your secret web patching tips including buying Disney tickets, saving Instagram photos, spell checking blog posts, taking funky screenshots, forms, cleaning up Jira, and pesky greyed out buttons.
Chris and Dave live from An Event Apart in Denver talking awkward break points, the npm web, Scott Jehl web criminal, web components, what is the purpose of a website, Svelte, and how does Figma do it?
Should you care about functional programming? What if cloud functions weren't node or deno, but built into the browser? Why do we accept npm dependency hell? Follow up on design matching the web question. And Dave blogged about the patchability of the open web.
Rebecca Murphey from Stripe talks with us about finding problems - the paper cuts - in your code or team and developing the best solution for them.
Building websites is cool again, but what threat is there to all of us from AI created images? And how would you design an API in 2022?
Bastian Allgeier, creator of the popular CMS Kirby, talks with us about what Kirby is, why Kirby uses flat files, the whole SSG vs flat debate, the $20B Sigma shaped elephant in the room, running Kirby on the edge, how Kirby handles support and licensing, and what kinds of sites use Kirby?
An update on the spoon theory talked about in the previous episode, thoughts on the mobile browser injection going on in apps, Chris spoke at CascadiaJS, Enhance.dev released, 4 new CSS methodologies, and quantity vs quality in your work output.
What database should a mobile app use? Is there any help for GDPR processes? Is there a way to get developers to better match design? How to implement accessibility in a web app environment? Heroku shuts down their free plan, and pricing is hard.
Keaton Taylor is a product designer at Discord and stopped by the show to talk about getting distracted by new dev toys, spoons as the best worst analogy, Wichita as the new Portland, working at Discord, and the interesting career paths for developers and designers in 2022.
Jen Simmons walks through a ton of the new CSS and HTML features out now or coming soon - including container queries, cascade layers, .has selector, and more!
Alex and Andrew join us from the Discord to talk about working on client sites and branding at Traina. How do they set up WordPress for development? What's the incentive to invest in tooling? And the benefits of using CodePen as a knowledge library for your brain.
A quick Luro update, working in a coffee shop, when do you know it's time to leave a working but shakey system behind and start fresh, teaching tricky A11y tips, dependency follow up, how big are the node modules, and we dream up a media service app.
Dave's working on his speaker bod, how well does Find My work for a lost iPhone and Air Tags, what do you let kids have access to online, design systems for teams using different JS frameworks, web components, and testing web components.
Questions from the D-d-d-d-discord and listeners about tacos or burritos, cleaning up CSS methodology, getting previews from a CMS, comparing Google Analytics to other stats, sharing page views with advertisers, and what happened to CSS Houdini?
Feross Aboukhadijeh talks with us about web security, what Socket aims to help with, how Socket compares to Depandabot or Sync, how they analyze all the data for Socket, and what things developers should be thinking about with regards to security in their apps.
How much polish do you put into internal apps? Can you create custom Gutenberg blocks for Shopify? How difficult is it to publishing a VS Code plugin? Thoughts on GitHub Copilot, notification options with GitHub Actions, and thoughts on static site builders such as Statimic.
Jay Hoffman talks with us about his History of the Web project and takes us through some of the important markers of the web's past including when ad money started, Web 2.0, Facebookification, RSS, CSS, and fads that have come and gone.
Rizèl Scarlett & Brian Douglas chat with us about GitHub Actions and help us understand how to use Actions on your next project. We also dive into GitHub Copilot and GitHub apps.
Eric Meyer and Jeffrey Zeldman join Chris and Dave to talk about building the web in 2022, micro formats and search engines, looking back on their work in building the web, anonymity and branding, the new possibilities with :has, performance gains in CSS, and the future of the web.
Dave is pondering Ariana Grande's voice, should you use a SSG for custom landing pages or WordPress, Chris digs apps that allow menu customization, thoughts on companies getting acquired, where should you start with JavaScript testing, is there CMS tools in JavaScript land, and why choose Remix over Rails / Laravel today?
WebPageTest adds Opportunities and Experiments, but is it worth it? Shopify announces Hydrogen, a framework for dynamic commerce, is .CSS a bad idea? And using the new INP metric.
Where have all the backend podcasts gone? Databases are so hot right now, so we're talking about them. What is the state of just using native web components? Are they a viable solution for a production app today? What if there was a type syntax in JavaScript?
How do you add features to a web app while the web app is running? Should you add features to your app based on whatever Twitter tells you? And if Chris or Dave were starting a new blog today, what niche would they start writing about?
Dave's got a new fridge, questions about whether we'll see a big podcast again, #DaveGoesNuxt3, mouthblogging Netlify ideas, resizing and cropping images, should you hire a newb dev or senior dev, what is a design system, and redesigning personal websites.
Dave's got a theory that we could build dev teams like video game teams, Chris has an API edge rant, Dave tests Nuxt 3, billionaires buying apps, camper talk, and the search for the perfect webcam.
Chris and Dave are answering questions live from An Event Apart, spring 2022 edition. What new CSS features are exciting? What would you add to CSS? What do you think creates the designer developer gap? Web components and two screens! And more!
Chuck Carpenter & Robbie Wagner from Web Whiskey and Whatnot stop by to talk about podcasting, hiring and firing, imposter syndrome, web3, Ember, and working with clients.
Dave taught on web components and has thoughts. A follow up on AMP and a question about how core web vitals compare? What you want if you were building a blog CMS in 2022? And some thoughts on GitHub copilot.
Regular listeners will know Chris has been big on Astro for a while now, so it was a treat to have one of the co-creators of Astro, Fred Schott, on to answer all our questions about Astro.
Dave might try no coffee, Safari inert follow-up, Dialog element, Safari Tech preview with subgrid, can we put JSX in the browser? React 18 has dropped. What about font streaming? Smashing Conf is coming to Austin, and Mexican travel tips with Chris.
Dave has questions about CSS Tricks sale to Digital Ocean, what's involved in selling a blog in 2022, the tech behind CSS Tricks, liberal coding to accept more than you anticipate, hidden attributes in HTML, and Inert in Safari 15.4.
Do you even metaverse? Dave's got GitHub issues, building in 3D for the web, and should you always write in plain text files?
We're talking Dave's 15m fix vs 30 day fix article, experiences with Prisma and Terraform, Edge becoming more popular than Safari, microbetting, and Kirby CMS.
A bit of follow up from last episode on passing props, Node shipped fetch, intentional digital rot on the web, and how hard could it be to make CodePen a PWA?
Jim Nielsen stops by to talk about blogging, writing a book on app icons, how he archives his part of the web, whether browsers are evergreen, future vs backwards proofing, color, and images on the web.
We check in with Pull Request Issues guy, should you check in Node dependencies, how to pick technology to learn, and what does Nuxt or Vue do for PropTypes?
We're talking Safari drama, wondering why Apple won't support other browsers on mobile, some solutions to writing in VS Code, and solving problems in isolation.
We're comparing our 'fits, deleting Twitter, and lurking in Discords. And wondering about how much customization you should have over an app's UI? Do you expect it? Is taking ownership of Babel transform a smart thing to do? What are design tokens really? And how do we get to cyber pink?
We're celebrating episode 500 by looking back at the previous eras of ShopTalk Show including why we started the show, how it's changed over the years, and how the tech and our lives have changed as well.
Long time listener, first time guest Melanie Sumner joins us to chat about her work on Ember, enterprise work, the importance of accessibility, and the web.
Chris and Dave are speaking at An Event Apart Seattle - you should come! We've got some COVID updates, Chris' Git journey, issues with Git Hooks, Commit Lint, take a look at Parcel CSS, and pick some fav things.
We're talking with Thomas Steiner of Google's Project Fugu about native apps or web apps. What is Project Fugu? Hardware limitations or requirements for using game controllers on the web. Working with new hardware API's. Reasons to choose a native app. As well as Thomas' SVG web app he's built.
We're talking about our predictions for web tech in 2022: Container queries, web3, React, HTML elements, CSS compatibility, utility frameworks, designer and developer tooling, multiple frameworks, and more episodes of ShopTalk Show!
Chris can't remember how to get his snow blower working, and Dave can't remember how to use Docker. We're also talking CSS Reset, nuking margin, one thing you can do to make your website better, getting rid of 3rd party Javascript, testing your product on a craptop, and defensive CSS.
Dave's got some WYSIWYG follow up, thoughts on maintaining open source projects, what role do you assign clients in WordPress, what are micro-frontends, using HTML to author web components, an update on Coil, and Fleet vs GitHub Copilot vs VS Code.
Chris has questions about TikTok (bing bong!), a bit of FU on why accessibility isn't treated as a first class citizen, Dave tries to find a good WYSIWYG editor, why does a repo get so many stars, and should you use all: unset on individual entities to clean things up?
What's the tech stack Paravel's using to build their app? A conversation on AdonisJS, NuxtJS on Vite, side projects in Vue, checking out Bun.sh, Slinkity and Eleventy, and working on quantity to get to quality.
Dave and Chris are on podcast and YouTube benders, talking CSS performance, CSS contain: Strict, what's new in CSS, how to build a great embed, one thing to make websites better in 2022, dealing with dogma in community, creating great slide decks, and #juicegate.
How good is web3 really? And is there money to be made without destroying the environment? Is HTML good enough for the future? And what are we excited about in new stuff for CSS?
What's needed to start a tech business in 2021? Is VS Code on the web usable? Why would you choose a native app over a web app in 2021? And be sure to follow Dave on LinkedIn.
Show DescriptionSupporting local sports teams, thoughts on WordPress' full site block editor, advice on convincing clients to move away from WordPress, modern WYSIWYG editors, Microsoft and cloning Notion, an update on Chris' hacker, and what will it take for devs to “focus” on accessibility? Listen on Website →Links Notion Obsidian Advanced Custom Fields Pell TinyMCE […]
Parenting life update, redundancy for leaves, using a chaos monkey, images not showing up based on ISP, modern image handling workflow options, and discussing The Manager's Path.
It's difficult enough to keep up with new web things, even when it's your job. How do Chris & Dave do it? Dave's blogging on spicy sections, Chris' Cloudinary issues are resolved, and there's some Apple problems to deal with.
Is it harder to make a website in 2021 than in 1996? Are site building tools making life easier? Does Dave use scoped styles in Vue? How could Vue help with design systems? And Chris tries making a CSS Tricks book on the web, while Dave is workshopping a web components talk.
We're talking about Cloudflare product updates, whether you should lie to the browser about image size, Chris is having Cloudinary issues, Dave's answering questions about upgrading from Vue 2 to Vue 3, a question about Font Awesome icons, and what's the deal with Webhint?
As Chris says, we're back to the meat 'n potatoes of ShopTalk with a Q&A episode including: XState thoughts, getting comfortable with JavaScript, tips on managing several WordPress sites, the best method to schedule high latency tasks with Node.js, a strategy for background images in CSS, and dealing with landing pages and subpages.
Join us on YouTube 3x a week for more ShopTalk fun. This episode: How would you build with maximum user growth in mind? Asset pipeline issues, self provisioning runtime, Google ZX, and crazy new CSS.
Crossover! Your favorite web dev podcasts join forces for a super collab that’ll knock you frontend off! Amelia joins Chris Coyier and Dave Rupert from ShopTalk Show while Divya teams up with Wes Bos & Scott Tolinski from Syntax. Let the FEUDing begin!
Does forcing users from the website to the app make the web devs feel sad? How do browser devs decide what to add? Having fun with Notion, custom media queries, and Dave's epic Surprise Chain blog post.
A bit of follow up from the last episode, getting your team on to the same tooling - and cool things in VS Code, import ordering, the new Chrome API eye dropper, and some YouTube thoughts and ideas.
Google is changing page title in search results, celebrating jQuery + Chris' birthday, content that gets too close and kisses, dealing with website sandwiches, using word break break word, and abuse of alerts on the web.
We're talking about CSS Module scripts, container query issues, wondering about writing scoped CSS, Tailwind, and custom property gotcha's.
We've got a new ShopTalk Show mug you can order, Safari and Chrome #HotDrama to discuss, what is the modern WordPress build process like, and what's the state of your local bowling alley or pickleball website?
Ben Hong talks with us about Vue 2 vs Vue 3, Nuxt, VuePress, GridSome, Petite Vue, Headless Shopify + Netlify, is static hosting the right term these days, and what's up with Nuxt 3?
The D-d-d-d-discord's got threads! Are conferences a thing we're ready for? How was Dave's experience working on a Windows PC? Help Dave figure out his monitor issue on Mac. Are people writing websites without a build step? And what is a good CSS technique for displaying images that could be either horizontal or vertical?
We're chatting with Ian Frost who swapped out his meteorologist career to become a web developer alongside his brother Brad Frost. We talk about getting started learning HTML / CSS, and then Javscript, writing code as a team, navigating the front and back end in 2021, dictating tech stacks to clients, and dealing with turnover and tech changes with clients.
Sarah Drasner's got a new book and we talk about her article on good meetings. Are front end problems more difficult than back end problems? GitHub's got an upgrade issues feature. How would you design a database for a new project? And where and what is data in 2021?
Can doing performance audits be a career in 2021? Comparing streaming and recording with Riverside and Streamyard. Is the front of the frontend being consumed by automation? Struggles in hiring and putting together resumes. And how much should freelancers bill clients for their own education and learning?
Do you drive or fly in 2021? How do you explain the Shadow DOM? What's LayoutNG? How do iFrames and Accessibility work out? Should we be using CSS Prefers Reduced Motion? And what's up with the Web Animation API?
We're joined by Wes Bos and Scott Tolinski from Syntax.fm and chat about the fun of developing, SvelteKit, what tools Scott and Wes reach for when building a website, the WordPress developer experience, and some sick picks!
Let's talk Sass, nesting, animation vs transition, animated tables, scroll snap points, progress meters, viewing emails in dark mode, and coded prototypes.
Where are my paaaants? What to do with new frameworks? What to do with new React? Building in Astro. And WWDC 2021 reactions.
What's the best way to include tabs as part of a component library? D-d-d-discord update on Alex's CSS-Trickz clone. Do you group your @media query items together or spread them around? And is software ever truly finished?
We're talking about linters, should we deliver single file HTML? Should you focus on a specific tool or be more general? And we revisit social image previews.
Jason Lengstorf and Phil Hawksworth chat about the current state of the Jamstack including React + Jamstack, Distributed Persistent Rendering, building for ease of use, dealing with minor changes and caching, whether Jamstack needs to do all things, and a big new Netlify features announced!
Camera and gear for your desk talk, and answering your questions about build tools, programatically creating social media images, border radius clipping of parents, debugging Safari on Windows, the state of Drupal in 2021, and using code blocks in WordPress.
Dave and Chris talked at An Event Apart Spring Summit 2021 on the good and bad of the web. They talked about CSS, framework knowledge, more CSS, PWA's for projects, service workers, the language of tooling, and web performance.
Dave's base got camped and Chris tried to improve the WordPress audio player. Also discussed: shared element transitions, Turbo, Astro, typography and fonts, and just simply blogging.
Adam Argyle chats with us about CSS features from risky and never in any browser to stable and available in many browsers that are available in 2021.
Dave's prepping for a talk at An Event Apart about Web Components, and we're answering questions about OAuth, and talking digital art.
Special guest Emma Bostian is on to talk about her new book, De-coding the Technical Interview, that will help you never bomb a technical job interview again. How to answer technical questions you don't know, looking for red flags when applying, infinite scrolling question, and how to not be a schlub when applying for a new job.
We're talking all about fun with colors in CSS, browser updates, the death of AMP (question mark), pseudo selectors, a question about responsive design in vertical space, and linking with _blank.
On this episode: Updates from Dave's shed, camera options for streaming and Zooming, Discord chats, Headless WordPress block editor musings, custom form controls with ElementInternals, going from a coder to a team leader, and container query updates.
We're talking about threading in Slack or Discord, the continue reading button on a website, Axe software - also a sponsor!, cost benefit of time spent on work, what a day in the life at work is like for Chris and Dave, and musing about whether conferences are going to be a thing again.
Evan You chats with us about Vite. How is Vite so fast? What about tree shaking? How do you convert various formats into ESM and what does Evan recommend? What is the future of Babel? And what the first 2 minutes of a Vite project are like?
Dave's got YouTube dreams, a conversation about Babel, trying to generate a goldilocks level of source code a la Backbone and Underscore, power washing WordPress websites as a career, and an update on Dave's desk.
JavaScript and next gen bundlers, Dave's experience using Vite, what are your expectations with stale browser tabs, and what can you do when consultants don't seem to be able to deliver on a project?
Nolan Lawson talks with Dave & Chris about his emoji picker element and how styling a web component works, why documentation is important, constructable stylesheets, how to build with Svelte, React or other frameworks, and the accessibility story with Web Components.
We're officially on Patreon now and we'd love to have you come join us in the ShopTalk Show Discord and help shape the future of the ShopTalk community. We also talk about Dave's office situation, Notion competition, Elastic Search, how should someone specialize to get a job, and breaking news on the pop up element.
More on Javascript in 2201, looking at Jay Hoffman's writing workflow, helping pick a CMS for fun blogging, helping pick a web host and the happiest path involved, and just what the heck are workers on the web?
This week we talk with the maintainers of Snowpack and WMR, two newish flavors bundlers, to discuss how ES Modules change the game for modern JavaScript development.
We answer your questions about using a headless WordPress set up, changing WordPress themes and what happens to custom post types, those share buttons on websites, and talk about the 3 recent fav articles that came across our RSS readers.
Dave and Chris talk about recent pandemic purchases, publishing video on the web, more sharing of convoluted processes, some menu bar app ideas, reinvigorating HTML, and writing good git commit messages.
First episode of 2021! Dave's 11ty conversion continues, CSS Tricks gets a redesign, art directed blog posts, injecting styles into front matter, building stuff on holidays, and whether you should use open source from organizations that are sketchy?
Dave's ongoing Mac adventures, cleaning up old WordPress plugins, sharing a WordPress support tech, a Puppeteer update, and the sliding scale of giving an F in projects. Oh and we review a bit of 2020 and look forward to 2021. Thanks for listening!
What's the state of the art technique when it comes to asset bundling in WordPress? Should we use grid for every component? How should we test ecommerce site builds? And Dave goes back to the Mac!
Chris wants to upgrade his monitor situation, and Dave wants to update his shed situation. And along the way, they answer a listener question about how to care more about the blogging.
Follow up on Chris' desk adventures, trying to work out Auth and OAuth with Nuxt, fixing a fixed header issue, more on Apple's M1 processor, and a blog post reading of the Truths about Digital Accessibility.
Let's talk Serverless - including using WordPress Serverless, how to solve a problem like local databases, and edge functions with Netlify and beyond.
Chris talks about his desk and cable organization in his new office, Dave talks about his new custom keyboard, and then they go for a deep dive into container queries.
Chris & Dave talking SEO, advice for pushing scripts to the end of a page, digital minimalism, LinkedIn Recruiters, ARM based Mac computers, and web monetization.
A bit of WordPress vs Jamstack fall out, iPad SVG drawing followup before diving into your questions: Can you use PHP to serve CSS? What's the ideal pipeline from request to deploy? And are there good options for self hosting video?
This episode is about evolving the web platform. Meaning literally the change process of HTML, CSS, and JavaScript. This is a complicated and sometimes slow process. It involves developers like us (squeaky wheels), standards bodies (the web is bad without governance), browser vendors (whole complicated stew of people), and people like our guest. Outside influencers and shepherds to this process.
Show DescriptionChris is nostalgic for Magic the Gathering, Dave's wishing he hadn't added drawings to his blog, they're both mouthblogging about image compression and AVIF, and Jeremey Keith is back with chapter 3: The Website. Listen on Website →Links Sidecar on iPad A quintessential blogging mistake ChrisCoyier.net ZText Cloudinary Cloudflare Workers AVIF has Landed Sqoosh […]
Natalya Shelburne is out guest to talk about her work at the New York Times, the importance of job titles, design engineering, design systems, and 2020 hot takes and soapboxes: childcare in the pandemic, education, and conferences.
The spookiest month of the year brings discussions of handling pull requests on open source projects, wayfinding on the responsive web, how would having to pay for frameworks change the web, relying on social media for promotion, and chapter 2 of the history of the web as read by Jeremy Keith.
Shawn Wang, known as Swyx, talks with Dave and Chris about his career path from finance to coding, and now in developer experience. They chat about serverless functions, React, getting a broad sense of technology, Wang's Coding Career Handbook, what's next for SSR, checking out Vite, and what exactly is DevX / developer experience?
This episode Dave's been blogging about the tangled webs we weave with dependancies and the internet, we talk more about web workers, and making peace with production code written by your earlier self. And Jeremy Keith kicks off part 1 of a reading of the history of the web.
Chris and Dave are coming to you live (recorded) from Smashing Conf's Live Webinar riffing on the talks and presentations, as well as their own Marketing Cloud Webinar Presentation.
David Dylan Thomas stops by to talk about his new book, Design for Cognitive Bias, recently published by A Book Apart. We talk about the illusion of control, confirmation bias, capitalism as a bias, culture fit, bias blindspots, the myth of the self-made man, move fast and break things, dark patterns, and what can we takeaway from learning about bias?
We're reflecting on turning 40, code health and integration testing, Mozilla Firefox conversations, the best way to provide an accessible text label to a button, and finding an application that minifies Javascript and images files.
We're talking addendum's and corrections, updates on Chris' text game, browsers built for designers, saying farewell to Firefox?, the best way to spin up a brochure website, and how Gutenberg in WordPress is these days.
Dave's gave a talk on backlogs, Chris has issues with Issues vs Discussions vs Chatting (and GIFs), and trying not to waste your time on ideas and projects when you have limited time to do them in.
We're talking about health, Tailwind CSS, getting overwhelmed with where to start on a project, some follow up on SVG sizes and web components, and why isn't there a bigger focus on web workers?
We riff on web components and web component libraries, when and why you should use a framework vs vanilla HTML/CSS/JS, how to make phone numbers more accessible, trying to figure out state, and some thoughts on SVG memory usage.
This episode we're talking about why we sleep, Zoom call etiquette and practices, spinning up Discord in 2020, Chris going Ruby, Dave working on CSS for foldable Windows devices, and what's the deal with masonry grid and layout?
Is there a way to listen for clicks and defer them until the app becomes available? What's the deal with accessibility widgets for websites? Should the system, browser, or website be responsible for motion settings? And how is Medium as a platform for monetizing your blog?
We're talking about how and when to spin down old projects, sun setting GitHub repos, and forums. We also answer your questions about how to educate and bring along the back-end team with tech, and when you should stick with old tech instead of the new hotness.
We're talking about Chris' new book of CSS Tricks, building support for old tech on the web, Apple going Arm and what that might mean for Parallels, and building Dave's magical image machine.
We're talking email, custom properties to tame the CSS stack, scroll trigger animation, WordPress blocks, mobile first vs desktop first design, and getting stuff to look nice on mobile Safari. And MORE!
Show DescriptionWe read some blogs and have some questions of our own: LH vs RLH? What about styling the shadow DOM with CSS shadow parts? Should you focus your work on what's loaded in your brain already? What is the Developer Experience? RUM and making decisions with or without data. Listen on Website →Links Webplatform […]
We're talking RSS feeds, Gemstone 4, MMO games, DnD, Jekyll vs Eleventy performance, email newsletters, Github and Microsoft, and strategies for dealing with Jamstack page jank.
Show DescriptionWe're talking about what's going on in the world and in our worlds, a bit of banjo talk, building in WordPress and the fancy world of workers, new web performance details from Google, and answering a question about static site generator performance. Listen on Website →Links How to Make this Moment the Turning Point […]
Jen Simmons is back on the show to talk with us about her new HTML Essentials course, CSS Aspect Ratio, rendering engines vs browsers, and a big announcement from her personally!
Is there a way to control text in the prompt for user permissions? Have we tried Emacs? How do you write better words? When is it appropriate to add a new framework to your resume? Do you think there is a front end ceiling?
Gerry McGovern talks with us about the amount of energy used sending the bits and bytes around the internet, the cost of storage, new phones vs old phones, the scale of data, and how do we adjust our process and culture to make changes?
Tom Preston-Werner joins the show to talk about his latest project, RedwoodJS, and the decisions made about how it works, public APIs, how tied to Netlify RedwoodJS is, and why they're using Prisma.
Show DescriptionVitaly Friedman talks with us about the changing landscape of publishing on the web, the changes seen in web conferences, the difference between a workshop and a webinar, and keeping up with all the technology in front end development. Listen on Website →GuestsVitaly FriedmanGuest's Main URL • Guest's TwitterVitaly Friedman loves beautiful content and […]
Show DescriptionWe're chatting with Blaine Bublitz, lead at the Gulpjs open source project, about what Gulp is, the lack of money in open source, SVG and Gulp, handling dependencies in Gulp, and what the future of Gulp looks like. Listen on Website →GuestsBlaine BublitzGuest's Main URL • Guest's TwitterMaintainer Relations, Gulpjs lead. Links Gulp.js Tidelift […]
Show DescriptionSuz Hinton stops by to talk about what it's like to work at Stripe, how businesses should consider storing billing data, her live stream coding journey, and building and coding digital devices like the Arduino. Listen on Website →GuestsSuz HintonGuest's Main URL • Guest's TwitterSoftware developer at Stripe, open source hardware + IoT, coding […]
Show DescriptionMarc Grabanski is the CEO and UI Developer at Frontend Masters. He talks with us about what Frontend Masters is, who it's for, how they decide what to teach, what's coming up, and the question everyone asks: what do I learn next? Listen on Website →GuestsMarc GrabanskiGuest's Main URL • Guest's TwitterHelping developers gain […]
Show DescriptionBrian Kardell talks with us about how new features get into browsers and the fun and challenging journey it takes to get there. Listen on Website →GuestsBrian KardellGuest's Main URL • Guest's TwitterDeveloper Advocate at Igalia | Co-author Extensible Web Manifesto | Standards Dude (Open JSF AC) Links ShopTalk Show 306: Debugging CSS with […]
Show DescriptionDivya Tagtachian stops by the ShopTalk studios to answer questions about Jamstack and Netlify. What's open authoring? Can a SPA be Jamstack? Can a site be too large for Jamstack? Is SSR the same thing as Jamstack? What's happening with WordPress and Jamstack? Listen on Website →GuestsDivya TagtachianGuest's Main URL • Guest's TwitterCurrently a […]
Show DescriptionSeneongo Akpem talks with us about his new book, Cross-Cultural Design, and how building websites for people all over the world and from different cultures can be done better. Listen on Website →Guests Senongo AkpemGuest's Main URL • Guest's TwitterA designer and creative director in New York City, with over 15 years experience delivering […]
Show DescriptionBrian Leroux chats with us about building modern web apps using Begin and other cloud services like it including a deep dive on AWS Lambda. Listen on Website →GuestsBrian LeRouxGuest's Main URL • Guest's TwitterCofounder @begin, Hacking on http://arc.codes, AWS serverless heros. Links Begin / Learn.Begin.com Brian on GitHub Heroku Linode Netlify CodePen Stackbit […]
Show DescriptionWe're talking the redesign of The ShopTalk Show website, including some of the issues and technical challenges we faced designing a podcast website for 2020. Listen on Website →Links Derek Featherstone Dave’s GitHub TimeJump Logitech MX Master 3 VueConf ErgoDox Keyboards SponsorsWooCommerceIf you'd like to sell CBD products on your WordPress/WooCommerce site, you can! […]
Show DescriptionWe're pontificating on foldable phones and what that means for the web, automating and finding things we like with RSS, talking about a new CodePen feature, and trying to figure out SEO. Listen on Website →Links Spanning CSS Polyfill NetNewsWire Feedbin Marvel Unlimited CSS Tricks: Pages for Likes Who you follow on CodePen Get […]