ShopTalk

By Chris Coyier & Dave RupertTechnology

ShopTalk episodes

August 28, 2023580: Chen Hui Jing and the State of CSS Survey for 2023
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
GuestsChen Hui Jing
Guest's Main URL • Guest's Social
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
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!
56 min
August 21, 2023579: One Day Builds, Spicy Slugs, and What Next for CSS?
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
57 min
August 14, 2023578: Customer Support, P3 Color, Dave on Productivity, and Mobile vs Desktop
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
58 min
August 07, 2023577: Shawn Wang on AI
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 →
GuestsShawn Wang
Guest's Main URL • Guest's Social
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
49 min
August 01, 2023576: Blocks, Components, Linting Images, Engines, and “Web Integrity”
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
1 hr 2 min
July 24, 2023575: CSS Errors, Proxy and Reverse Proxy, and What’s The Edge?
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
SponsorsDesign Better PodcastDesign 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.NotionDo 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!
1 hr 1 min
July 17, 2023574: Estelle & Eric on CSS The Definitive Guide, 5th Edition
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 →
GuestsEric Meyer
Guest's Main URL • Guest's Social
Estelle Weyl
Guest's Main URL • Guest's Social
Links
First-Person Scrollers – Eric’s Archived Thoughts
CSS Selectors with Estelle Weyl
CSS: The Definitive Guide, 5th Edition [Book]
Open Web Docs
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!
1 hr 15 min
July 10, 2023573: Google Reader, Sticky and Overflow, and Figma Thoughts
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
1 hr 1 min
July 03, 2023572: Text Sqwunch Property, Figma Developer Mode, Stripe Elements
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
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!
1 hr 5 min
June 26, 2023571: Searching vs AI, Getting Designers to Play Nice, and Web Components
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
59 min