Show DescriptionJeff Robbins stops by to talk about his software, Visibox, that was used at Frostapalooza for presenting video at the concert, what it's like building an app with Electron, how it's distributed, how files are used and managed, and how he supports hardware devices inside Electron. Listen on Website →GuestsJeff RobbinsGuest's Main URL • Guest's TwitterCreator of Visibox, Musician in 123Astronaut & Orbitband, Cofounder at Lullabot, Executive Coach at jjeff․com. Links MV7+ - Podcast Microphone NT-USB Microphone Jeff Robbins (@jjeff) Jeff Robbins FROSTAPALOOZA - A CONCERT/PARTY/HAPPENING ON AUGUST 17th, 2024 CodePen: Online Code Editor and Front End Web Developer Community Learning Web Design with Jennifer Robbins Visibox Announcement Lullabot Spaceage Cross-Platform App Development Desktop Apps with Web Frontend SponsorsJam.devOne click bug reports devs love. Find out more at jam.dev

Show DescriptionFabian Kägy helps us understand the modern WordPress development process, Gutenberg vs Block editor vs full site editing, building with blocks or pages, what's coming in the Twenty Twenty-Five Theme, and whether the theme authoring process has been made too difficult in 2024? Listen on Website →GuestsFabian KägyGuest's Main URL • Guest's TwitterCore Contributor and WordCamp Speaker. Director of Editorial Engineering at 10up. Links 10up | finely crafted websites and tools Fabian Kägy - User Experience focused developer currently building great user experiences within the WordPress Block Editor as the Director of Editorial Engineering @10up. fabiankaegy (Fabian Kägy) on GitHub @fabiankaegy on Twitter / X Fabian Kägy (@fabiankaegy) – WordPress user profile | WordPress.org Fabian Kägy on LinkedIn ACF Plugin Create Block Theme WordPress/twentytwentyfive St. Jude Donation SponsorsJam.devOne click bug reports devs love. Find out more at jam.dev

Show DescriptionThomas Steiner from Project Fugu talks with us about AI in Chrome, the small large language model in use, how features like this are rolled out, the ethics and concerns around sending and sharing data, on device vs web APIs, and ideas for use cases and ways to explore AI on the web. Listen on Website →GuestsThomas SteinerGuest's Main URL • Guest's TwitterDeveloper Relations Engineer at Google, focused on the Web and Project Fugu. Links Web Capabilities (Project Fugu) Chrome.dev Prompt API Playground Summarization API Playground Translation API API Playground Chrome AI Proposal Chrome AI Experiment Intelligence Preview Prompt API Proposal Writing Assistance APIs Proposal Web Translation Proposal WICG WebML TPAC 2024 Agenda TPAC 2024: Overview Cache AI Models SponsorsJam.devOne click bug reports devs love. Find out more at jam.dev

Show DescriptionAdam Coster talks with us about working with his family in game development, how they get started making games, what all is involved with publishing games, deciding to go Steam and Netflix only for Crashlands 2, how web tech is involved in game development, and the fun of testing and doing Q&A for games. Listen on Website →GuestsAdam CosterGuest's Main URL • Guest's TwitterCEO & Webtech at Butterscotch Shenanigans Links Butterscotch Shenanigans About | Butterscotch Shenanigans Coffee with Butterscotch adam-coster (Adam Coster) Adam Coster @costerad on Twitter Crashlands 2 on Steam Sponsors

Show DescriptionDave's got an idea for a second brain app that's customized to his brain, where we're at with Notion and other notes apps, and accessibility on LLM's in browsers. Listen on Website →Links Notion Web Clipper for Chrome, Safari, Firefox, and mobile The PARA Method: The Simple System for Organizing Your Digital Life in Seconds Obsidian - Sharpen your thinking Organize Life System Things To-Do List Bear - Markdown Notes Analog Productivity System Just use fucking paper, man Daylight Computer Care Chrome Canary Features Cerebras Sponsors

Show DescriptionChris has a birthday today , we recap our Frostapalooza experience celebrating Brad Frost's birthday, do all codebases become a mess, Mermaid, TLDraw, and Figjam thoughts, making tiny games, where's the follow up in web and world news, and what's the current state of CMS' on the web? Listen on Website →Links Frostapalooza – Chris Coyier FROSTAPALOOZA - A CONCERT/PARTY/HAPPENING ON AUGUST 17th, 2024 Frostapalooza in photos and videos | Brad Frost Symmetry 2024 Tickets Code Editor Community Understanding Technical Debt Mermaid Tool tldraw Collaborative Whiteboard Dev Mode Visual Suite for Everyone Game Development Competition Butterscotch Shenanigans Ghost Platform Craft CMS Astro Eleventy Static Site Generator Decap CMS The Markdown CMS Sanity Content Cloud SponsorsJam.devOne click bug reports devs love. Find out more at jam.dev

Show DescriptionA bit of follow-up on vibe driven development and JavaScript not causing The Great Divide, writing testing automation, global design systems and web components, could PHP be used for web components, what if view transitions are going to be everywhere, and frontend engineer vs design systems engineer job titles and descriptions. Listen on Website →Links Trust the vibes We don't need a boss, we need a process | Miriam Eric Suzanne The Great Divide JavaScript and The Great Divide 346: Is There a Great Divide? Kevin Powell | CSS Evangelist Javascript Testing Frameworks Design System Comparison Global Design System Brad Frost Design Frostapalooza Concert Val Head Sharpen your thinking Sheelah Brennan's Engineer Comparison Turkey Sounds SponsorsJam.devOne click bug reports devs love. Find out more at jam.dev

Show DescriptionDoc told me to travel but there's COVID on the planes, Dave's got a 2x life update, how often do you manage or prune your RSS feed subscriptions, checking in on Code Hike and their fine grained Markdown approach, JavaScript decorators use case, and using Cloudflare R2 for image storage. Listen on Website →Links Noah Kahan - Stick Season on YouTube Dave's new dogs from the Discord Fine-grained Markdown Cloudflare Object Storage Uppy Netlify Image CDN SponsorsJam.devOne click bug reports devs love. Find out more at jam.dev

Show DescriptionChris brings some blog posts to talk about including being comfortable with the struggle of developer life, Cloudflare Workers + monorepos, vibe driven development, and questions about database migrations, and whether we think AI free blogs are going to be a rarity in the future? Listen on Website →Links Comfortable with the struggle Cloudflare Workers · Cloudflare Workers docs Wrangler Cloudflare Workers Features • GitHub Actions Azure DevOps Services Yarn Vibe Driven Development Active Record Migrations Prisma Migrate Sponsors

Show DescriptionChris has some follow up on blog posts and past podcast episodes to respond to including browsers and browser engines, advertising on the web, magazines, Cara, peak AI slop, and view transitions. Listen on Website →Links FROSTAPALOOZA - A CONCERT/PARTY/HAPPENING ON AUGUST 17th, 2024 kottke.org - home of fine hypertext products Daring Fireball Cory Doctorow's craphound.com | Cory Doctorow's Literary Works Moonbound Second Foundation Servo Web Rendering Engine Ladybird Flow Browser Learn. Build. Grow. Together. Artist Platform Tech News The Homepage of Dave Rupert View Transitions Break Misconceptions about view transitions  |  Blog  |  Chrome for Developers Sponsors

Show DescriptionDave's putting together a platform for his presidential bid and workshops his policies, discussing vehicle options for a family in 2024, Chris and other authors get ownership of their A Book Apart books back, and the ramifications and reasoning behind Google killing a URL shortener. Listen on Website →Links ‎Office Space (1999) directed by Mike Judge • Reviews, film + cast • Letterboxd 2024 Hyundai IONIQ 5: Electric SUV | Hyundai Canada R2 - Rivian Bronco® Sport | Build & Price | Shop.ford.ca A Book Apart Practical SVG by Chris Coyier Print-On-Demand I’m Mat. I make websites. Reacquired. Real Life News 587: Why Ethan Marcotte Thinks Tech Workers Deserve a Union – ShopTalk Google URL Shortener Netlify Astro Partnership SponsorsShopTalk PatreonSupport the show and help keep us on the air - AND get access to the super fun d-d-d-d-d-d-d-iscord with other Shopamaniacs.

Show DescriptionOn this epsiode we're talking about the current state of blogging and social media, the polyfill hack, whether in app browsers should be banned, web components and the difficulty of front end web dev, and how we would go about teaching CSS from scratch in 2024. Listen on Website →Links Polyfill Attack Impacts Over 380,000 Hosts, Including Major Companies Off The Main Thread podcast Web Dev Pitfalls State of JavaScript 2023 Fliteboard eFoil Sponsors

Show DescriptionWe're talking about assigning a weight to items in a layout, differentiating between banger posts and regular blog posts, using social engineering to get PR's accepted, monorepo thoughts, using CoPilot vs other AI programming support bots, has TypeScript benefited from AI, and what happens if you turn off CoPilot? Listen on Website →Links 614: CSS Grid Level 3 aka Masonry with Adam Argyle – ShopTalk 606: Web Sustainability with Michelle Barker – ShopTalk Footnotes Progressively Enhanced to Popovers – Frontend Masters Boost Charm Supermaven ThePrimeagen on YouTube Sponsors

