ShopTalk

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