ShopTalk

By Chris Coyier & Dave RupertTechnology

ShopTalk episodes

June 19, 2023570: Haircut Maintenance, Dave’s Bookshelf, Lazy Loading, and APIs
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
SponsorsNotionDo 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!
57 min
June 12, 2023569: Apple’s Web Apps, Meta Quest and Vision Pro, and Missing Sticky Headers
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
1 hr 1 min
June 05, 2023568: Display Contents, Passkeys Follow Up, Yellow Fade Technique, and TOTK Talk
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
SponsorsNotionDo 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!
59 min
May 29, 2023567: Full Stack Dev, Load Bearing Developer, and Being Zod Curious
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
SponsorsJoin 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.
1 hr 1 min
May 22, 2023566: View Transitions and Passkeys
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
SponsorsJoin 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.
53 min
May 15, 2023565: The Hurdy-Gurdy, OKLCH, Edge Dev Tools, and Ad Blocking
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
SponsorsFrontend MastersFrontend 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.
57 min
May 08, 2023564: Render ATL, New Colors Available, Gradients, HDR, and More
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 →
GuestsDavina George
Guest's Main URL • Guest's Social
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
SponsorsFrontend MastersThe 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!
48 min
May 01, 2023563: Getting Pulled by the Algorithm, AI Training Data, and SVG Drawing
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 →
GuestsBernie Standards
Guest's Main URL • Guest's Social
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
SponsorsFrontend MastersThe 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
57 min
April 24, 2023562: Podcast Apps, Zaraz, Future CSS Thoughts, and Arc
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 →
GuestsTswifinator
Guest's Main URL • Guest's Social
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
SponsorsFrontend MastersFrontend 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.
1 hr 1 min
April 17, 2023561: Web Perf News, Web Sommelier, Data Analytics, and Passkeys
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 (@[email protected]) - 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
SponsorsFrontend MastersThe 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!
1 hr 3 min