Show DescriptionWe're talking website rendering, server side rendering, Astro's server islands, perf hits for navigation elements, updating software because the docs aren't available for older versions, and a new Microsoft Edge was released. Listen on Website →Links Scale & Ship Faster with a Composable Web Architecture | Netlify Eleventy is a simpler static site generator Astro Next.js React Framework Cloudflare Services Internet Power Website Improvement Server Islands Create Web Components FAST Enhance Vue.js Framework An even faster Microsoft Edge Sponsors

Show DescriptionWe've got follow up on Cloudflare and Cara from last episode, a question about setting up Prettier and auto linting, a cool tool from a listener on comparing colors, a question about using tooling like Craft or more user friendly apps like Webflow when working with clients, and our takes on accessibility overlays. Listen on Website →Links Cloud Application Hosting for Developers | Render Prettier · Opinionated Code Formatter Biome, toolchain of the web Vetur Compare colors Craft CMS Webflow: Create a custom website | Visual website builder Accessibility Overlay Decision Sponsors

Show DescriptionWe dive a bit deeper into the Cloudflare drama of the past couple of weeks, Instagram ads vs Cara art, what to do about Auth in your app, pre-negging any sponsorships, prototyping and feedback on projects, and ideas for future topics. Listen on Website →Links Cloudflare took down our website after trying to force us to pay 120k$ within 24h Connect, Protect and Build Everywhere | Cloudflare Deploy app servers close to your users · Fly A social app for creatives, Cara grew from 40k to 650k users in a week because artists are fed up with Meta’s AI policies Cara | Artist Social & Portfolio Platform Auth0: Secure access for everyone. But not just anyone. WorkOS — Your app, Enterprise Ready. Theo - t3․gg How Big Things Get Done: The Surprising Factors That Determine the Fate of Every Project, from Home Renovations to Space Exploration and Everything In Between The Homer | Simpsons Wiki | Fandom A Global Design System | Brad Frost FAST Sponsors

Show DescriptionSven Neumann aka Sven Codes talks with us about SudokuPad, developing a cross-platform app, integrating new puzzles and features, the benefits of being easy to use, building a community, and monetizing an app while not upsetting your user base. Listen on Website →GuestsSven NeumannGuest's Main URL • Guest's TwitterCreator of Sven's SudokuPad. Links Solving “The Miracle Sudoku” SudokuPad Web App - by SvenCodes.com and Cracking The Cryptic Cracking The Cryptic svencodes.com Sven Codes (@svencodes) / X Sven Codes Sven Codes | Creating Sudoku Tools | Patreon Buy Sven Neumann a Coffee Sven's SudokuPad on Steam Sven's SudokuPad on the App Store Sven's SudokuPad - Apps on Google Play Sponsors

Show DescriptionMatt Visiwig stops by to chat with us about his site, SVGBackgrounds.com, a membership site for copy-and-paste website graphics built around SVG. We talk about why he built the site, how he decided to monetize it, competing with AI garbage on the web, pricing membership options, and how he's running the site. Listen on Website →GuestsMatt VisiwigGuest's Main URL • Guest's TwitterSelf-employed web designer, building SVGBackgrounds.com. Links Customize and apply backgrounds fast | SVG Backgrounds Matt Visiwig Matt Visiwig (@MattVisiwig) / X Purchase the Perfect MemberPress Plan for Your Site Today | MemberPress chroma.js api docs! jscolor: JavaScript Color picker with Opacity (alpha channel) ACF | Advanced Custom Fields Plugin for WordPress Frontend Masters Boost – Helping Your Journey to Senior Developer Sponsors

Show DescriptionWe're chatting with Jason Grigsby about what a white-collar recession means, how the sources and methods of consuming news shape our perspectives, whether the current economic conditions represent a market correction and if a rebound is imminent. We explore the critical decision of whether to embrace AI advancements or risk being left behind. We also talk about AI-generated voices, large language models and ethics, and the impact of social media signals in an AI world. Listen on Website →GuestsJason GrigsbyGuest's Main URL • Guest's TwitterCo-Founder of Cloud Four. Author of Progressive Web Apps from A Book Apart. Links An Event Apart - Farewell Cloud Four – Responsive web design and development, progressive web apps Jason Grigsby – A resurrected blog on the Indie Web Jason Grigsby (@grigs) / X High-Salary Job Scarcity Code Tests AI Ethical Framework iPhone Personal Voice MacWhisper Progressive Web Apps Decoder Sponsors

Show DescriptionLuke Abbott is the creator of Strum Machine, an app that simulates backing tracks by stitching together individual notes, chords, and strums recorded on guitar, standup bass, and mandolin. We talk about what Strum Machine does, why he decided to build it, how bringing on a professional designer helped, pricing thoughts, and the "fun" of building a version on iOS. Listen on Website →GuestsLuke AbbottGuest's Main URL • Guest's TwitterMusician and creator of Strum Machine. Links Strum Machine: customizable backing tracks made from real instruments Tater Joes Old-Time Musical Mercantile Chris Coyier on Strum Machine iReal Pro Practice PG Music SoundJS Library Tone.js Latest Posts - Page 2 Apache Cordova Extensive Song Catalog Sponsors

Show DescriptionDave's got job news to share, as well as insight into the process of what applying for a job in tech is like in 2024. We also talk about styling, scoping, positioning, and floating UI. Listen on Website →Links Algorithms & Data Structures | Learn Algorithms with TypeScript for Interviews | Frontend Masters Information asymmetry Fluent 2 Design System Font Awesome Web Awesome Icônes Iconify — Search Icons Create Floating UI User App Tour Sponsors

Show DescriptionAdam Argyle stops by to chat about the conversation that's happening around CSS Grid / Masonry. What do we want? What might Apple's response to Google be? And nitpicking the spec just for fun. Listen on Website →GuestsAdam ArgyleGuest's Main URL • Guest's TwitterCSS DevRel Google Chrome, CSSWG member, host on GUIchallenges, co-host: CSSpodcast and BAD at CSSpodcast, maker of VisBug, OpenProps and GradientStyle. Links ‎Gemini - chat to supercharge your ideas Invent Masonry Layout Feedback on Masonry Layout – Frontend Masters Boost Masonry CSS Masonry What would you call this layout? Web Bloat Impact Sponsors

Show DescriptionChris bought recording gear off an Instagram ad, our thoughts on WebC, CodePen upgrades Yarn, thoughts on the commercial value of open source, Automattic releases an app to install WordPress locally, IBM buys Hashicorp, income tax software, and a hack for getting Safari to respect background colors used in a pseudo selector. Listen on Website →Links FROSTAPALOOZA - A CONCERT/PARTY/HAPPENING ON AUGUST 17th, 2024 601: Brad Frost on A Global Design System + Frostapalooza – ShopTalk Audigo - The pocket-size recording studio Final Cut Pro Sync iPhone Webcam for Mac Acapella PicPlayPost Eleventy Generator Astro Enhance Transform Plain Text Home page Efficient Package Manager Explore Coding Ideas Code Editor Community Node.js Documentary Goodbye Atom. Hello Zed. Zed is now open source Git Branching, Refined Design System Tracker Local WordPress Development Studio by WordPress.com WordPress Security & Performance Melanie Sumner IBM acquires HashiCorp TurboTax Deceptive Filing TikTok Tax Advice Safari Selection Rendering Val Town Sponsors

Show DescriptionMatt is here to talk about creating the perfect fantasy CMS for blogging, moderating comments at Metafilter, building sane defaults into programs, how difficult the web is, do we want AI in our CMS, and where is content headed on the internet? Listen on Website →GuestsMatthew HaugheyGuest's Main URL • Guest's TwitterA writer with over 25 years of experience building products. In that time I've worked as a designer, coder, company founder, and senior writer. Links Matt Haughey Blogger.com - Create a unique and beautiful blog easily. MetaFilter | Community Weblog MovableType.org The story of b2, b2evolution and WordPress Ghost: The best open source blogging platform Micro.blog A Whole Lotta Nothing Notes from migrating 24 years of blog posts from WordPress to Ghost Ideas for my dream blogging CMS Embrace the weird The newest episode of Search Engine is incredible Best printer 2023: just buy this Brother laser printer everyone has, it’s fine - The Verge Sponsors

Show DescriptionDave & Chris and thoughts on career advice that worked 3 years ago but isn't as helpful now, marking tests with ChatGPT, is taking a Drupal job in 2024 a good idea, Chris got #gear sniped, P3 color follow up, the confusing File System APIs, and where did all the lightboxes go? Listen on Website →Links chan (@chantastic) / X The Texas Tribune The Coming Wave Book Drupal - Open Source CMS | Drupal.org Electric Air Duster - 130000RPM Compressed Air Duster，3 Gear Adjustable Jet Dry Blower can Reusable Can for Computer Keyboard,Outdoors,Car,Home. : Electronics xScope • Measure. Inspect. Test. The Many, Confusing File System APIs – Cloud Four Sponsors

