ShopTalk

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 (@michelle@front-end.social) - Front-End Social Michelle Barker Michelle Barker on CodePen mbarker84 (Michelle Barker) shoptalkshow.com - Website Carbon Calculator paulirish/lite-youtube-embed: A faster youtube embed. SponsorsRadical Design CourseAre you an aspiring designer, developer, marketer, or fanny pack tester? Maybe you're a burnt-out designer struggling for fresh ideas, or perhaps you have no idea where to start with design? Do you need to find a way to make your sites less boring and more memorable? Well then, this course is for you.

Show DescriptionJim Nielsen joins us to about URLs and linking as the new subversive way to maintain the web, paying for news in Canada, should content creators be worried about AI, the case for design engineers, RSS in HTML, and the state of state and UI. Listen on Website →GuestsJim NielsenGuest's Main URL • Guest's 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