ShopTalk

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 →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.

Transcribed - Published: 21 July 2025

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. Listen on Website →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.

Transcribed - Published: 14 July 2025

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. Listen on Website →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.

Transcribed - Published: 7 July 2025

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 →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 Sponsors

Transcribed - Published: 30 June 2025

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 →GuestsBrad FrostGuest's Main URL • Guest's SocialDesign system consultant, web designer, speaker, writer, musician, and artist located in beautiful Pittsburgh, PA. Ian FrostGuest's Main URL • Guest's SocialFront-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 Sponsors

Transcribed - Published: 23 June 2025

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 SocialWorking 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

Transcribed - Published: 16 June 2025

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 SocialEngineer at Shopify. Once swam to the end of an infinity pool. Links Off The Main Thread podcast blink-dev - Google Groups Sponsors

Transcribed - Published: 9 June 2025

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

Transcribed - Published: 2 June 2025

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

Transcribed - Published: 26 May 2025

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 SocialMy 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 (@[email protected]) - 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

Transcribed - Published: 19 May 2025

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

Transcribed - Published: 12 May 2025

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.

Transcribed - Published: 5 May 2025

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

Transcribed - Published: 28 April 2025

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

Transcribed - Published: 21 April 2025

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

Transcribed - Published: 14 April 2025

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 SocialCSS at Google. Links Chrome Canary Features Demo Space CSS Carousel Configurator Black Emperor Sponsors

Transcribed - Published: 7 April 2025

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 SocialDesigner, 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

Transcribed - Published: 31 March 2025

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 SocialDesigner, 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!

Transcribed - Published: 24 March 2025

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

Transcribed - Published: 17 March 2025

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

Transcribed - Published: 10 March 2025

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

Transcribed - Published: 3 March 2025

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

Transcribed - Published: 24 February 2025

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

Transcribed - Published: 17 February 2025

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 SocialJason 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!

Transcribed - Published: 10 February 2025

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.

Transcribed - Published: 3 February 2025

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

Transcribed - Published: 27 January 2025

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

Transcribed - Published: 20 January 2025

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

Transcribed - Published: 13 January 2025

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 SocialA web developer from Atlanta, GA that specializes in Vue.js, python, and PHP. Ben (Blaze)Guest's Main URL • Guest's SocialA user-centered frontend developer with a focus on web accessibility. Miriam (Astra)Guest's Main URL • Guest's SocialCo-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.

Transcribed - Published: 16 December 2024

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.

Transcribed - Published: 9 December 2024

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 <details> and <summary> elements are getting an upgrade - Stephanie Stimac's Blog Request for developer feedback: customizable select  |  Blog  |  Chrome for Developers HTML & CSS Dropdowns HTML Latest Control Browser noopener links Stylable Select Element Self-Closing Tags in HTML Riverside Select Element with Rules HTML Basics for Beginners The aside element AI Note Taking Interop 2025 SponsorsBluehostFind unique domains, web hosting, and WordPress tools, all in one place. Empower your business or digital agency with Bluehost.

Transcribed - Published: 2 December 2024

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

Transcribed - Published: 25 November 2024

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 SocialMakes 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 agency with Bluehost.

Transcribed - Published: 18 November 2024

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 agency with Bluehost.

Transcribed - Published: 11 November 2024

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 agency with Bluehost.

Transcribed - Published: 4 November 2024

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 agency with Bluehost.

Transcribed - Published: 28 October 2024

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 agency with Bluehost.

Transcribed - Published: 21 October 2024

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 SocialAuthor 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!

Transcribed - Published: 14 October 2024

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

Transcribed - Published: 7 October 2024

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 SocialCreator 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

Transcribed - Published: 30 September 2024

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 SocialCore 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

Transcribed - Published: 23 September 2024

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 SocialDeveloper 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

Transcribed - Published: 16 September 2024

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 SocialCEO & 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

Transcribed - Published: 9 September 2024

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

Transcribed - Published: 2 September 2024

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

Transcribed - Published: 26 August 2024

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

Transcribed - Published: 19 August 2024

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

Transcribed - Published: 12 August 2024

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

Transcribed - Published: 5 August 2024

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

Transcribed - Published: 29 July 2024

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.

Transcribed - Published: 22 July 2024