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 WebsiteWatch on YouTubeLinks 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 WebsiteWatch on YouTubeLinks 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 WebsiteWatch on YouTubeLinks 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 WebsiteGuestsBrad FrostGuest's Main URL • Guest's SocialIan FrostGuest's Main URL • Guest's SocialLinks 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 WebsiteGuestsScott JehlGuest's Main URL • Guest's SocialTech 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 WebsiteWatch on YouTubeGuestsRobby RussellGuest's Main URL • Guest's SocialCEO 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 WebsiteWatch on YouTubeGuestsSimen SvaleGuest's Main URL • Guest's SocialCo-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 WebsiteWatch on YouTubeLinks 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 WebsiteWatch on YouTubeLinks 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 WebsiteWatch on YouTubeLinks 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 WebsiteWatch on YouTubeLinks 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 WebsiteWatch on YouTubeLinks 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 WebsiteWatch on YouTubeGuestsFrederik BraunGuest's Main URL • Guest's SocialSecurity 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 WebsiteGuestsUjjwal SharmaGuest's Main URL • Guest's SocialDeveloper 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 WebsiteWatch on YouTubeLinks 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 WebsiteWatch on YouTubeLinks 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 WebsiteWatch on YouTubeLinks 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 WebsiteWatch on YouTubeLinks 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 WebsiteWatch on YouTubeLinks Clair Obscur | Expedition 33 Apple One Where’s the AI design renaissance? Outlyne Bolt Lando Norris Robin Rendle Dave Rupert Casey Newton slideVars - Automatic Sliders for CSS Custom Properties Media Chrome Docs SponsorsAxe-conAxe-con - the world's largest digital accessibility conference is from the makers of Axe-core and Axe DevTools Browser Extension. Taking place online on February 24-25. Registration is free and also gets you access to the on-demand recordings. Axe-con has a specific Development Track for dev content - some top speakers are Ire Aderinokun (front-end developer and Google developer expert), Jesse Beach (Software Engineering Manager at Meta), and other prominent folks from orgs like Coinbase, Zendesk, Red Hat, Atlassian, and more.
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 WebsiteWatch on YouTubeLinks 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 WebsiteWatch on YouTubeLinks 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 WebsiteWatch on YouTubeLinks 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 WebsiteWatch on YouTubeGuestsJessica HischeGuest's Main URL • Guest's SocialJessica Hische is a lettering artist and author with a tendency to overshare and a penchant for procrastiworking. Chris ShiflettGuest's Main URL • Guest's SocialChris 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 WebsiteLinks 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 WebsiteWatch on YouTubeLinks 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 WebsiteWatch on YouTubeLinks Jynxzi - Twitch BALL x PIT on Steam Enhancing Web Components Safely with Self-Destructing CSS by Scott Jehl https://webawesome.com Podcast Awesome Quiet UI A Beautiful Site Eleventy is a simpler static site generator Don’t use custom CSS mouse cursors – Eric Bailey Home | Rach Smith's digital garden The Two Button Problem – Frontend Masters Blog 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 WebsiteWatch on YouTubeGuestsSteve RuizGuest's Main URL • Guest's SocialA 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 WebsiteWatch on YouTubeGuestsTyler StickaGuest's Main URL • Guest's SocialI 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 WebsiteWatch on YouTubeLinks 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 WebsiteWatch on YouTubeGuestsBen FrainGuest's Main URL • Guest's SocialI 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 WebsiteWatch on YouTubeGuestsTodd LibbyGuest's Main URL • Guest's SocialWeb 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 WebsiteWatch on YouTubeLinks 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 WebsiteWatch on YouTubeLinks 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 WebsiteWatch on YouTubeLinks 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 WebsiteWatch on YouTubeLinks 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 WebsiteWatch on YouTubeLinks 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 WebsiteWatch on YouTubeLinks 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 WebsiteWatch on YouTubeGuestsKevin PowellGuest's Main URL • Guest's SocialCSS 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 WebsiteWatch on YouTubeLinks 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 WebsiteWatch on YouTubeLinks 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 WebsiteWatch on YouTubeLinks 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 WebsiteWatch on YouTubeGuestsTim FarnamGuest's Main URL • Guest's SocialCreative 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 WebsiteWatch on YouTubeLinks 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 WebsiteWatch on YouTubeLinks 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 WebsiteWatch on YouTubeLinks 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 WebsiteWatch on YouTubeLinks 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 WebsiteWatch on YouTubeGuestsBrad 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
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 WebsiteWatch on YouTubeGuestsPeter 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
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 WebsiteGuestsJake 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
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 WebsiteWatch on YouTubeGuestsJen 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 line-height units Home | Open UI text-wrap: pretty margin-trim CSS shape() function Two Lines of Cross-Document View Transitions Code
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 WebsiteWatch on YouTubeLinks 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
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 WebsiteWatch on YouTubeGuestsMat 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 (@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
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 WebsiteWatch on YouTubeLinks 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
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 WebsiteWatch on YouTubeLinks 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 WebsiteWatch on YouTubeLinks 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
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 WebsiteWatch on YouTubeLinks 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
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 WebsiteWatch on YouTubeLinks 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
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 WebsiteWatch on YouTubeGuestsAdam ArgyleGuest's Main URL • Guest's SocialCSS at Google. Links Chrome Canary Features Demo Space CSS Carousel Configurator Black Emperor
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 WebsiteWatch on YouTubeGuestsAndy 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
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 WebsiteWatch on YouTubeGuestsDavid 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!
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 WebsiteWatch on YouTubeLinks 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
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 WebsiteLinks SubwayTakes (@subwaytakes) | TikTok Motion - A modern animation library for JavaScript and React font-weight: 300 considered harmful | CSS-Tricks
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 WebsiteLinks 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
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 WebsiteWatch on YouTubeLinks 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
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 WebsiteLinks 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
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 WebsiteGuestsJason 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!
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 WebsiteLinks 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 WebsiteLinks 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
Show DescriptionHard hitting investigative journalism episode warning: Chris and Dave speculate on the ways a project like void(0) could make money. Listen on WebsiteLinks 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
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 WebsiteLinks 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
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 WebsiteGuestsAlex (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.
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 WebsiteLinks 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 WebsiteLinks The and 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.
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 WebsiteLinks How to Spatchcock Chicken, a Step-by-Step Guide Half-Life Scott Jehl on Web Components CSS Parts Relief ESLint Sorting Plugin GitLens Biome
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 WebsiteGuestsChris 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.
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 WebsiteLinks 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.
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 WebsiteLinks 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.
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 WebsiteLinks 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.
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 WebsiteLinks 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.
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 WebsiteGuestsBrian 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!
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 WebsiteLinks 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
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 WebsiteGuestsJeff 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
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 WebsiteGuestsFabian 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
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 WebsiteGuestsThomas 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
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 WebsiteGuestsAdam 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
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 WebsiteLinks 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
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 WebsiteLinks 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 WebsiteLinks 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 WebsiteLinks 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 WebsiteLinks 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
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 WebsiteLinks 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
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 WebsiteLinks 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 WebsiteLinks Polyfill Attack Impacts Over 380,000 Hosts, Including Major Companies Off The Main Thread podcast Web Dev Pitfalls State of JavaScript 2023 Fliteboard eFoil
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 WebsiteLinks 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
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 WebsiteLinks 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
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 WebsiteLinks 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
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 WebsiteLinks 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
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 WebsiteGuestsSven NeumannGuest's Main URL • Guest's SocialCreator 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
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 WebsiteGuestsMatt VisiwigGuest's Main URL • Guest's SocialSelf-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
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 WebsiteGuestsJason GrigsbyGuest's Main URL • Guest's SocialCo-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
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 WebsiteGuestsLuke AbbottGuest's Main URL • Guest's SocialMusician and creator of Strum Machine. Links Strum Machine: customizable backing tracks made from real instruments Tater Joes Old-Time Musical Mercantile Chris Coyier on Strum Machine iReal Pro Practice PG Music SoundJS Library Tone.js Latest Posts - Page 2 Apache Cordova Extensive Song Catalog howler.js A Tale of Two Clocks
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 WebsiteLinks 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
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 WebsiteGuestsAdam ArgyleGuest's Main URL • Guest's SocialCSS 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
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 WebsiteLinks 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
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 WebsiteGuestsMatthew HaugheyGuest's Main URL • Guest's SocialA 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
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 WebsiteLinks 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
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 WebsiteLinks 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 WebsiteGuestsBlake WatsonGuest's Main URL • Guest's SocialCurrently 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
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 WebsiteLinks 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 WebsiteGuestsFred K. SchottGuest's Main URL • Guest's SocialCo-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
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 WebsiteGuestsMichelle BarkerGuest's Main URL • Guest's SocialSenior 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 WebsiteGuestsJim NielsenGuest's Main URL • Guest's SocialDesigner. 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 WebsiteLinks 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 WebsiteGuestsJosh CollinsworthGuest's Main URL • Guest's SocialFrontend 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 WebsiteLinks 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 WebsiteGuestsBrad FrostGuest's Main URL • Guest's SocialDesign 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 WebsiteLinks 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 WebsiteLinks 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 WebsiteGuestsJen SimmonsGuest's Main URL • Guest's Social 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 WebsiteLinks 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 WebsiteLinks 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 WebsiteLinks 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 WebsiteLinks 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.