ShopTalk » Podcast Feed

Show Description
Dave'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
Sponsors ShopTalk Patreon Support 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 Description
On 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 Description
We'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 Description
We'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 Description
We'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 Description
We 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 Description
Sven 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 →
Guests Sven Neumann
Guest's Main URL • Guest's Twitter

Creator 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 Description
Matt 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 →
Guests Matt Visiwig
Guest's Main URL • Guest's Twitter

Self-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 Description
We'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 →
Guests Jason Grigsby
Guest's Main URL • Guest's Twitter

Co-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 Description
Luke 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 →
Guests Luke Abbott
Guest's Main URL • Guest's Twitter

Musician and creator of Strum Machine.

Links
Strum Machine: customizable backing tracks made from real instruments
Tater Joes Old-Time Musical Mercantile
Chris Coyier on Strum Machine
iReal Pro Practice
PG Music
SoundJS Library
Tone.js
Latest Posts - Page 2
Apache Cordova
Extensive Song Catalog
howler.js
A Tale of Two Clocks
Sponsors

Show Description
Dave'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 Description
Adam 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 →
Guests Adam Argyle
Guest's Main URL • Guest's Twitter

CSS 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 Description
Chris 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 Description
Matt 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 →
Guests Matthew Haughey
Guest's Main URL • Guest's Twitter