Show DescriptionDave's about to be eclipsed, the state of TypeScript in 2024, signals stage zero proposal, corrections on accessibility in frameworks (thanks!), web apps for better collaborative writing, getting productivity sniped, the problem with email may be you, indieweb follow up, and ultimate guitar tab apps. Listen on Website →Links Streamlining APIs, Databases, & Microservices | Apollo GraphQL Svelte • Cybernetically enhanced web apps Ember.js - A framework for ambitious web developers Web Test Runner: Modern Web Frontend Masters Boost – Helping Your Journey to Senior Developer Notion – The next gen of notes & docs Paper Stashpad - Your streamlined Google Docs alternative ButterDocs | Google Docs Alternative for Serious Writers & Teams Things - To-Do List for Mac & iOS Godspeed Aboard - Collect. Organize. Collaborate. Obsidian - Sharpen your thinking Analog - The original to-do system by Ugmonk CleanShot X for Mac IndieWebify.Me - a guide to getting you on the IndieWeb ULTIMATE GUITAR TABS John Deere commits to letting farmers repair their own tractors (kind of) - The Verge SponsorsRadical Are you an aspiring designer, developer, marketer, or fanny pack tester? Maybe you're a burnt-out designer struggling for fresh ideas, or perhaps you have no idea where to start with design? Do you need to find a way to make your sites less boring and more memorable? Well then, this course is for you.

Show DescriptionWhat is a home cooked app? Blake Watson is on this episode to talk all about the kinds of apps that make a good home cooked app, tips and advice he has for making them, resisting the urge to monetize or growth hack them, and a few CodePen v2 thoughts sprinkled in at the end. Listen on Website →GuestsBlake WatsonGuest's Main URL • Guest's TwitterCurrently a member of the frontend dev team at MRI Technologies, working on projects for NASA. Links Watson Brothers Games An app can be a home-cooked meal blakewatson.com – About blakewatson.com – MagnoliaJS 2023: The joys of home-cooked apps MRI Technologies blakewatson.com – Building our own private Discord knockoff blakewatson.com – Things I miss blakewatson.com – Use your Mac the way I do: a thought experiment Overimagine1/old-discord-font: CSS to revert Discord's font change. A Fine Start - minimal new tab page Knockout : Home Vue.js - The Progressive JavaScript Framework | Vue.js The Programming Language Lua Save 10% on Thronefall on Steam Game Off 2023 - itch.io Sponsors

Show DescriptionWe're opening up the ShopTalk mailbag and answering your questions, including does WordPress on your resume kill your job chances, what are our fav and least fav parts of web dev, our thoughts on HTMX, and what is it like to use pnpm instead of npm. Listen on Website →Links Front End Happy Hour Playdate Develop for Playdate Nuxt: The Intuitive Vue Framework · Nuxt ThePrimeagen Fast, disk space efficient package manager | pnpm Yarn SponsorsRadical DesignAre you an aspiring designer, developer, marketer, or fanny pack tester? Maybe you're a burnt-out designer struggling for fresh ideas, or perhaps you have no idea where to start with design? Do you need to find a way to make your sites less boring and more memorable? Well then, this course is for you.

Show DescriptionFred K. Schott stops by to talk about Astro announcement of Astro DB. The pluses and minuses of it, and whether you have to always use the database with Astro DB. We get into how to seed your database, upgrading the database, and the almost weirdly generous pricing model. Listen on Website →GuestsFred K. SchottGuest's Main URL • Guest's TwitterCo-creator of Astro. Links Astro DB: A Deep Dive | Astro Astro DB Astro DB: A Deep Dive | Astro tursodatabase/libsql: libSQL is a fork of SQLite that is both Open Source, and Open Contributions. StackBlitz | Instant Dev Environments | Click. Code. Done. Schema.org - Schema.org Ben Holmes on X: "Astro built a database platform. How does it work? Clerk Lucia documentation PlanetScale forever Astro DB Just Released Sponsors

Show DescriptionWe're talking with Michelle Barker about the idea of paying to support bloggers (and podcasters!) via services like Patreon, drumming as a fun side gig from CSS, how big of an issue digital sustainability is, trying to understand the environmental impact of our websites and digital life, wondering why YouTube embeds are still so large, disabling cookies, and how to build the web in a more sustainable way. Listen on Website →GuestsMichelle BarkerGuest's Main URL • Guest's TwitterSenior 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 (@[email protected]) - Front-End Social Michelle Barker Michelle Barker on CodePen mbarker84 (Michelle Barker) shoptalkshow.com - Website Carbon Calculator paulirish/lite-youtube-embed: A faster youtube embed. SponsorsRadical Design CourseAre you an aspiring designer, developer, marketer, or fanny pack tester? Maybe you're a burnt-out designer struggling for fresh ideas, or perhaps you have no idea where to start with design? Do you need to find a way to make your sites less boring and more memorable? Well then, this course is for you.

Show DescriptionJim Nielsen joins us to about URLs and linking as the new subversive way to maintain the web, paying for news in Canada, should content creators be worried about AI, the case for design engineers, RSS in HTML, and the state of state and UI. Listen on Website →GuestsJim NielsenGuest's Main URL • Guest's TwitterDesigner. Engineer. Writer. Links About - Jim Nielsen’s Blog “Wherever you get your podcasts” is a radical statement - Anil Dash The Subversive Hyperlink - Jim Nielsen’s Blog More Files Please - Jim Nielsen’s Blog Canada to keep pressure on Facebook to pay for news, Trudeau says Cite Your Sources, AI - Jim Nielsen’s Blog For the first few decades of the web, the tacit agreement wa... The Case For Design Engineers, Pt. II - Jim Nielsen’s Blog RSS in HTML: A Follow-Up - Jim Nielsen’s Blog Style your RSS feed UI is a Function of Your Organization - Jim Nielsen’s Blog UI daverupert.com Notes from “Why Can’t We Make Simple Software?” By Peter van Hardenberg - Jim Nielsen’s Blog I Staked Out My Local Domino’s to See Just How Accurate Its Pizza Tracker Is The Benevolent Deception: When Should a Doctor Lie to Patients? - The Atlantic SponsorsElicitElicit’s goal is to radically increase high-quality reasoning in science and beyond. As early as 2017, they pioneered process supervision, an approach to breaking down complex work for advanced machine learning systems, so that it remains transparent and controllable. Today they use language models to help more than 200,000 researchers each month. They just raised a $9 million seed round and are looking for exceptional engineers across frontend, backend, and ML. If you're an exceptional front-end engineer looking to build the next generation of AI interfaces with a modern tech stack (Next, Tailwind, Chakra), join them!

Show DescriptionA follow up on jQuery conversation, Microsoft owning all the things, what VS Code plugins are your ride or die, the ability to Git from wherever you want, Tailwind drama, global design system follow up, Arc Search gets roasted, and Frontend Design Conference is back! Listen on Website →Links GitHub - tc39/proposal-type-annotations: ECMAScript proposal for type syntax that is erased - Stage 1 Chris Coyier on Embracing Technology and the Future of Web Development - Whiskey Web and Whatnot - Episode 131 Zed Dracula Official GitLens Tower Git Client GitHub Desktop “Wherever you get your podcasts” is a radical statement - Anil Dash Sourcetree Tailwind marketing and misinformation engine What is Utility-First CSS?: HeydonWorks A Global Design System | Brad Frost Thoughts on a Global Design System – Chris Coyier Arc Search Can Apple Win Back Music - Brad Frost Carolina Chocolate Drops TPAIN - Twitch Front-end Design Conference - April 25-26, 2024 SponsorsWixWix Studio combines pure web design with maximum productivity. Taking the grind out of website creation for professional designers. Use the powerful visual editor, or work online in a VS Code-based IDE, or code locally and push changes via GitHub.

Show DescriptionJosh (or Jsoh) stops by to talk about his work at Deno, recent blog posts on Copilot, why Svelte is awesome and React is not, Apple and PWA, and building word games on the web. Listen on Website →GuestsJosh CollinsworthGuest's Main URL • Guest's TwitterFrontend Engineer at Deno, the maker and designer of the word games Quina, and Hondo. Links Josh Collinsworth Deno, the next-generation JavaScript runtime Deno Deploy | Deno Fresh - The next-gen web framework. I worry our Copilot is leaving some passengers behind - Josh Collinsworth blog How A Small Team of Developers Created React at Facebook | React.js: The Documentary Vite | Next Generation Frontend Tooling Screen Recorder for macOS. Beautiful videos in minutes | Screen Studio CleanShot X for Mac stitchy - crates.io: Rust Package Registry Raycast Home Squoosh RunJS - JavaScript Playground Quina - Menu Hondo - a word game in 100 words or less Home / PWABuilder SponsorsJoin Elicit as a software engineerElicit’s goal is to radically increase high-quality reasoning in science and beyond. As early as 2017, they pioneered process supervision, an approach to breaking down complex work for advanced machine learning systems, so that it remains transparent and controllable. Today they use language models to help more than 200,000 researchers each month. They just raised a $9 million seed round and are looking for exceptional engineers across frontend, backend, and ML. If you're an exceptional front-end engineer looking to build the next generation of AI interfaces with a modern tech stack (Next, Tailwind, Chakra), join them!

