ShopTalk

Chris Coyier & Dave Rupert
A podcast about web design and development.

All Episodes

Show DescriptionOn 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

Jul 15

48 min 22 sec

Show DescriptionWe'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

Jul 8

56 min 1 sec

Show DescriptionWe'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

Jul 1

58 min 29 sec

Show DescriptionWe'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

Jun 24

50 min 14 sec

Show DescriptionWe 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

Jun 17

1 hr 2 min

Show DescriptionSven 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 →GuestsSven NeumannGuest's Main URL • Guest's TwitterCreator 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

Jun 10

1 hr 6 min

Show DescriptionMatt 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 →GuestsMatt VisiwigGuest's Main URL • Guest's TwitterSelf-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

Jun 3

1 hr

Show DescriptionWe'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 →GuestsJason GrigsbyGuest's Main URL • Guest's TwitterCo-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

May 27

59 min 8 sec

Show DescriptionLuke 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 →GuestsLuke AbbottGuest's Main URL • Guest's TwitterMusician 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

May 20

1 hr 4 min

Show DescriptionDave'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

May 13

1 hr 3 min

Show DescriptionAdam 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 →GuestsAdam ArgyleGuest's Main URL • Guest's TwitterCSS 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

May 6

56 min 48 sec

Show DescriptionChris 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

Apr 29

1 hr 3 min