A 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 Description
Dave & 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 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
Sponsors Radical 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
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 →
Guests Blake Watson
Guest's Main URL • Guest's Twitter

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
Sponsors

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 (@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.
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 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
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.

Show Description
Jen 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 →
Guests Jen Simmons
Guest'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
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'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
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
Looking 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.
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
Blood 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
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
In 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
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
Thoughts 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 Description
Talking 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 Description
Miriam 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 →
Guests Miriam Suzanne
Guest's Main URL • Guest's Twitter

Co-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
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
The 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
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
A 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 Description
Elliott 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 →
Guests Elliott Marquez
Guest's Main URL • Guest's Twitter

Front-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 Description
Ethan 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 →
Guests Ethan Marcotte
Guest's Main URL • Guest's Twitter

Designer, 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 Description
Manton 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 →
Guests Manton Reece
Guest's Main URL • Guest's Twitter

Creator 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 Description
Chris 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 Description
Fred 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 →
Guests Fred K. Schott
Guest's Main URL • Guest's Twitter

Co-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 Hertz Sponsors

Show Description
Maggie 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 →
Guests Maggie Appleton
Guest's Main URL • Guest's Twitter

Design 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 Description
Getting 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
Sponsors Frontend Masters The 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

Show Description
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.

Listen on Website →
Links
kingkool68/wordpress-rh-starter-theme
get_template_part()
The cost of convenience — surma.dev
The State of API-Powered Publishing to Social Media Networks - Chris Coyier
XPoster – WordPress plugin | WordPress.org
FS Poster
Micro.blog
kottke.org - home of fine hypertext products
The 100-Year Plan on WordPress.com
alfateam/rdb: Javascript ORM

Happy Project Share Time

Learn Privacy
Build UX
A11yAutomation
Continuous Accessibility
Announcing Crashlands 2 | Butterscotch Shenanigans
Stitch - Visual Studio Marketplace
bscotch/stitch: Tools and apps for GameMaker development: a CLI for pipeline development, a VSCode extension for coding, and more.
Sponsors Notion Do your most efficient work with Notion Projects. You can try it for free today at notion.com/shoptalk . When you use our link, you’re supporting our show!

Show Description
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.

Listen on Website →
Guests Chen Hui Jing
Guest's Main URL • Guest's Twitter

A self-taught designer and developer.

Links
State of CSS
Interop 2023: continuing to improve the web for developers
Interledger Protocol (ILP): Open and Inclusive Payments
Sponsors Notion Do your most efficient work with Notion Projects. You can try it for free today at notion.com/shoptalk . When you use our link, you’re supporting our show!

Show Description
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.

Listen on Website →
Links
Beeper — All your chats in one app. Yes, really.
Zach Leatherman in Elk: "Looks like the cat is out of the ba..." | Elk
fks on Twitter: "There have been zero commits to the Gatsby repo in the last 24 days."
Lennart on Twitter: "I have some sad news to share: In July Netlify laid off a lot of amazing people and I was one of them. Thus I'm actively looking for my next role as a full stack engineer. Please share with your networks and reach out to me!"
Ward Peeters on Twitter: "@FredKSchott It’s dead. The whole staff is gone except one. It still works well but don’t expect major React 18 features to land"
Quick thoughts on chips | daverupert.com
Raycast
Prioritise content over components | simeonGriggs.dev
Things you forgot (or never knew) because of React - Josh Collinsworth blog
GitHub - robinsloan/perfect-edition: A lightweight, responsive web e-book template
zeldman on Twitter: "Content precedes design. Design in the absence of content is not design, it's decoration."
JavaScript for Web Designers — A Book Apart
You Deserve a Tech Union, A Book Apart
Expert Idiot | daverupert.com
Sponsors

Show Description
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?

Listen on Website →
Links
Analog – Ugmonk
web.mit.edu/jemorris/humor/500-miles
Manage color profiles in design files – Figma Help Center
OKLCH Color Picker & Converter
Bullet journal
Things - To-Do List for Mac & iOS
Bear
WURFL.io
Sponsors

Show Description
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.

Listen on Website →
Guests Shawn Wang
Guest's Main URL • Guest's Twitter

I help devtools cross the chasm (devrel, advising and investing) and help developers learn in public!

Links
swyx's site
swyx.io (@swyx) / X
SWYX on YouTube
SWYX on GitHub
Latent Space: The AI Engineer Podcast — CodeGen, Agents, Computer Vision, Data Science, AI UX and all things Software 3.0 | swyx | Substack
You Are Not Too Old (To Pivot Into AI) - by swyx
LukeW | Ask
The Rise of the AI Engineer - by swyx - Latent Space
I Discovered The Perfect ChatGPT Prompt Formula
It's Time To Build AI | UX
GitHub - smol-ai/developer: the first library to let you embed a developer agent in your own app!
BendJS Website
Jasper - AI Copywriter | AI Content Generator for Teams
Amelia Wattenberger (@Wattenberger) / X
Typedream: Build your Website, Link in Bio, Forms, Blogs, and Sell Digital Products
Sponsors

Show Description
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.

Listen on Website →
Links
Paul Reubens
Ask a Question - ShopTalk
If Web Components are so great, why am I not using them? | daverupert.com
Moving from Stencil to LitElement
Bookshelf | daverupert.com
RespImageLint
Luro | Expand your design system to your entire product development process
Web-Environment-Integrity/explainer.md at main · RupertBenWiser/Web-Environment-Integrity · GitHub
Sponsors

Show Description
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?

Listen on Website →
Links
Alex Super and You
Text Wrap Pretty in CSS
Open UI
Alcatel Mobile
Twilio Segment
Sponsors Design Better Podcast Design Better Podcast is a show about the intersection of design, technology, and the creative process from our pals Aarron Walter and Eli Woolery. Subscribe to the Design Better Podcast at designbetterpodcast.com or wherever you listen.Notion Do your most efficient work with Notion Projects. You can try it for free today at notion.com/shoptalk . When you use our link, you’re supporting our show!

Show Description
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.

Listen on Website →
Guests Eric Meyer
Guest's Main URL • Guest's Twitter
Estelle Weyl
Guest's Main URL • Guest's Twitter
Links
First-Person Scrollers – Eric’s Archived Thoughts
CSS Selectors with Estelle Weyl
CSS: The Definitive Guide, 5th Edition [Book]
Open Web Docs
Sponsors Notion Do your most efficient work with Notion Projects. You can try it for free today at notion.com/shoptalk . When you use our link, you’re supporting our show!

Show Description
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?

Listen on Website →
Links
Garageband
Framework laptop
How Google Reader died — and why the web misses it more than ever - The Verge
Feedbin
Adactio: Jeremy Keith
NetNewsWire: Free and Open Source RSS Reader for Mac and iOS
Free Design, Photo, and Video Tool | Adobe Express
Free Design Tool: Presentations, Video, Social Media | Canva
Design for the web without Figma
Sponsors

Show Description
Dave 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 Toolkit | Figma Community
Luro | Expand your design system to your entire product development process
Storybook: Frontend workshop for UI development
Makeswift — the visual builder for Next.js
Webflow: Create a custom website | No-code website builder
How to test UIs with Storybook
GrapesJS
Stripe Checkout | Stripe Documentation
Stripe Elements: Embeddable UI components to build pixel perfect payments experiences
Appcues | Product adoption made easy
Mindf*ck: Cambridge Analytica and the Plot to Break America a book by Christopher Wylie
SkwunchText Experiment: inject spans and use :has() to count chars
Watch Out for Layout Shifts with ‘ch’ Units – Cloud Four
Sponsors Notion Do your most efficient work with Notion Projects. You can try it for free today at notion.com/shoptalk . When you use our link, you’re supporting our show!

Show Description
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.

Listen on Website →
Links
Airshow Podcast Player
Whiskey Web and Whatnot - A whiskey fueled fireside chat with your favorite web developers.
OpenAI
Raycast Pro
Wavelength: Group Chat, Friends & AI
Amelia Wattenberger
Language Model Sketchbook, or Why I Hate Chatbots
GitHub Copilot · Your AI pair programmer · GitHub
Framer AI — Generate and publish your site with AI in seconds.
content-visibility: the new CSS property that boosts your rendering performance
The Frontend Studio for Nuxt Developers and Teams · Nuxt Studio
Shoelace: A forward-thinking library of web components.
Sponsors

Show Description
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?

Listen on Website →
Links
Dave Rupert: "I got the worst haircut of my entire life this week
Hondo - a word game in 100 words or less
Bookshelf | daverupert.com
Add sizes=auto to lazy-loaded #8008
From Milliseconds to Millions: The Numbers Driving Web Perf | Harry Roberts | performance.now() 2019
First Experiments with View Transitions for Multi-page Apps
Mimestream | A native macOS email client for Gmail
Sponsors Notion Do your most efficient work with Notion Projects. You can try it for free today at notion.com/shoptalk . When you use our link, you’re supporting our show!

Show Description
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?

Listen on Website →
Links
Luro | Expand your design system to your entire product development process
WWDC23 - Apple Developer
Hiding The Complexity of Element Selection - Chris Coyier
Tango | Interactive walkthroughs, created in seconds.
Boosts: Customize Any Website | Arc Resources
Appcues | Product adoption made easy
Android Browser Navbar Sticky Header
Meta Quest 2: Immersive All-In-One VR Headset | Meta Store | Meta Store
Microsoft HoloLens | Mixed Reality Technology for Business
Welcome to Wolvic
Android Browser Navbar
Sponsors

Show Description
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.

Listen on Website →
Links
display: contents considered harmful – Eric Bailey
The Yellow Fade Technique with Modern CSS using @starting-style – Bram.us
GitHub - oddbird/popover-polyfill
Sponsors Notion Do your most efficient work with Notion Projects. You can try it for free today at notion.com/shoptalk . When you use our link, you’re supporting our show!

Show Description
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?

Listen on Website →
Links
Mac Studio - Apple
Zod | Documentation
Execute Program
Courses - Wes Bos
Building a modern design system in layers
Sponsors Join us on Patreon! Dave and Chris have been making ShopTalk Show for over 8 years! We thought we'd give y'all a way to support the show directly, and as a cool bonus, join us in a Discord.

Show Description
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.

Listen on Website →
Links
The Homepage of Dave Rupert | daverupert.com
The Frontend Studio for Nuxt Developers and Teams · Nuxt Studio
Introducing Baseline
Can I use... Support tables for HTML5, CSS3, etc
Google Passkeys
Apple Passkeys
1Password - Password Manager for Families, Businesses, Teams
Sponsors Join us on Patreon! Dave and Chris have been making ShopTalk Show for over 8 years! We thought we'd give y'all a way to support the show directly, and as a cool bonus, join us in a Discord.

Show Description
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.

Listen on Website →
Links
The Homepage of Dave Rupert | daverupert.com
Get to Know Microsoft Edge
Boosts - Arc Boosts
Home - GAAD
grid - CSS: Cascading Style Sheets | MDN
The Frontend Studio for Nuxt Developers and Teams · Nuxt Studio
Appcues | Product adoption made easy
The Hurdy-Gurdy software engineer | daverupert.com
5 Linkin Park riffs on hurdy gurdy
Podcast Episode 1: An Apology Regarding Aboard - Aboard
Sponsors Frontend Masters Frontend Master learning paths is the place to go for you (or your whole company) for a skill buff in a particular technology, or a generic level-up in skill level.

Show Description
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.

Listen on Website →
Guests Davina George
Guest's Main URL • Guest's Twitter

Get in loser we're going to make fun of people for having standard def websites.

Links
RenderATL 2023 | May 31 - June 2, 2023. | 80+ Speakers
CSS Color Party with Adam Argyle (JS Party #273) |> Changelog
556: Andrey Sitnik and Using OKLCH for Color - ShopTalk
Keynote - Apple (CA)
Tailscale · Best VPN Service for Secure Networks
OKLCH Color Picker & Converter
Panic - Shockingly Good Software.
Making Sense of Color Management, A Book Apart
Sponsors Frontend Masters The best of the best teachers, especially for all-y'all intermediate developers to learn new technologies are on Frontend Masters. Including Dave! Go learn now!

Show Description
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.

Listen on Website →
Guests Bernie Standards
Guest's Main URL • Guest's Twitter

Trying to get billionaires out of the JavaScript ecosystem.

Links
Local Timeline | Elk
See the websites that make AI bots like ChatGPT sound so smart - Washington Post
"the secret list of websites" - Chris Coyier
ChatGPT Is a Blurry JPEG of the Web | The New Yorker
PhpStorm: PHP IDE and Code Editor from JetBrains
WebStorm: The Smartest JavaScript IDE, by JetBrains
Turbo
Installing · tmux/tmux Wiki · GitHub
Boxy SVG Editor
GitHub - steveruizok/perfect-freehand: Draw perfect pressure-sensitive freehand lines.
perfect-freehand
Mermaid | Diagramming and charting tool
Sponsors Frontend Masters The Learning Paths on Frontend Masters will take you from start to finish on actually learning something of your choice, whether it's upping a your skill level in a particular genre or a specific technology

Show Description
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?

Listen on Website →
Guests Tswifinator
Guest's Main URL • Guest's Twitter

Sent from the future to de-monetize the podcast by combining two very famous and litigious IPs.

Links
Listen to podcasts with the best free podcasting app - built by listeners, for listeners.
Overcast
Pod Save America | Crooked Media
The Laws of War Podcast
Nintendo Switch Family
Switch - Chris Coyier
Cloudflare Zaraz - Third-party tool manager | Cloudflare
Segment Documentation | Segment Documentation
Going all in on Roads and Cities - Episode 6 Catan Gameplay
Change Advanced settings in Safari on Mac - Apple Support (CA)
Arc from The Browser Company
Domo Arigato: Why Bots Should to be Required to Self-Identify
Sponsors Frontend Masters Frontend Master learning paths is the place to go for you (or your whole company) for a skill buff in a particular technology, or a generic level-up in skill level.

Show Description
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.

Listen on Website →
Links
Sameera (@samkap@front-end.social) - Front-End Social
Interaction to Next Paint (INP): What is it and How to Improve It - Calibre
The Performance Golden Rule Revisited - Web Performance Consulting | TimKadlec.com
Luro | Expand your design system to your entire product development process
Use huddles in Slack | Slack
Optimize Time to First Byte
Why We Switched CDNs: How Google's Core Web Vitals Led Us to Cloudflare Pages - Electric UI
Syntax × Sentry MMXXIII | Product Blog • Sentry
Dynamic LCP Priority: Learning from Past Visits — Philip Walton
Welcome To Partytown
Auth0: Secure access for everyone. But not just anyone.
Passkeys: What the Heck and Why? | CSS-Tricks - CSS-Tricks
Vibe Driven Development
Sponsors Frontend Masters The best of the best teachers, especially for all-y'all intermediate developers to learn new technologies are on Frontend Masters. Including Dave! Go learn now!

Show Description
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.

Listen on Website →
Guests Hip Hop Dad Dave
Guest's Main URL • Guest's Twitter

Oh Biscuits!

Links
Emoji Lists, The Good Way? - Chris Coyier
Dragon Speech Recognition - Get More Done by Voice | Nuance
scrollbar-gutter - CSS: Cascading Style Sheets | MDN
Improving CSS Shapes with Trigonometric Functions
Trigonometric functions in CSS
Sponsors Frontend Masters The Learning Paths on Frontend Masters will take you from start to finish on actually learning something of your choice, whether it's upping a your skill level in a particular genre or a specific technology

Show Description
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?

Listen on Website →
Links
The End of Front-End Development
Scott O'Hara on Using the dialog element
Sponsors Frontend Masters Frontend Master learning paths is the place to go for you (or your whole company) for a skill buff in a particular technology, or a generic level-up in skill level.

Show Description
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??"

Listen on Website →
Guests Kristin Valentine
Guest's Main URL • Guest's Twitter

Engineer at
Vox Media Product.

Links
Headless WYSIWYG Text Editor – Tiptap Editor
Quill - Your powerful rich text editor
Vox Media
Vox - Understand the News
The Dodo - For Animal People
SBNation.com | Sports news, video, live coverage, community
React.js: The Documentary | .cult by Honeypot
Sponsors Frontend Masters The best of the best teachers, especially for all-y'all intermediate developers to learn new technologies are on Frontend Masters. Including Dave! Go learn now!

Show Description
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.

Listen on Website →
Links
RenderATL 2023 | May 31 - June 2, 2023. | 80+ Speakers
Beyond Tellerrand – an event about web, design, development, technology and more
Doing Computer - Chris Coyier
Brad Frost | Design system consultant, author of Atomic Design, web designer, and musician
How's my driving chaos stickers
Gowalla >> keep up with your friends IRL
In the Stacks (Maisie's Tune), by Robin Sloan
Black women and nonbinary surfers are rarely in the spotlight. This photographer changes that
Open AI Chat
Jeepers Frigging Cripes Crypto and NFTs are so stupid and dumb and bad and I can’t even. I’m out. Goodbye. Burn it down please. - Chris Coyier
Ceramics • charlottedann.com
Sponsors Frontend Masters The Learning Paths on Frontend Masters will take you from start to finish on actually learning something of your choice, whether it's upping a your skill level in a particular genre or a specific technology

Show Description
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.

Listen on Website →
Guests Andrey Sitnik
Guest's Main URL • Guest's Twitter

Author of
PostCSS
,
Autoprefixer
, and
Logux_io

Links
Evil Martians
OK, OKLCH: a color picker made to help think perceptively
Huetone
https://color-playground.ardov.me/
Design challenges behind OKLCH color picker
Huetone palette generator
A tool which will generate the whole theme based only on hue and a few contrasts
APCA contrast calculator
Sponsors Frontend Masters Frontend Master learning paths is the place to go for you (or your whole company) for a skill buff in a particular technology, or a generic level-up in skill level.

Show Description
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.

Listen on Website →
Links
React.js: The Documentary
Eleventy
CodePen Challenges
CodePen Spark
Turbo
What if writing tests was a joyful experience?
Tabnine - Introducing AI-powered unit testing generation! Accelerate your software development lifecycle
GitHub Copilot
Sponsors Frontend Masters The best of the best teachers, especially for all-y'all intermediate developers to learn new technologies are on Frontend Masters. Including Dave! Go learn now!

Show Description
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.

Listen on Website →
Guests Brian Rinaldi
Guest's Main URL • Guest's Twitter

Brian Rinaldi is a Developer Experience Engineer at LaunchDarkly with over 20 years experience as a developer for the web. Brian is actively involved in the community running developer meetups via CFE.dev and Orlando Devs. He’s the editor of the Jamstacked newsletter and co-author of The Jamstack Book from Manning.

Links
What is Jamstack in 2023?
Netlify
Gatsby
Web Almanac
The Jamstack Book
Phil Hawksworth PR to change Jamstack spelling
Discussion: jamstack word treatment
Vercel
AWS Amplify
Begin
Astro
Eleventy
What Netlify's Acquisition of Gatsby Really Means
The State of Developer Conferences
ShopTalk Show on Mastodon
Sponsors Frontend Masters The Learning Paths on Frontend Masters will take you from start to finish on actually learning something of your choice, whether it's upping a your skill level in a particular genre or a specific technology

Show Description
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.

Listen on Website →
Guests Fred Schott
Guest's Main URL • Guest's Twitter

Astro co-creator.

Links
The Great Divide was indeed divisive
Deno
JSWorld Conference
Zod
Qwik
So you want to make a new JS framework
Sponsors

Show Description
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?

Listen on Website →
Links
So You Want a New JS Framework?
Eleventy Notes
Nuxt
Nuxt.com
Qwik
Chris Things CSS Could Use in 2023
Dave CSS Wish list for 2023/
Tyler CSS Wish list for 2023/
Eric Thoughts on CSS for 2023
Popper
GSAP
Astro
Sponsors

Show Description
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.

Listen on Website →
Guests Iheanyi Ekechukwu
Guest's Main URL • Guest's Twitter

Iheanyi Ekechukwu is a Houston-based software engineer and angel investor, working at PlanetScale.

Mike Coutermarsh
Guest's Main URL • Guest's Twitter

Mike is a software engineer living in Pennsylvania working at PlanetScale.

Links
Planetscale
Vitess
Why you should really take a look at PlanetScale
F1 on PlanetScale
Sponsors

Show Description
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.

Listen on Website →
Guests Simen Svale Skogsrud
Guest's Main URL • Guest's Twitter

CTO and founder at Sanity.io

Espen Hovlandsdal
Guest's Main URL • Guest's Twitter

Open-sourceror at Sanity.io.

Links
Check out Sanity
Syntax.fm on Sanity
Jamstack Conf
Dave's bookshelf
Sanity Groq
Sponsors

Show Description
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.

Listen on Website →
Guests Ben Ubois
Guest's Main URL • Guest's Twitter

Founder and developer of Feedbin.

Links
Feedbin
Reeder
Netnewswire
JSON Feed
Readwise Reader
Daring Fireball
Waxy
Tom Critchlow - Library JSON
The Changelog Podcast ep499 with Ben Ubois
The YAML Document from Hell
Shauninman.com
Sponsors

Show Description
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.

Listen on Website →
Links
What is ChatGPT?
How does AI image work?
Apple Freeform
ChrisCoyer.net: Infinite Canvas
mmm.page
Infinite Canvas Tools
Crawlee
Netlify
PostgreSQL
Supabase
Open Props
Luro
Sponsors

Show Description
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.

Listen on Website →
Guests Jason Bahl
Guest's Main URL • Guest's Twitter

Principal Software Engineer at WP Engine

Links
WP GraphQL
WP Engine
WP GraphQL Smart Cache
WP Engine Atlas
Faust.js
Sponsors

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

Listen on Website →
Guests Ryan Dahl
Guest's Main URL • Guest's Twitter

Ryan Dahl is best known for creating the Node.js JavaScript runtime as well as the Deno JavaScript/TypeScript runtime.

Links
Ry on GitHub
Deno
Things I Regret About Node
Node.js creator Ryan Dahl urges Oracle to release JavaScript trademark
Deno Deploy
Fresh
Sponsors Sanity Awesome Things:

New Studio Customization Framework enabling you to tailor the Studio to your needs without added maintenance. Yay, less code! It has full typescript coverage, so you can customize your studio with confidence from within your favorite code editor.

The new Studio enables embeddable authoring. You can now embed Sanity Studio as a dependency in any application.

Navigate to the Sanity Studio using a familiar pattern: yourwebsite.com/admin, which means less context-switching.
Studio allows you to set up Workspaces, which are deeply customizable environments, to organize content by team, product area, region, readiness, or however works best for your team.

Show Description
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.

Listen on Website →
Guests Nate Parrott
Guest's Main URL • Guest's Twitter

Developer, designer, and
gamification enthusiast. Working on Arc at The Browser Company.

Links
Arc
The Browser Company
Cloud to Butt plugin
What's Good about the Arc Browser
Sponsors Sanity Our content authoring product, Sanity Studio, just got a major upgrade!

Sanity Studio is an open-source, single-page application that is super fast to set up and easy to configure as your needs grow. If you’ve ever felt bogged down by the limitations of a CMS, Sanity Studio now frees you to customize content authoring for any type of experience.

ShopTalk listeners can try out Sanity with a boosted free plan that has increased API and bandwidth limits.

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

Listen on Website →
Links
Feedbin
Netnewswire
Reeder
Arc Browser
Opera GX
Brave
Shift
Cleanshot
The Verge - Why one web pioneer thinks it’s time to reinvent the browser
Sponsors Sanity Sanity is the platform for structured content that powers awesome digital experiences for companies like PUMA, Sonos, Skims, Figma, and more.

Sanity treats content as data, allowing your stories and your product information to become composable, reusable, and programmable so that you can deliver an outstanding experience to your audience faster and easier than ever — and at scale.

The Sanity Studio, our content authoring tool, is getting a major upgrade that offers developers new and improved APIs and tooling that will change how your teams work together to build a custom content system for your business.

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

Listen on Website →
Guests Zach Leatherman
Guest's Main URL • Guest's Twitter

Creator of Eleventy. OSS at Netlify.

Links
Eleventy
Jekyll
Slinkity
Astro
Adding Components to Eleventy with WebC
Dave’s Web Components course
Enhance.dev
Pinafore.social

Sponsors Sanity Sanity is the platform for structured content that powers awesome digital experiences for companies like PUMA, Sonos, Skims, Figma, and more.

Sanity treats content as data, allowing your stories and your product information to become composable, reusable, and programmable so that you can deliver an outstanding experience to your audience faster and easier than ever — and at scale.

The Sanity Studio, our content authoring tool, is getting a major upgrade that offers developers new and improved APIs and tooling that will change how your teams work together to build a custom content system for your business.

Show Description
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.

Listen on Website →
Links
Why We're Breaking Up with CSS-in-JS
Vanilla Extract
Token CSS
Matuzo Suspended Twitter account
Jeremy Keith
Dave on Mastodon
TJ Fontaine Steps Down from Node
Masked Gradient Dashed Lines
Matt Stable Diffusion AI Generated Selfies
No, journos, I will not talk to you about your favourite billionare bad boy.
Muan.co
OpenStories on GitHub
Enquirer JS
Bubble Tea
Luro
Jake Albaugh Social
Buddy.pizza
Sponsors Sanity Sanity is the platform for structured content that powers awesome digital experiences for companies like PUMA, Sonos, Skims, Figma, and more.

Sanity treats content as data, allowing your stories and your product information to become composable, reusable, and programmable so that you can deliver an outstanding experience to your audience faster and easier than ever — and at scale.

The Sanity Studio, our content authoring tool, is getting a major upgrade that offers developers new and improved APIs and tooling that will change how your teams work together to build a custom content system for your business.

Show Description
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.

Listen on Website →
Guests Una Kravets
Guest's Main URL • Guest's Twitter

Web Developer Advocate at Google.

Links
Shoptalk Show 529 with Jen Simmons
Shared element transitions or how to fight Cumulative Layout Shift
:has(): the family selector
Solving “The Dangler” Conundrum with Container Queries and :has()
Web.dev
Sponsors Site Search 360 As a web dev or a designer, you're building websites which respond to both shoppers and shop owners' needs.

Ever felt frustrated at not finding what you want online? Worst, have you had to design an online store or site but can't find a smart easy-to-use search solution to power it up? We've got what you're looking for!

Site Search 360 is an affordable search software with intelligent features such as autocomplete, spelling correction, product filters, sorting, and more. It easily integrates with platforms such as WordPress, Lightspeed, or Shopify.

Start a free trial and get searching within minutes. Split Software Split Sofware is the feature delivery platform you need to help exceed these modern expectations in continuous and progressive delivery. Because if you’re not delivering, you’re falling behind. You, and a team of 10, can create your first feature flags at split.io/shoptalk

You’re being asked to crack the code without breaking the code. To take risks without taking risks. To quickly release features valuable to customers, profitable to companies, and backed by the data to prove it.

It’s time to deliver. Fearlessly and flawlessly. You, and a team of 10, can create your first feature flags at split.io/shoptalk .

Show Description
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?

Listen on Website →
Links
Next 13
Turbo Repo
Typescript
Sponsors Split Software Split Sofware is the feature delivery platform you need to help exceed these modern expectations in continuous and progressive delivery. Because if you’re not delivering, you’re falling behind. You, and a team of 10, can create your first feature flags at split.io/shoptalk

You’re being asked to crack the code without breaking the code. To take risks without taking risks. To quickly release features valuable to customers, profitable to companies, and backed by the data to prove it.

It’s time to deliver. Fearlessly and flawlessly. You, and a team of 10, can create your first feature flags at split.io/shoptalk .

Show Description
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.

Listen on Website →
Guests Sameera Kapila
Guest's Main URL • Guest's Twitter

Author of Inclusive Design Communities. Senior Product Designer
at Netlify.

Links
Inclusive Design Communities
Helvetica Documentary
Paula Scher
Illustrating Equality VS Equity
What a Body Can Do by Sara Hendren
Sponsors Split Software Split Sofware is the feature delivery platform you need to help exceed these modern expectations in continuous and progressive delivery. Because if you’re not delivering, you’re falling behind. You, and a team of 10, can create your first feature flags at split.io/shoptalk

You’re being asked to crack the code without breaking the code. To take risks without taking risks. To quickly release features valuable to customers, profitable to companies, and backed by the data to prove it.

It’s time to deliver. Fearlessly and flawlessly. You, and a team of 10, can create your first feature flags at split.io/shoptalk .

Show Description
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.

Listen on Website →
Links
Patchability of the Open Web
A Use Case for Cascading Attribute Sheets
Safari Tech Preview 156 announcement
Disneyland queue hack

Gist

Four Thousand Weeks

Sponsors Split Software Split Sofware is the feature delivery platform you need to help exceed these modern expectations in continuous and progressive delivery. Because if you’re not delivering, you’re falling behind. You, and a team of 10, can create your first feature flags at split.io/shoptalk

You’re being asked to crack the code without breaking the code. To take risks without taking risks. To quickly release features valuable to customers, profitable to companies, and backed by the data to prove it.

It’s time to deliver. Fearlessly and flawlessly. You, and a team of 10, can create your first feature flags at split.io/shoptalk .

Show Description
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?

Listen on Website →
Guests Dave and Chris (Special AEA Edition)
Guest's Main URL • Guest's Twitter

Special An Event Apart 2022 Denver editions of Chris Coyier and Dave Rupert.

Links
An Event Apart Denver 2022
Visbug
JS Party
Viteconf
Svelte
Mitosis
Figma
Sponsors Split Software Split Sofware is the feature delivery platform you need to help exceed these modern expectations in continuous and progressive delivery. Because if you’re not delivering, you’re falling behind. You, and a team of 10, can create your first feature flags at split.io/shoptalk

You’re being asked to crack the code without breaking the code. To take risks without taking risks. To quickly release features valuable to customers, profitable to companies, and backed by the data to prove it.

It’s time to deliver. Fearlessly and flawlessly. You, and a team of 10, can create your first feature flags at split.io/shoptalk .

Show Description
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.

Listen on Website →
Links
Faster Than Normal
ShopTalk 531
The Patchability of the open web
Sponsors Split Software Split Sofware is the feature delivery platform you need to help exceed these modern expectations in continuous and progressive delivery. Because if you’re not delivering, you’re falling behind. You, and a team of 10, can create your first feature flags at split.io/shoptalk

You’re being asked to crack the code without breaking the code. To take risks without taking risks. To quickly release features valuable to customers, profitable to companies, and backed by the data to prove it.

It’s time to deliver. Fearlessly and flawlessly. You, and a team of 10, can create your first feature flags at split.io/codepen .

Show Description
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.

Listen on Website →
Guests Rebecca Murphey
Guest's Main URL • Guest's Twitter

A senior technical leader with demonstrated product savvy and proven experience in growing teams, growing people, identifying high-value problems, and conceiving and delivering impactful, innovative solutions.

Links
Writing effectively in software engineering organizations
Eng ladders, promotions & glue work
Developer Productivity megathread
Stripe with PayPal API tweet
Sponsors Split Software The Feature Management & Experimentation Platform that reimagines software delivery. By attaching insightful data to feature flags, Split frees you to quickly deploy, measure, and learn the impact of every feature you release. So you can safely deliver features up to 50 times faster and exhale. What a Release.

Start raising feature flags (and lowering stress). Visit split.io/shoptalk for a free trial.

Show Description
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?

Listen on Website →
Links
Stratechery
Dithering podcast with Ben Thompson and John Gruber
Changelog Podcast
Trent Walton on Midjourney
Stable Diffusion
Austin Kleon
Shoptalk 299 Machine Learning with Paige Bailey
GraphQL
OReilly Radar
iTerm
Sponsors Split Software The Feature Management & Experimentation Platform that reimagines software delivery. By attaching insightful data to feature flags, Split frees you to quickly deploy, measure, and learn the impact of every feature you release. So you can safely deliver features up to 50 times faster and exhale. What a Release.

Start raising feature flags (and lowering stress). Visit split.io/shoptalk for a free trial.

Show Description
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?

Listen on Website →
Guests Bastian Allgeier
Guest's Main URL • Guest's Twitter

Designer + developer, creator of Kirby.

Links
Kirby CMS
ShopTalk Show 135 with Bastian Allgeier
Kirby Showcase
Kirby Sites
Kirby on GitHub
Sponsors Split Software What if a release was exactly how it sounds? A liberation from constraint. A moment of relief. An escape from outdated processes, tedious software changes, and the slow, painful deployments that hold back product engineers.

Free your teams (and your features) with Split.

By attaching insightful data to feature flags, Split helps you quickly deploy, measure, and learn the impact of every feature you release. Which means you can turn up what works, turn off what doesn’t, and give software innovation the room to run wild.

Now you can safely deliver features up to 50 times faster and exhale. Split Feature Management & Experimentation. What a Release.

To reimagine software delivery and propel your teams forward, start your free trial at split.io/shoptalk

Show Description
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.

Listen on Website →
Links
Do Nothing
InAppBrowser
CascadiaJS 2022
Enhance.dev
Hello Worldin' Some Web Component Libraries
Snaplet
Supabase
ShopTalk Show 529 with Jen Simmons
Modern Alternatives to BEM
Cube
Critical CSS Not so Fast
Never Gonna Give You Up (8 Bit Remix Cover Version)
Sponsors Split Software Split Sofware is the feature delivery platform you need to help exceed these modern expectations in continuous and progressive delivery. Because if you’re not delivering, you’re falling behind. You, and a team of 10, can create your first feature flags at split.io/shoptalk

You’re being asked to crack the code without breaking the code. To take risks without taking risks. To quickly release features valuable to customers, profitable to companies, and backed by the data to prove it.

It’s time to deliver. Fearlessly and flawlessly. You, and a team of 10, can create your first feature flags at split.io/shoptalk

Show Description
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.

Listen on Website →
Links
CodePen updates
Luro
Fullstory
The Web is a Harsh Manager
Learn CSS
Axe Devtools
Knowbility
Fable
Heroku’s Next Chapter
Heroku announces plan to elminate free plans
Digital Ocean
Netlify
Sponsors Wolvic XR Browser, by Igalia Check out the new open source Wolvic XR browser, by our friends at Igalia. It's available for a bunch of XR devices like the Oculus, Huawei VR Glass, HTC Vive Focus, Pico Interactive, and Lynx and coming to more. See wolvic.com for more .

Show Description
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.

Listen on Website →
Guests Keaton Taylor
Guest's Main URL • Guest's Twitter

Keaton is a product designer who loves to dabble in front-end code. Currently, he's designing for the future of communities at Discord.

Links
Discord
Discord API
Backyard
Sponsors Notion One workspace. Every team. We’re more than a doc. Or a table. Customize Notion to work the way you do.

Connect your teams, projects, and docs in Notion — so you can bust silos and move as one.

Stale wikis aren't helpful. Neither are floating docs. In Notion, your daily work and knowledge live side by side — so you never lose context.

Notion solves problems common and unique to every team. These are just a few. Try Notion free .Deque This episode of ShopTalk is brought to you by Deque, the makers of axe.

Do you know how accessible your website is? Can people with disabilities access it?

If you aren’t sure, you can get started in just minutes with the free axe DevTools browser extension.

Install it in Chrome, Edge, or Firefox.

Navigate to the website you want to test, then open axe DevTools.

Click the “Scan ALL of my page” button.

And within a matter of milliseconds, you will get a list of accessibility issues with details and guidance on how to go about fixing them!

If you want everyone to be able to access your website, you need to start testing it for accessibility. And axe is the perfect place for dev teams to begin that process. You don’t even need to know anything about digital accessibility.

Let axe DevTools do the heavy lifting and try it for free today!

Visit deque.com/shoptalk to get started .

Show Description
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!

Listen on Website →
Guests Jen Simmons
Guest's Main URL • Guest's Twitter

Apple Evangelist on the Web Developer Experience team for Safari & @Webkit. Member of CSS Working Group.

Links
Jeremy Keith
ShopTalk Show 520

Safari News
* New WebKit Features in Safari 15.2
* New WebKit Features in Safari 15.4
* New WebKit Features in Safari 15.5
* New WebKit Features in Safari 15.6
* News from WWDC22: WebKit Features in Safari 16 Beta
* WWDC22: What’s new in Safari and WebKit (video)
* List of WWDC22 sessions about web technology

:has()
* Using :has() as a CSS Parent Selector and much more by Jen Simmons, on webkit.org
* The demo that needed Cascade Layers because of complex :has() selectors
* Michelle Barker’s demo of :has() + grid track animations

Passkeys
* Overview of Passkeys
* Supporting Passkeys: documentation
* About the security of passkeys
* WWDC22: Introduction of Passkeys at State of the Union (video)
* WWDC22: Meet Passkeys (video)
* FIDO Alliance’s announcement of passkeys
* Web Authentication standard
* Web Authn on Can I Use

Web Push
* Meet Web Push
* WWDC22: Meet Web Push for Safari (video)

bugs.webkit.org - for web technology & Web Inspector
feedbackassistant.apple.com - for feedback on Safari’s interface
webkit.org
@webkit
@jensimmons
Sponsors

Show Description
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.

Listen on Website →
Guests Andrew Walpole
Guest's Main URL • Guest's Twitter

Andrew Walpole is a full-stack web developer and the Director of Web Development at Traina, a brand-first creative agency. He also enjoys dabbling in 3D printing, living-systems computation, and digital generative art.

Alex Riviere
Guest's Main URL • Guest's Twitter

Alex Riviere is a Senior Frontend Developer for Traina, Co-Host of the Enjoy the Vue podcast, Co-organizer for the Atlanta Vue.js Meetup as well as PyATL. He spends some of his down time making terrible things over on twitch.

Links
Traina
Nuxt
Eleventy
Timber
Advanced Custom Fields
Petite Vue
Bun
Zig
Jetbrains
Alex’s Twitch channel
Enjoy the Vue podcast
Sponsors Notion One workspace.
Every team.

We’re more than a doc. Or a table. Customize Notion to work the way you do.

Customize Notion to make it work the way you want it to. Just drag and drop to craft the dashboard, website, doc, or system you need.

Show Description
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.

Listen on Website →
Links
Luro
Logitech MX Master 3S
Microsoft Accessibilty Insights
ShopTalk Show 524 on Web Security
Jim Nielsen Netlify public folder
SVG OMG
Thumbor
Bun
Zig
Sponsors axe DevTools by Deque Do you know how accessible your website is? Can people with disabilities access it?

If you aren’t sure, you can get started in just minutes with the free axe DevTools browser extension.

Install it in Chrome, Edge, or Firefox.

Navigate to the website you want to test, then open axe DevTools.

Click the “Scan ALL of my page” button.

And within a matter of milliseconds, you will get a list of accessibility issues with details and guidance on how to go about fixing them!

If you want everyone to be able to access your website, you need to start testing it for accessibility. And axe is the perfect place for dev teams to begin that process. You don’t even need to know anything about digital accessibility.

Let axe DevTools do the heavy lifting and try it for free today!

Visit deque.com/shoptalk to get started .

Show Description
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.

Listen on Website →
Links
Yoga
Airtag
The kids are online
Dave’s course on Web Components
Svelte
Vue
Lit
Shoelace
Using Web Component libaries
test-runner
chai-a11y-axe
Getting started with components
Render
Snaplet
Sponsors Whiskey Web and Whatnot Whiskey Web and Whatnot is different than your typical dev podcast. We show a lighter, more human side of developers you know and love, like a fireside chat with your favorite devs. Past guests include Tom Preston-Werner, Kent C. Dodds, Charlie Gerard, Wes Bos, and the incomparable Chris Coyier! We have discussed everything from Next.js and TypeScript to Chuck’s past life as a blackjack dealer, favorite power tools, the best casseroles, and of course whiskey!Notion One workspace.
Every team. We’re more than a doc. Or a table. Customize Notion to work the way you do.

Connect your teams, projects, and docs in Notion — so you can bust silos and move as one.

Stale wikis aren't helpful. Neither are floating docs. In Notion, your daily work and knowledge live side by side — so you never lose context.

Notion solves problems common and unique to every team. These are just a few. Try Notion free .