Show DescriptionVoiceover pays us a visit, we talk about what accessibility really means, the difficulty of closing a dialogue element, web components at work, and jQuery 4 is out. Listen on Website →Links Opportunities for AI in Accessibility – A List Apart the-pastry-box-project.net An Alphabet of Accessibility Issues by Anne Gibson Alphabet of Accessibility Deck Understanding accessibility through ABCs – On the Issues Frontend Masters Boost – Helping Your Journey to Senior Developer storage-form Web Component - David Darnes CodeMirror FitVids.JS - A lightweight, easy-to-use jQuery plugin for fluid width video embeds. HTML with Superpowers | HTML with Superpowers Learn from Dave Rupert's courses | Frontend Masters jQuery SponsorsMiroFind simplicity in your most complex projects with Miro. Your first three Miro boards are free when you sign up today at Miro.com.

Show DescriptionBrad Frost has got design systems on his mind—at a global scale. What is a global design system? Are two design systems ever the same? How would this slot inside atomic design? What has been the response from the web community to global design system as an idea? And what's Frostapalooza? Listen on Website →GuestsBrad FrostGuest's Main URL • Guest's TwitterDesign system consultant, web designer, speaker, writer, and musician located in beautiful Pittsburgh, PA. Links A Global Design System | Brad Frost Shadcn UI Homer Designs a Car This Is Big Design Frostapalooza Concert Brad Frost Brad Frost (@brad_frost) • Instagram photos and videos bradfrost (Brad Frost) · GitHub Brad Frost on CodePen Brad Frost Brad Frost brad_frost’s Music Profile | Last.fm SponsorsJam.devYou’ve probably heard of Jam.dev, it’s used by more than 60,000 people. It’s a free tool that saves developers a ton of frustration. It forces your teammates to make the perfect bug report. They can’t do it wrong because it automatically includes a video of the bug, console logs, network requests, everything you need to debug. It automatically lists out the steps to reproduce. It’s so easy to get your teammates to use. It’s just a Chrome extension. When they see a bug, they click a button and right away it creates a ticket. So it saves time for them.

Show DescriptionWe've got your feedback as well as our thoughts on where we all think the web will be in 2036 - as we celebrate 12 years of ShopTalk Show history, we're looking forward to what's to come with ideas around cookie banners, undo, no more passwords, React, Deno, Node, and Mozilla's future, ChatGPT's thoughts, accessibility, blockchain, VR / AR, hoverboards, P3 color space, indie web, JS bundle sizes, and more! Listen on Website →Links 12 predictions for the next 12 years to celebrate 12 years of ShopTalk The most powerful Git client for Mac and Windows | Tower Git Client Justin Peacock: "@chriscoyier @davatron5000 sin…" - Super Rad Future of Web 2034 Obsidian - Sharpen your thinking rabbit — home Apple Vision Pro - Apple A Global Design System | Brad Frost Lemon Productions Podcast Editing by Chris Enns phamtranscriptionservices.com SponsorsJam.devYou’ve probably heard of Jam.dev, it’s used by more than 60,000 people. It’s a free tool that saves developers a ton of frustration. It forces your teammates to make the perfect bug report. They can’t do it wrong because it automatically includes a video of the bug, console logs, network requests, everything you need to debug. It automatically lists out the steps to reproduce. It’s so easy to get your teammates to use. It’s just a Chrome extension. When they see a bug, they click a button and right away it creates a ticket. So it saves time for them.

Show DescriptionDave and Chris discuss indie web culture, the role of social media in today's society, and the challenges and strategies of freelancing. Additionally, they discuss a range of topics from content moderation, coding and refining tech skills, to emerging startups and the future of web technology. Listen on Website →Links Cracking The Cryptic How Adam Savage COMPLETELY Overhauled His Workshop Where have all the websites gone? I miss RSS kottke.org - home of fine hypertext products Daring Fireball Chris Coyier – Web craftsman, blogger, author, speaker. The Homepage of Dave Rupert | daverupert.com Naz Hamid Substack Is Not Infrastructure – Pixel Envy Why Platformer is leaving Substack Duolingo - The world's best way to learn a language Shutting down Artifact. We’ve made the decision to wind down… | by Artifact Team | Artifact News | Jan, 2024 | Medium Daring Fireball: Artifact Is Shutting Down After One Year The Quiet Death of Ello's Big Dreams - Waxy.org IndieWeb - IndieWeb Webmention - IndieWeb Quick thoughts on chips | daverupert.com Quicker Thoughts on Chips - Snook.ca Email is good. – A site about email productivity. Lemon Productions - Podcast Editing and Production by Chris Enns Brad Frost | Design system consultant, author of Atomic Design, web designer, and musician Courses by Kent C. Dodds SponsorsJam.devYou’ve probably heard of Jam.dev, it’s used by more than 60,000 people. It’s a free tool that saves developers a ton of frustration. It forces your teammates to make the perfect bug report. They can’t do it wrong because it automatically includes a video of the bug, console logs, network requests, everything you need to debug. It automatically lists out the steps to reproduce. It’s so easy to get your teammates to use. It’s just a Chrome extension. When they see a bug, they click a button and right away it creates a ticket. So it saves time for them.

Show DescriptionJen Simmons, Apple Evangelist on the Web Developer Experience team for Safari & WebKit, stops by to talk about what Interop is, and a look ahead at new CSS features in Webkit and Safari such as JPEG XL, masks, a round function, JavaScript improvements, styling form controls, content unblocks, masonry, and more! Listen on Website →GuestsJen SimmonsGuest's Main URL • Guest's Twitter Apple Evangelist on the Web Developer Experience team for Safari & @webkit. Member of CSS Working Group. Links Can I use... Support tables for HTML5, CSS3, etc Apple Developer JPEG - JPEG XL WebKit Bugzilla Main Page SponsorsJam.devYou’ve probably heard of Jam.dev, it’s used by more than 60,000 people. It’s a free tool that saves developers a ton of frustration. It forces your teammates to make the perfect bug report. They can’t do it wrong because it automatically includes a video of the bug, console logs, network requests, everything you need to debug. It automatically lists out the steps to reproduce. It’s so easy to get your teammates to use. It’s just a Chrome extension. When they see a bug, they click a button and right away it creates a ticket. So it saves time for them.

Show DescriptionWe're closing in on episode 600 and need your help to celebrate! Listen in to learn how to contribute to the episode. We're also talking GitHub desktop apps and code editors, how many VS Code plugins are needed, reading long form like Poor Charlie's Almanack, InVision shutting down, and answering our first Q of the year: how would you approach learning web development in 2024? Listen on Website →Links The most powerful Git client for Mac and Windows | Tower Git Client GitHub Desktop | Simple collaboration from your desktop Zed - Code at the speed of thought Tree-sitter｜Introduction Panic - Nova JetBrains: Essential tools for software developers and teams Poor Charlie’s Almanack: The Essential Wit and Wisdom of Charles T. Munger Stripe Press — Ideas for progress Engineering Management for the Rest of Us Stripe Press — Ideas for progress Stripe Press — The Dream Machine Stripe Press — The Making of Prince of Persia The Very Best Podcasts of 2023 The 25 Best Podcasts of 2023 - The Atlantic ‘Search Engine’ Podcast Brings Back the Joy of ‘Reply All’ UX design company InVision is shutting down this year Website design software | Adobe Dreamweaver Learn JavaScript, React, and TypeScript to Node.js, Fullstack, and Backend | Frontend Masters Learn from Emma Bostian's courses | Frontend Masters Trending - CodePen SponsorsJam.devYou’ve probably heard of Jam.dev, it’s used by more than 60,000 people. It’s a free tool that saves developers a ton of frustration. It forces your teammates to make the perfect bug report. They can’t do it wrong because it automatically includes a video of the bug, console logs, network requests, everything you need to debug. It automatically lists out the steps to reproduce. It’s so easy to get your teammates to use. It’s just a Chrome extension. When they see a bug, they click a button and right away it creates a ticket. So it saves time for them.

Show DescriptionLooking back at the year of AI, using Arc on macOS and now Windows, dreaming of subscriptions, and knowing how to be mad about the right thing. Listen on Website →Links Crunchyroll Dropout ‎Wish (2023) GitHub Copilot Loom Introducing Whisper A Convo w/ Chris Coyier – Arc Arc from The Browser Company Codeium Dropbox spooks users with new AI features that send data to OpenAI when used | Ars Technica One YouTube Embed weighs almost 1.2 MB lite-youtube-embed: A faster youtube embed. SponsorsMiroFind simplicity in your most complex projects with Miro. Your first three Miro boards are free when you sign up today at Miro.com.

