ShopTalk

Show Description

We'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

Sponsors

Radical Design

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 Description

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

Guests

Fred K. Schott

Guest's Main URL • Guest's Twitter

Co-creator of Astro.

Links

• Astro DB: A Deep Dive | Astro
• Astro DB
• Astro DB: A Deep Dive | Astro
• tursodatabase/libsql: libSQL is a fork of SQLite that is both Open Source, and Open Contributions.
• StackBlitz | Instant Dev Environments | Click. Code. Done.
• Schema.org - Schema.org
• Ben Holmes on X: "Astro built a database platform. How does it work?
• Clerk
• Lucia documentation
• PlanetScale forever
• Astro DB Just Released

Sponsors

Show Description

We'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 →

Guests

Michelle Barker

Guest's Main URL • Guest's Twitter

Senior Front End Developer at Ada Mode, where Michelle works on Windscope, web-based data visualisation and exploration software for wind farm operators.

Michelle also loves playing the drums. Their happy place is where creativity and code intersect

You can also find Michelle writing and speaking about CSS and digital sustainability on the web and around the world.

Links

• Michelle Barker
• Ada Mode
• Windscope
• CSS { In Real Life }
• Michelle Barker (@[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.

Sponsors

Radical Design Course

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 Description

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

Guests

Jim Nielsen

Guest's Main URL • Guest's Twitter

Designer. Engineer. Writer.

Links

• About - Jim Nielsen’s Blog
• “Wherever you get your podcasts” is a radical statement - Anil Dash
• The Subversive Hyperlink - Jim Nielsen’s Blog
• More Files Please - Jim Nielsen’s Blog
• Canada to keep pressure on Facebook to pay for news, Trudeau says
• Cite Your Sources, AI - Jim Nielsen’s Blog
• For the first few decades of the web, the tacit agreement wa...
• The Case For Design Engineers, Pt. II - Jim Nielsen’s Blog
• RSS in HTML: A Follow-Up - Jim Nielsen’s Blog
• Style your RSS feed
• UI is a Function of Your Organization - Jim Nielsen’s Blog
• UI daverupert.com
• Notes from “Why Can’t We Make Simple Software?” By Peter van Hardenberg - Jim Nielsen’s Blog
• I Staked Out My Local Domino’s to See Just How Accurate Its Pizza Tracker Is
• The Benevolent Deception: When Should a Doctor Lie to Patients? - The Atlantic

Sponsors

Elicit

Elicit’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 Description

A 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

Sponsors

Wix

Wix 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 Description

Josh (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 →

Guests

Josh Collinsworth

Guest's Main URL • Guest's Twitter

Frontend Engineer at Deno, the maker and designer of the word games Quina, and Hondo.

Links

• Josh Collinsworth
• Deno, the next-generation JavaScript runtime
• Deno Deploy | Deno
• Fresh - The next-gen web framework.
• I worry our Copilot is leaving some passengers behind - Josh Collinsworth blog
• How A Small Team of Developers Created React at Facebook | React.js: The Documentary
• Vite | Next Generation Frontend Tooling
• Screen Recorder for macOS. Beautiful videos in minutes | Screen Studio
• CleanShot X for Mac
• stitchy - crates.io: Rust Package Registry
• Raycast
• Home
• Squoosh
• RunJS - JavaScript Playground
• Quina - Menu
• Hondo - a word game in 100 words or less
• Home / PWABuilder

Sponsors

Join Elicit as a software engineer

Elicit’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 Description

Voiceover 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

Sponsors

Miro

Find simplicity in your most complex projects with Miro. Your first three Miro boards are free when you sign up today at Miro.com.

Show Description

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

Guests

Brad Frost

Guest's Main URL • Guest's Twitter

Design system consultant, web designer, speaker, writer, and musician located in beautiful Pittsburgh, PA.

Links

• A Global Design System | Brad Frost
• Shadcn UI
• Homer Designs a Car
• This Is Big Design
• Frostapalooza Concert
• Brad Frost
• Brad Frost (@brad_frost) • Instagram photos and videos
• bradfrost (Brad Frost) · GitHub
• Brad Frost on CodePen
• Brad Frost
• Brad Frost
• brad_frost’s Music Profile | Last.fm

Sponsors

Jam.dev

You’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 Description

We'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 forthenext 12 years tocelebrate 12years ofShopTalk
• 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

Sponsors

Jam.dev

You’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 Description

Dave 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

Sponsors

Jam.dev

You’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.