ShopTalk

By Chris Coyier & Dave RupertTechnology

ShopTalk episodes

April 08, 2024610: TypeScript in 2024, Signals, Productivity Sniped, and Follow Up
Show Description
Dave'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.
1 hr 2 min
April 01, 2024609: Blake Watson on Home Cooked Apps
Show Description
What 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 Watson
Guest's Main URL • Guest's Social
Currently 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
1 hr 8 min
March 25, 2024608: Can WordPress Kill Your Resume, Fav Parts of Web Dev, Exploring HTMX, and more!
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
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.
45 min
March 18, 2024607: Astro Launches an Integrated Database
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
GuestsFred K. Schott
Guest's Main URL • Guest's Social
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
1 hr 2 min
March 11, 2024606: Web Sustainability with Michelle Barker
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
GuestsMichelle Barker
Guest's Main URL • Guest's Social
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.
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.
57 min
March 04, 2024605: Jim Nielsen on Subversive URLs, Blogging + AI, and Design Engineers
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
GuestsJim Nielsen
Guest's Main URL • Guest's Social
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
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!
1 hr 5 min
February 26, 2024604: VS Code Plugins, Git as a Radical Statement, Tailwind & Arc Drama
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
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.
57 min
February 19, 2024603: Deno, React Alternatives, and Copilot Concerns with Triple Threat Josh Collinsworth
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
GuestsJosh Collinsworth
Guest's Main URL • Guest's Social
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
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!
1 hr 3 min
February 12, 2024602: What Does Accessibility Really Mean?
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
SponsorsMiroFind simplicity in your most complex projects with Miro. Your first three Miro boards are free when you sign up today at Miro.com.
1 hr 6 min
February 05, 2024601: Brad Frost on A Global Design System + Frostapalooza
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
GuestsBrad Frost
Guest's Main URL • Guest's Social
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
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.
1 hr 4 min