Show DescriptionBlood pressure, stress, and COVID highlight the MedTalk Show portion of this episode, a new "Did You Know" segment about dev tools in Chrome, 4 hour video on plagiarism and code grifters, typography, breaking out of CSS Grid, the oldest things Chris and Dave worked on, and what the testing process is like at Luro or CodePen. Listen on Website →Links Blood Pressure – Chris Coyier QardioArm 2 - Smart Blood Pressure Monitor CodePen PRO Plagiarism and You(Tube) kottke.org - home of fine hypertext products Welcome to Ethan Marcotte’s website Practical SVG, A Book Apart Built to Last: Successful Habits of Visionary Companies: Collins, Jim, Porras Kevin Powell Igalia Chats: The Struggle to Keep Up with Web Tech Thoughts on testing SponsorsMiroFind simplicity in your most complex projects with Miro. Your first three Miro boards are free when you sign up today at Miro.com.

Show DescriptionIn this episode we're discussing making tech videos, website tinkering, :has tricks, SVG path commands, and the complexities of CSS & JavaScript logic. Listen on Website →Links Streamlabs NextDNS GitHub Desktop Tower Git Client Screen Studio ScreenFlow Descript | All-in-one video & podcast editing, easy as a doc. Mark Rober I Joined 4 Coppers For Ranked... (Rainbow Six Siege) Element Indexes – Chris Coyier A /random Route on a WordPress Site – Chris Coyier daverupert.com Bookshelf | daverupert.com Sentry SponsorsMiroFind simplicity in your most complex projects with Miro. Your first three Miro boards are free when you sign up today at Miro.com.

Show DescriptionThoughts on smashing all communication messaging apps together, what's happened to Tumblr under Automattic, what the situation is with native web components and JavaScript, and looking at a list of types of blog posts. Listen on Website →Links Combined Messaging Apps – Chris Coyier Adium - Download Beeper XMPP Texts Automattic CEO Matt Mullenweg details Tumblr's future after re-org Matrix.org Web Components | Learn to Create Web Components | Frontend Masters HTML Web Components - Jim Nielsen’s Blog Uncluttered – Baldur Bjarnason Luro | Build a design system and track component usage, adoption, and success across your entire product. Apple Annie’s Weblog · Types of blog posts. Email is good. – A site about email productivity. Fastmail | We Respect Your Privacy & Put You in Control The ‘Enshittification’ of TikTok | WIRED Pushing back on unconstrained capitalism with Cory Doctorow (Changelog Interviews #565) |> Changelog Julia Evans Sponsors

Show DescriptionTalking web components, progressive enhancement, style-able components, having to pay before you get to see a demo, being annoyed at the business of SEO, and subscriptions vs ads. Listen on Website →Links FitVids has a web component now | daverupert.com Code Hike Everything about SEO is obnoxious – Chris Coyier Did SEO experts ruin the internet or did Google? - The Verge Swift.org - Welcome to Swift.org Flutter - Build apps for any screen Sponsors

Show DescriptionMiriam Suzanne stops by to talk about CSS updates and news on container queries, rolling out cascade layers, !important things to remember, custom properties, exit animations, CSS functions, state queries, and more. Listen on Website →GuestsMiriam SuzanneGuest's Main URL • Guest's TwitterCo-Founder of Oddbird, core contributor to Sass, author for Sitepoint and CSS Tricks, invited expert to the w3c CSS Working Group. Links mirisuzanne (Miriam Suzanne) Miriam Suzanne on CodePen Autoprefixer CSS online Lightning CSS Select an element which doesn’t descend from another in CSS | chriskirknielsen Susy | OddBird Posts | OddBird Demystifying CSS Container Queries | OddBird Demystifying CSS Container Queries SponsorsMiroFind simplicity in your most complex projects with Miro. Your first three Miro boards are free when you sign up today at Miro.com

Show DescriptionThe excitement of launching Luro, changes in social media platforms, different seasons for coding and marketing, embedded social media post weight, CSS thoughts from Web Unleashed, focus state issues, and fact checking and updating old posts on your blog. Listen on Website →Links Luro | Build a design system and track component usage, adoption, and success across your entire product. Watch Dave's livestreams on Twitch Pebble (social network) Message Decoder – Chris Coyier Message Decoder - Scans your notifications, automatically puts one-time passcodes on your clipboard 0 KB Social Media Embeds – Chris Coyier WordPress plugin for fediverse embeds | Stefan Bohacek Stories: Building a home for my shitty sci-fi | daverupert.com Stories | daverupert.com An Anchored Navbar Solution – Eric’s Archived Thoughts I Have A New Podcast! - by Michael Hobbes If Books Could Kill on Apple Podcasts SponsorsMiroFind simplicity in your most complex projects with Miro. Your first three Miro boards are free when you sign up today at Miro.com

Show DescriptionA quick bit of union news follow up, CSS function round up, Read It Later inside Feedbin, fun uses for a Stream Deck+, how to turn up the money dial in your own business, and having the audacity to call yourself a publisher. Listen on Website →Links A Couple of New CSS Functions I’d Never Heard Of – Chris Coyier [@ichrisv2 • Parenting tip: iOS17's Assistive Access mode is great for accessibility (seniors, etc.) but also ... • Threads](https://www.threads.net/@ichrisv2/post/CydyJByOPvK) Bandcamp’s Entire Union Bargaining Team Was Laid Off xywh() - CSS: Cascading Style Sheets | MDN Bramus: "To change a color based on Lig…" - Front-End Social @ichrisv2 • Parenting tip: iOS17's Assistive Access mode is great for accessibility (seniors, etc.) but also ... • Threads Chris Enns: "Parenting tip: iOS17’s Assisti…" - Mastodon Read Later in Feedbin | daverupert.com Feedbin Meta in Myanmar, Part I: The Setup - Erin Kissane's small internet website Convert bookmarklet to Chrome extension Reeder 5 Read Aloud: A Text to Speech Voice Reader - Chrome Web Store Stream Deck + Black Edition The Browser is a Printing Press Luro | Luro Posts Luro blender.org - Home of the Blender project - Free and Open 3D Creation Software Sponsors

Show DescriptionElliot Marquez talks with us about the history of Polymer and Lit, why you should pick Lit, working with web components, the shadow dom, managing state, and how Material design is built with web components. Listen on Website →GuestsElliot MarquezGuest's Main URL • Guest's TwitterFront-end software development for Google’s Lit team. Links webcomponents.org Lit esm.run by jsDelivr - A New-Age CDN for JavaScript modules davatron5000/fit-vids: Web Component version of FitVids from the creator of FitVids Tailwind CSS - Rapidly build modern websites without ever leaving your HTML. Material Web Discord Sponsors

Show DescriptionEthan Marcotte is here to talk about his new book, You Deserve a Tech Union, and discusses topics such as why we need unions in tech, who gets to be in the union, how unions can help deal with the AI question, union busting, and some arguments against unions. Listen on Website →GuestsEthan MarcotteGuest's Main URL • Guest's TwitterDesigner, writer, and speaker. Started that “responsive web design” thing. Links Ethan Marcotte on LinkedIn Ethan Marcotte on Mastodon Welcome to Ethan Marcotte’s website — Ethan Marcotte Responsive Web Design, A Book Apart You Deserve a Tech Union, A Book Apart Google Flat-Out Refuses to Bargain With Workers, Prompting YouTube Music Strike CEO Patrick Collison's email to Stripe employees Twitter lays off another 10% of staff, New York Times reports | CNN Business Kickstarter United When Is a Superstar Just Another Employee? - Freakonomics Basecamp Blowup: Banning Politics At Work Prompts Over A Dozen Employees To Quit : NPR Bandcamp United - Home Glitch workers sign tech’s first collective bargaining agreement - The Verge Waiting for "Superman" Resilient Management | A book for new managers in tech Sponsors

Show DescriptionManton Reece, creator of Micro.blog, stops by to talk about the history of Micro.blog, what it's written in, how it handles feeds coming in and going out, cross-posting, authentication, and the somewhat hidden features of Micro.blog: bookmarking, bookshelves, and even podcasting. Listen on Website →GuestsManton ReeceGuest's Main URL • Guest's TwitterCreator of Micro.blog, co-host of Core Intuition. Links Kagi Search - A Premium Search Engine Micro.blog Manton Reece - About Micro.blog - @manton Indie Microblogging: owning your short-form writing by Manton Reece — Kickstarter Indie Microblogging Sinatra Cross-Posting - Chris Coyier Cross-posting to Twitter, Medium, Mastodon, and more - Cross-posting - Micro.blog Help Center Letterboxd • Social film discovery. Nostr, a simple protocol for decentralizing social media that has a chance of working Welcome to Pinboard—Social bookmarking for introverts! Micro.blog for iOS Hugo Bear Blog MarsEdit 5 Core Intuition podcast Sponsors

Show DescriptionChris redesigned his blog, using sounds on your website to make it seem fancy, what can't automated accessibility tests test, and what's new in Safari 17. Listen on Website →Links School dropoff and sweater weather season | Instagram Chris Coyier - Web craftsman, blogger, author, speaker. Cannonball is such a badass song - Chris Coyier Soundcite Why not React? - DEV Community Top Tasks - A how-to guide - Gerry McGovern How To Make A Strong Case For Accessibility – Smart Interface Design Patterns Expanding your touch targets – Nicole Sullivan v0.dev by Vercel Fable | Digital accessibility, powered by people with disabilities Safari 17 Release Notes | Apple Developer Documentation display: contents considered harmful – Eric Bailey More accessible markup with display: contents | hidde.blog A (more) Modern CSS Reset - Andy Bell Smart Interface Design Patterns (9h video + live UX training) – 100 Smart Interface Design Patterns & Live Examples. 9h Video + UX Training. How To Make A Strong Case For Accessibility – Smart Interface Design Patterns Sponsors

Show DescriptionFred K. Schott stops by to talk about building community, open source and sponsorship, building on partnerships in the dev community, WordPress + Astro, view transitions, using Discord for support, and leaking secret Astro Studio details. Listen on Website →GuestsFred K. SchottGuest's Main URL • Guest's TwitterCo-creator of Astro. Links Astro Astro Documentation The Astro Blog | Astro Astro on GitHub Discord Astro (@astrodotbuild) on Twitter Discord | kapa.ai docs Astro Studio Music for fake trailer: - How To Make A Blockbuster Movie Trailer - Auralnauts music - The Booj — Twenty Thousand HertzSponsors

Show DescriptionMaggie Appleton talks with us about her work at Elicit, working with large and small language models, how humans vet the responses from AI, the discussion around the Soggoth meme in AI, using Discord as UI, what to do if your boss wants AI in your app, and why does she call her blog a digital garden? Listen on Website →GuestsMaggie AppletonGuest's Main URL • Guest's TwitterDesign at Elicit. Makes visual essays about UX, programming, and anthropology. Adores digital gardening, end-user development, and embodied cognition. Links Maggie Appleton Language Model Sketchbook, or Why I Hate Chatbots Maggie Appleton | Dribbble Squish Meets Structure: Designing with Language Models Ought FAQ | Elicit Squish Meets Structure: Designing with Language Models Language Model Sketchbook, or Why I Hate Chatbots 577: Shawn Wang on AI - ShopTalk Introducing Whisper Photoshop (beta) on the desktop Midjourney Llama 2 - Meta AI LukeW | Ask Maggie Appleton (@Mappletons) / X Sponsors

Show DescriptionGetting tripped up on audio at conferences, announcing the ShopTalk Show Lifetime Plan, some Once pricing #hotdrama, remembering Molly Holzschlag, web components, Luro launch day thoughts, and a question about using a normalize or sanitize in 2023 prompts a run through of Andy Bell's Modern CSS Reset. Listen on Website →Links ONCE — Introducing ONCE Singing Carrots - The Place for Your Singing Practice Online Form Builder with Cloud Storage Database | Wufoo SurveyMonkey: The World’s Most Popular Free Online Survey Tool Envato - Top digital assets and services Open source hooliganism and the TypeScript meltdown Tucson's Molly Holzschlag, known as 'the fairy godmother of the web,' dead at 60 | Obituary Memories of Molly – Eric’s Archived Thoughts Bruce Lawson's personal site  : Goodbye Molly Holzschlag–a memoriam post The History of Internet Explorer and Web Standards | HackerNoon Shoelace: A forward-thinking library of web components. Luro | Expand your design system to your entire product development process A Modern CSS Reset - Andy Bell The ideal viewport doesn’t exist The CSS Podcast SponsorsFrontend MastersThe exploration sale is going on until September 18th! Newly revamped learning paths (all 18 of them) Brand new site / course search features Epic lineup of upcoming courses through the rest of 2023 and beyond! Find your perfect course or learning path — $100 OFF

Dave calls a quick Luro branding meeting, some thoughts on DevRel, Chris tries to figure out musical instrument mics, follow up on WordPress from a previous episode, Chris' journey through the social graph options, 100 year hosting with WordPress, and the introduction of a new segment: Happy Project Share Time.

We're talking the State of CSS Survey, 2023 Edition, with Chen Hui Jing. What was it like helping develop the survey? A bit of follow up on regions, the benefits of being able to tell the browser what you want, language issues in developing and understanding CSS, the struggle for non-majority users, CSS frameworks, and more.

Have you ever been an auctioneer? Sometimes when God closes a shed, he opens a sauna. Dave's working on the one day build theory, how to market with fake data, an update on the Discord, marketing with a spicy slug, what we want to see next in CSS, and thoughts on component libraries.

Is Apple's Numbers amazing or the worst? Customer support at various levels of software, Figma and P3 color, imagining a colorspace property in CSS, what's Dave doing for productivity, how has offloading CSS Tricks affected Chris, and should we build different websites for mobile vs desktop?

Shawn Wang joins us to talk about his work in AI, why prompt engineering is not what you need to focus on, how the scope of AI is bigger than any one of us, how to deal with the consistency of AI, and how to make use of AI in your product or app.

We're talking how we stay online - or not - on vacation, is create-guten-block the future for us WP developers? Can we get a state of the web component address from the President of web components? Have we seen the last new browser engine? And deciding whether to add features or remove them from your app.

Bluesky adds first class support for urls as a username, text-wrap pretty update, sqwunching text update, should CSS spit out errors, anchor functionality, what does the edge mean, eSports and bowling, how to test websites on slower CPUs, and what does proxy or reverse proxy mean?

Estelle Weyl and Eric Meyer join us to talk about the 5th edition of their book, CSS: The Definitive Guide. We talk about some of CSS' biggest blunders, custom scroll bars, single line comments, shorthand in CSS, useless CSS trivia, and how to get started learning CSS in 2023.

Chris breaks out his banjo, some thoughts on making music vs recording music, what happened to Google Reader and social reading, what black box properties can't Dave or Chris remember, follow up for dev teams communicating with designers, and what's Adobe going to do about Figma?

Show DescriptionDave reports back from the Figma Conference, how to build a better developer to designer bridge, do clients really want to update their website, using Stripe in 2023, permissions and sharing, and are you feeling overwhelmed by CSS in 2023? Listen on Website →Links Config 2023 | Figma’s Annual Conference Figma Visual Studio Code […]

Do you listen at 2x? Do Chris and Dave sound weird at normal speed IRL? How searching compares to using AI, chatbots kind of suck at context, getting a designer to work with developers at an agency, what happened to content visibility, and how to best build a design system using web components.

We're talking Dave's new haircut, playing Hondo, what Dave uses for images on his bookshelf page, lazy-loading thoughts, vh vw follow up, eyeball tracking updates, loading website with js, Vue transitions, charging for API access, and do you cross post, one post, or no post on social media in 2023?

How do you point out things in a UI? Are Arc Boosts the end of the web? What do you think of VR and AR / Vision Pro and Meta Quest? And what do you do when the sticky header goes missing?

Macho Man Randy Standards stops by for a quick chat, Passkeys follow up, discussing the safety of Display: contents, the yellow fade technique, how hot CSS is right now (so hot), and a check in on how everyone's doing with Tears of the Kingdom.

What do you do if your computer dies? Chris applies to work at Luro, Dave applies at CodePen, Dave's Zod curious, TypeScript, sorting out a 10MB blog post, and how much do you miss jQuery?

How should a podcast start? Talking View transitions, Google's Baseline, Passkeys, how to start a company, and ordering a spicy chicken combo at Wendy's.

Dave doesn't hate the hurdy-gurdy, but it's creation is an interesting parallel to software development. OKLCH follow up, @media, Edge drops new dev tools, CSS and Astro theming, JavaScript devs discover PHP, how many people block ads, and accessibility and grids.

Chris previews a bit of his Render ATL 2023 talk, and then we mouth blog some color ideas, thoughts, and shame you for your non-HD websites.

There's a special guest on the show who takes aim at the billionaires in web dev, do we know better than the algorithm for news, why is AI training data such a secret, Chris and Dave discover JetBrains, monorepo struggles, and SVG drawing tools.

What if Taylor Swift lyrics hold the answers to web dev questions? Podcast app thoughts, using Cloudflare Zaraz, what we're excited about with CSS, Arc browser updates, and are we even developers or are we specialized systems whisperers?

Topics for this one include how do you learn about web performance news? Do you need a web components sommelier? Our thoughts on Syntax going to Sentry, and being able to focus on the things you want to focus on. Passkeys, Arc split screen, and vibe driven development.

After a brief visit from Hip Hop Dad Dave, we're talking cascade layers updates, block link practices, search element getting dropped, how to use cite, emoji list accessibility, scrollbar state, and trigonometric functions in CSS.

Is there still any value in specializing in front-of-the-frontend dev? Would you ever use the dialog element for a mobile navigation? Why did CodePen decide to use Go for its GraphQL server?

Kristin Valentine from Vox joins the show to talk about text editor CMS fun across multiple sites, Vox's Chorus, The Verge redesign, sharing Design Systems, theming articles, and a fun new game called "Can Your Text Editor Do This??"

When will AI be able to tell you the risk / reward of cleaning up trees? Are conferences back? Bringing fidgets to the web, internet as an anxiety machine, and Chris is working on talk on modern CSS in real life.

Andrey Sitnik from Evil Martians talks with us about why OKCLH is the best way forward for color on the web, how to incorporate it into design systems, getting your designers to use OKCLH, and what kind of fallback support is needed.

Reacting to the React.js documentary, is there still jobs for front of the front end anymore? The fast fallacy in frameworks, best practices, dealing with too much or too little isolation, and AI test generation.

Brian Rinaldi joins us to talk about the state of Jamstack in 2023, acronym confusion, SPA confusion, developing common tools of understanding, why Netlify bought Gatsby, and the state of developer conferences.

Fred Schott stops by to talk about TypeScript, what DX means in 2023, a bit of GripeScript, and being transparent about what Astro is good at, and what it's not.

Austin power updates, what do you need if you want to build a new JavaScript framework, and what do we hope CSS brings in 2023?

Iheanyi Ekechukwu and Mike Coutermarsh talk about PlanetScale, what Vitess is, if PlanetScale is for both side and big projects, what read only regions are, what schema changes are, and how PlanetScale compares to other projects.

Simen and Espen from Sanity stop by to talk about the origins of Sanity, how Sanity Studio works, good use cases for Sanity, how Sanity does real time updates, what Groq is, and where to start with Sanity.

Ben Ubois is the founder of Feedbin, the RSS reader of choice for Dave and Chris. What influenced the creation of Feedbin, the state of RSS in 2023, curating your RSS feed, and subscribing to newsletters in Feedbin.

What's going to happen to homework with AI? Thoughts on infinite canvas which leads into Luro and Sigma integration, and Chris gets nerdsniped and tries to scrap (or should he crawl?) websites for data.

Jason Bahl joins the show to talk about the GraphQL and WordPress connection, his work on WP GraphQL plugin, Faust and Atlas from WP Engine, Jamstack and Wordpress, and more.

Ryan Dahl stops by to talk about Node, Deno, JavaScript, testing, V8, and thoughts around getting started with Deno.

Nate Parrott from The Browser Company of New York stops by to talk about Arc - including the history of Arc, how boosts work, building out dev features, how they deciding on what features to build, and feedback from Dave and Chris on Arc.

Getting feedback for what you're building or writing, RSS feed reminiscing, Arc browser thoughts, products that didn't make that should have.

Zach Leatherman talks with us about what's new with Eleventy, setting up on Mastodon, what's happened with Twitter, and is-land.

We're talking CSS-in-JS, Token CSS, Matuzo being suspended from Twitter, trying out Mastodon, testing out stable diffusion, stories on the web, and Jake Albaugh's new social network.

Una Kravets stops by to talk about making CSS your job, @ Property, Cascade layers, color spaces updates, shared element transitions, animation on the web, nesting, focus visible, and what people should learn about CSS.

Our thoughts on Next 13, incremental adoption, server components, WordPress vs Facebook, CodePen updates, Figma features we dig, Chris' TypeScript journey, and Dave's a hypocrite?

Sameera Kapila talks with us about her new book, Inclusive Design Communities, and why you should read the book, learning about group think, how we can all help improve hiring and retention, and dealing with workplace culture issues.

Catching up on work after being away at a conference, import maps coming to Safari, and your secret web patching tips including buying Disney tickets, saving Instagram photos, spell checking blog posts, taking funky screenshots, forms, cleaning up Jira, and pesky greyed out buttons.

Chris and Dave live from An Event Apart in Denver talking awkward break points, the npm web, Scott Jehl web criminal, web components, what is the purpose of a website, Svelte, and how does Figma do it?

Should you care about functional programming? What if cloud functions weren't node or deno, but built into the browser? Why do we accept npm dependency hell? Follow up on design matching the web question. And Dave blogged about the patchability of the open web.

Rebecca Murphey from Stripe talks with us about finding problems - the paper cuts - in your code or team and developing the best solution for them.

Building websites is cool again, but what threat is there to all of us from AI created images? And how would you design an API in 2022?

Bastian Allgeier, creator of the popular CMS Kirby, talks with us about what Kirby is, why Kirby uses flat files, the whole SSG vs flat debate, the $20B Sigma shaped elephant in the room, running Kirby on the edge, how Kirby handles support and licensing, and what kinds of sites use Kirby?

An update on the spoon theory talked about in the previous episode, thoughts on the mobile browser injection going on in apps, Chris spoke at CascadiaJS, Enhance.dev released, 4 new CSS methodologies, and quantity vs quality in your work output.

What database should a mobile app use? Is there any help for GDPR processes? Is there a way to get developers to better match design? How to implement accessibility in a web app environment? Heroku shuts down their free plan, and pricing is hard.

Keaton Taylor is a product designer at Discord and stopped by the show to talk about getting distracted by new dev toys, spoons as the best worst analogy, Wichita as the new Portland, working at Discord, and the interesting career paths for developers and designers in 2022.

Jen Simmons walks through a ton of the new CSS and HTML features out now or coming soon - including container queries, cascade layers, .has selector, and more!

Alex and Andrew join us from the Discord to talk about working on client sites and branding at Traina. How do they set up WordPress for development? What's the incentive to invest in tooling? And the benefits of using CodePen as a knowledge library for your brain.

A quick Luro update, working in a coffee shop, when do you know it's time to leave a working but shakey system behind and start fresh, teaching tricky A11y tips, dependency follow up, how big are the node modules, and we dream up a media service app.

Dave's working on his speaker bod, how well does Find My work for a lost iPhone and Air Tags, what do you let kids have access to online, design systems for teams using different JS frameworks, web components, and testing web components.

Questions from the D-d-d-d-discord and listeners about tacos or burritos, cleaning up CSS methodology, getting previews from a CMS, comparing Google Analytics to other stats, sharing page views with advertisers, and what happened to CSS Houdini?

Feross Aboukhadijeh talks with us about web security, what Socket aims to help with, how Socket compares to Depandabot or Sync, how they analyze all the data for Socket, and what things developers should be thinking about with regards to security in their apps.

How much polish do you put into internal apps? Can you create custom Gutenberg blocks for Shopify? How difficult is it to publishing a VS Code plugin? Thoughts on GitHub Copilot, notification options with GitHub Actions, and thoughts on static site builders such as Statimic.

Jay Hoffman talks with us about his History of the Web project and takes us through some of the important markers of the web's past including when ad money started, Web 2.0, Facebookification, RSS, CSS, and fads that have come and gone.

Rizèl Scarlett & Brian Douglas chat with us about GitHub Actions and help us understand how to use Actions on your next project. We also dive into GitHub Copilot and GitHub apps.

Eric Meyer and Jeffrey Zeldman join Chris and Dave to talk about building the web in 2022, micro formats and search engines, looking back on their work in building the web, anonymity and branding, the new possibilities with :has, performance gains in CSS, and the future of the web.

Dave is pondering Ariana Grande's voice, should you use a SSG for custom landing pages or WordPress, Chris digs apps that allow menu customization, thoughts on companies getting acquired, where should you start with JavaScript testing, is there CMS tools in JavaScript land, and why choose Remix over Rails / Laravel today?

WebPageTest adds Opportunities and Experiments, but is it worth it? Shopify announces Hydrogen, a framework for dynamic commerce, is .CSS a bad idea? And using the new INP metric.

Where have all the backend podcasts gone? Databases are so hot right now, so we're talking about them. What is the state of just using native web components? Are they a viable solution for a production app today? What if there was a type syntax in JavaScript?

How do you add features to a web app while the web app is running? Should you add features to your app based on whatever Twitter tells you? And if Chris or Dave were starting a new blog today, what niche would they start writing about?

Dave's got a new fridge, questions about whether we'll see a big podcast again, #DaveGoesNuxt3, mouthblogging Netlify ideas, resizing and cropping images, should you hire a newb dev or senior dev, what is a design system, and redesigning personal websites.

Dave's got a theory that we could build dev teams like video game teams, Chris has an API edge rant, Dave tests Nuxt 3, billionaires buying apps, camper talk, and the search for the perfect webcam.

Chris and Dave are answering questions live from An Event Apart, spring 2022 edition. What new CSS features are exciting? What would you add to CSS? What do you think creates the designer developer gap? Web components and two screens! And more!

Chuck Carpenter & Robbie Wagner from Web Whiskey and Whatnot stop by to talk about podcasting, hiring and firing, imposter syndrome, web3, Ember, and working with clients.

Dave taught on web components and has thoughts. A follow up on AMP and a question about how core web vitals compare? What you want if you were building a blog CMS in 2022? And some thoughts on GitHub copilot.

Regular listeners will know Chris has been big on Astro for a while now, so it was a treat to have one of the co-creators of Astro, Fred Schott, on to answer all our questions about Astro.

Dave might try no coffee, Safari inert follow-up, Dialog element, Safari Tech preview with subgrid, can we put JSX in the browser? React 18 has dropped. What about font streaming? Smashing Conf is coming to Austin, and Mexican travel tips with Chris.

Dave has questions about CSS Tricks sale to Digital Ocean, what's involved in selling a blog in 2022, the tech behind CSS Tricks, liberal coding to accept more than you anticipate, hidden attributes in HTML, and Inert in Safari 15.4.

Do you even metaverse? Dave's got GitHub issues, building in 3D for the web, and should you always write in plain text files?

We're talking Dave's 15m fix vs 30 day fix article, experiences with Prisma and Terraform, Edge becoming more popular than Safari, microbetting, and Kirby CMS.

A bit of follow up from last episode on passing props, Node shipped fetch, intentional digital rot on the web, and how hard could it be to make CodePen a PWA?

Jim Nielsen stops by to talk about blogging, writing a book on app icons, how he archives his part of the web, whether browsers are evergreen, future vs backwards proofing, color, and images on the web.

We check in with Pull Request Issues guy, should you check in Node dependencies, how to pick technology to learn, and what does Nuxt or Vue do for PropTypes?

We're talking Safari drama, wondering why Apple won't support other browsers on mobile, some solutions to writing in VS Code, and solving problems in isolation.

We're comparing our 'fits, deleting Twitter, and lurking in Discords. And wondering about how much customization you should have over an app's UI? Do you expect it? Is taking ownership of Babel transform a smart thing to do? What are design tokens really? And how do we get to cyber pink?

We're celebrating episode 500 by looking back at the previous eras of ShopTalk Show including why we started the show, how it's changed over the years, and how the tech and our lives have changed as well.

Long time listener, first time guest Melanie Sumner joins us to chat about her work on Ember, enterprise work, the importance of accessibility, and the web.

Chris and Dave are speaking at An Event Apart Seattle - you should come! We've got some COVID updates, Chris' Git journey, issues with Git Hooks, Commit Lint, take a look at Parcel CSS, and pick some fav things.

We're talking with Thomas Steiner of Google's Project Fugu about native apps or web apps. What is Project Fugu? Hardware limitations or requirements for using game controllers on the web. Working with new hardware API's. Reasons to choose a native app. As well as Thomas' SVG web app he's built.

We're talking about our predictions for web tech in 2022: Container queries, web3, React, HTML elements, CSS compatibility, utility frameworks, designer and developer tooling, multiple frameworks, and more episodes of ShopTalk Show!

Chris can't remember how to get his snow blower working, and Dave can't remember how to use Docker. We're also talking CSS Reset, nuking margin, one thing you can do to make your website better, getting rid of 3rd party Javascript, testing your product on a craptop, and defensive CSS.

Dave's got some WYSIWYG follow up, thoughts on maintaining open source projects, what role do you assign clients in WordPress, what are micro-frontends, using HTML to author web components, an update on Coil, and Fleet vs GitHub Copilot vs VS Code.

Chris has questions about TikTok (bing bong!), a bit of FU on why accessibility isn't treated as a first class citizen, Dave tries to find a good WYSIWYG editor, why does a repo get so many stars, and should you use all: unset on individual entities to clean things up?

What's the tech stack Paravel's using to build their app? A conversation on AdonisJS, NuxtJS on Vite, side projects in Vue, checking out Bun.sh, Slinkity and Eleventy, and working on quantity to get to quality.

Dave and Chris are on podcast and YouTube benders, talking CSS performance, CSS contain: Strict, what's new in CSS, how to build a great embed, one thing to make websites better in 2022, dealing with dogma in community, creating great slide decks, and #juicegate.

How good is web3 really? And is there money to be made without destroying the environment? Is HTML good enough for the future? And what are we excited about in new stuff for CSS?

What's needed to start a tech business in 2021? Is VS Code on the web usable? Why would you choose a native app over a web app in 2021? And be sure to follow Dave on LinkedIn.

Show DescriptionSupporting local sports teams, thoughts on WordPress' full site block editor, advice on convincing clients to move away from WordPress, modern WYSIWYG editors, Microsoft and cloning Notion, an update on Chris' hacker, and what will it take for devs to “focus” on accessibility? Listen on Website →Links Notion Obsidian Advanced Custom Fields Pell TinyMCE […]

Parenting life update, redundancy for leaves, using a chaos monkey, images not showing up based on ISP, modern image handling workflow options, and discussing The Manager's Path.

It's difficult enough to keep up with new web things, even when it's your job. How do Chris & Dave do it? Dave's blogging on spicy sections, Chris' Cloudinary issues are resolved, and there's some Apple problems to deal with.

Is it harder to make a website in 2021 than in 1996? Are site building tools making life easier? Does Dave use scoped styles in Vue? How could Vue help with design systems? And Chris tries making a CSS Tricks book on the web, while Dave is workshopping a web components talk.

We're talking about Cloudflare product updates, whether you should lie to the browser about image size, Chris is having Cloudinary issues, Dave's answering questions about upgrading from Vue 2 to Vue 3, a question about Font Awesome icons, and what's the deal with Webhint?

As Chris says, we're back to the meat 'n potatoes of ShopTalk with a Q&A episode including: XState thoughts, getting comfortable with JavaScript, tips on managing several WordPress sites, the best method to schedule high latency tasks with Node.js, a strategy for background images in CSS, and dealing with landing pages and subpages.

Join us on YouTube 3x a week for more ShopTalk fun. This episode: How would you build with maximum user growth in mind? Asset pipeline issues, self provisioning runtime, Google ZX, and crazy new CSS.

Crossover! Your favorite web dev podcasts join forces for a super collab that’ll knock you frontend off! Amelia joins Chris Coyier and Dave Rupert from ShopTalk Show while Divya teams up with Wes Bos & Scott Tolinski from Syntax. Let the FEUDing begin!

Does forcing users from the website to the app make the web devs feel sad? How do browser devs decide what to add? Having fun with Notion, custom media queries, and Dave's epic Surprise Chain blog post.

A bit of follow up from the last episode, getting your team on to the same tooling - and cool things in VS Code, import ordering, the new Chrome API eye dropper, and some YouTube thoughts and ideas.

Google is changing page title in search results, celebrating jQuery + Chris' birthday, content that gets too close and kisses, dealing with website sandwiches, using word break break word, and abuse of alerts on the web.

We're talking about CSS Module scripts, container query issues, wondering about writing scoped CSS, Tailwind, and custom property gotcha's.

We've got a new ShopTalk Show mug you can order, Safari and Chrome #HotDrama to discuss, what is the modern WordPress build process like, and what's the state of your local bowling alley or pickleball website?

Ben Hong talks with us about Vue 2 vs Vue 3, Nuxt, VuePress, GridSome, Petite Vue, Headless Shopify + Netlify, is static hosting the right term these days, and what's up with Nuxt 3?

The D-d-d-d-discord's got threads! Are conferences a thing we're ready for? How was Dave's experience working on a Windows PC? Help Dave figure out his monitor issue on Mac. Are people writing websites without a build step? And what is a good CSS technique for displaying images that could be either horizontal or vertical?

We're chatting with Ian Frost who swapped out his meteorologist career to become a web developer alongside his brother Brad Frost. We talk about getting started learning HTML / CSS, and then Javscript, writing code as a team, navigating the front and back end in 2021, dictating tech stacks to clients, and dealing with turnover and tech changes with clients.

Sarah Drasner's got a new book and we talk about her article on good meetings. Are front end problems more difficult than back end problems? GitHub's got an upgrade issues feature. How would you design a database for a new project? And where and what is data in 2021?

Can doing performance audits be a career in 2021? Comparing streaming and recording with Riverside and Streamyard. Is the front of the frontend being consumed by automation? Struggles in hiring and putting together resumes. And how much should freelancers bill clients for their own education and learning?

Do you drive or fly in 2021? How do you explain the Shadow DOM? What's LayoutNG? How do iFrames and Accessibility work out? Should we be using CSS Prefers Reduced Motion? And what's up with the Web Animation API?

We're joined by Wes Bos and Scott Tolinski from Syntax.fm and chat about the fun of developing, SvelteKit, what tools Scott and Wes reach for when building a website, the WordPress developer experience, and some sick picks!

Let's talk Sass, nesting, animation vs transition, animated tables, scroll snap points, progress meters, viewing emails in dark mode, and coded prototypes.

Where are my paaaants? What to do with new frameworks? What to do with new React? Building in Astro. And WWDC 2021 reactions.

What's the best way to include tabs as part of a component library? D-d-d-discord update on Alex's CSS-Trickz clone. Do you group your @media query items together or spread them around? And is software ever truly finished?

We're talking about linters, should we deliver single file HTML? Should you focus on a specific tool or be more general? And we revisit social image previews.

Jason Lengstorf and Phil Hawksworth chat about the current state of the Jamstack including React + Jamstack, Distributed Persistent Rendering, building for ease of use, dealing with minor changes and caching, whether Jamstack needs to do all things, and a big new Netlify features announced!

Camera and gear for your desk talk, and answering your questions about build tools, programatically creating social media images, border radius clipping of parents, debugging Safari on Windows, the state of Drupal in 2021, and using code blocks in WordPress.

Dave and Chris talked at An Event Apart Spring Summit 2021 on the good and bad of the web. They talked about CSS, framework knowledge, more CSS, PWA's for projects, service workers, the language of tooling, and web performance.

Dave's base got camped and Chris tried to improve the WordPress audio player. Also discussed: shared element transitions, Turbo, Astro, typography and fonts, and just simply blogging.