
Sign up to save your podcasts
Or


By Wes Bos & Scott Tolinski - Full Stack JavaScript Web Developers
4.9
977977 ratings
The podcast currently has 1,110 episodes available.
The most played episodes among Podcast App listeners.

Scott and Wes talk about WebMCP with Sarah Drasner and Dominic Farolino from the Chrome team, which is the new W3C standard that lets your site hand real tools to an agent. They cover the security model, headless and multi-tab agents, and how to wire it into an app you’ve already shipped. Show Notes 00:00 Intro 00:46 Welcome to Syntax! 01:18 What Is WebMCP and How Is It Different from MCP? 02:32 WebMCP for UI: Enabling Agents to Use Websites Directly 06:05 Brought to you by Sentry! 06:43 Is This Just a Chrome Thing? W3C Standards and Open Development 11:49 WebMCP Security: Annotations, Hints, and Multi-Layered Defense 15:26 Best Use Cases: E-Commerce, Video Editing, and Complex UIs 16:27 The WebMCP Challenge: 5,000 Entries and Creative Applications 19:20 Headless WebMCP: Running Agents in the Background 22:43 Multi-Tab Scenarios: Using WebMCP Across Multiple Sites 24:23 WebMCP and Security: Safe Origin Policy and Agent Containment 28:09 Performance and Core Web Vitals for the Agentic Web 38:11 The Future of Web Monetization: Ads, Commerce, and Agent Payments Universal Commerce Protocol x402 40:53 Building an Agent Platform: Extensions, Harnesses, and Browser Vendor Roles 45:19 Support from Anthropic, Safari, Firefox, and Other Players 49:11 Getting Involved: Origin Trial, Community Feedback, and the W3C Spec Ora 52:45 Sick Picks + Shameless Plugs Sick Picks Scott: Wes: Dominic: Steven Pinker: The Sense of Style Sarah: Vintage Story Shameless Plugs Scott: Wes: Dominic: X account Sarah: 25% discount with code Community25 at AGNTCon Hit us up on Socials! Syntax: X Instagram Tiktok LinkedIn Threads Wes: X Instagram Tiktok LinkedIn Threads Scott: X Instagram Tiktok LinkedIn Threads Randy: X Instagram YouTube Threads

Meta’s StyleX compiles thousands of styles into a few reusable class names at build time—zero runtime, fully type-safe. Scott and Wes break down why it’s suddenly everywhere, and why it might be the best CSS tool for AI agents. Show Notes 00:00 Welcome to Syntax! Syntax Ep 650 San Francisco Syntax Meetup 02:18 What Is StyleX and How Does It Work? 04:27 The Difference Between StyleX and Other CSS Scoping Methods 06:03 What People Are Saying: StyleX Is Superior for AI Agents Jared Palmer Adam Hutchinson Aiden Bai Syntax Ep 658 11:30 Type Safety and Design System Constraints 12:46 No Runtime Dependency: All Computed at Build Time 13:49 Brought to you by Sentry.io 14:13 Reusable Styles: Import, Export, and Auto-Import 17:53 Composability and Overriding Styles With JavaScript Objects 18:24 It Sucks to Write by Hand 19:25 Modern CSS Properties and Waiting for Implementation 20:58 Nested CSS and Nested Selectors Are Tricky 22:24 Alternatives: Panda CSS and CSS Modules Syntax Ep 807 24:41 The Auto-Complete Experience: Why StyleX Shines for Agents Hit us up on Socials! Syntax: X Instagram Tiktok LinkedIn Threads Wes: X Instagram Tiktok LinkedIn Threads Scott: X Instagram Tiktok LinkedIn Threads Randy: X Instagram YouTube Threads

Scott, Wes, and CJ break down developing for the iPhone Duo with the Device Posture and Viewport Segments APIs, plus the React 19.3 release and Pi’s new Radius platform. Also on deck: Tailwind joining Shopify, Shopify going back to native, Homebrew 7, Aeropeek, and Meta’s Muse Agent. Show Notes 00:00 Welcome to Syntax! 01:05 React 19.3 05:30 Pi announces Radius 15:26 iPhone Duo Initial Reactions iPhone Duo for developers 22:35 Developing for the iPhone Duo Viewport Segments API Device Posture API WebKit Standards Positions Jen Simmons’ post 32:16 Syntax Meetup in SF 32:52 Brought to you by Sentry! 33:10 Tailwind Labs is joining Shopify 35:36 Native is the Future of Mobile at Shopify 40:23 Herdr remote agents 46:13 Homebrew 7 Released 50:55 Meta Muse AI Agent 01:00:19 Scott’s Switzerland Trip ZurichJS Conference 01:07:25 Mic FX from Teenage Engineering 01:10:46 Three.js conference Badge More amazing badges 01:13:29 Don’t let anyone take away your big box of cables 01:16:22 Aerospace Tiling Manager AeroPeek 01:24:26 Scott’s new backpack 01:26:52 Claude, change this button to blue Hacker News post 01:31:23 Knap markdown template language Comark plugin Hit us up on Socials! Syntax: X Instagram Tiktok LinkedIn Threads Wes: X Instagram Tiktok LinkedIn Threads Scott: X Instagram Tiktok LinkedIn Threads Randy: X Instagram YouTube Threads

Scott and Wes dig into a listener mailbag full of AI questions: how to bill freelance work when the tools make you faster, whether coding still matters in interviews, and if the AI bubble is about to pop. Plus sandboxing your agents, managing block-based CMS chaos, and what it takes to leave a stable job when you’re risk averse. Show Notes 00:00 Welcome to Syntax! 01:09 Freelance Billing in the Age of AI: Who Gets the Speed Savings? 04:33 Value Based Pricing and Leveling Up Your Skills 06:37 Will Writing Code Become Irrelevant in Job Interviews? Ghostty, Superlogical Better Auth 11:05 Finding Human Answers in a Sea of AI Slop 14:57 Trust and Community Are the New Currency 15:49 Nobody Watches Conference Talks Anymore AI Engineer 18:18 Is the AI Bubble Going to Pop? The AI Bubble Survives on $1.65 Trillion in Hidden Debt 24:07 Where Is All the Software AI Was Supposed to Build? 26:19 AI Fatigue: When All You Do Is Review Code True Cost of AI Coding 30:03 Managing Large Block Based CMS Systems Fimo Sanity 38:57 Taking the Leap: Leaving a Stable Job as a Risk Averse Dev 43:45 Sandboxing Your Agents Instead of Running YOLO Mode CJ’s Video: Every Developer Should Know This Docker 45:38 Will AI Companies Fingerprint and Ad Target You? Colemak Web Audio API Brave on X 49:36 Labeling YouTube Exclusive Episodes for Podcast Listeners 52:16 Sick Picks + Shameless Plugs Sick Picks Scott: Sandpaper Pads, Jellyfin, Apps2Samsung Wes: Hisense TV Hit us up on Socials! Syntax: X Instagram Tiktok LinkedIn Threads Wes: X Instagram Tiktok LinkedIn Threads Scott: X Instagram Tiktok LinkedIn Threads Randy: X Instagram YouTube Threads

Scott and Wes run through eight new CSS, JS, and HTML features landing in browsers; including the relative alpha() color function, the progress() function for calculating values between units, Promise.allKeyed(), and native camera and microphone elements. They also get into an upgraded attr(), shrink-to-fit containers, and text-box-trim for finally killing that annoying extra space above your text. Show Notes 00:00 Welcome to Syntax! Wes’s Demo Site 00:22 CSS Alpha() Relative Color Function Google Groups 02:25 Brought to you by Sentry.io 02:48 CSS CSS Progress() Function: Calculate Values Between Units 05:09 Promise.allKeyed(): Object-Based Promise Resolution 06:55 Camera and Microphone HTML Elements 09:24 Advanced CSS Attr() Function: Props for CSS 11:25 CSS Sibling-Index() and Sibling-Count() Functions 13:56 CSS Shrink-to-Fit Container 15:36 CSS Text-Box-Trim and Text-Box-Edge Hit us up on Socials! Syntax: X Instagram Tiktok LinkedIn Threads Wes: X Instagram Tiktok LinkedIn Threads Scott: X Instagram Tiktok LinkedIn Threads Randy: X Instagram YouTube Threads
The podcast currently has 1,110 episodes available.

272 Listeners

379 Listeners

286 Listeners

624 Listeners

583 Listeners

287 Listeners

43 Listeners

213 Listeners

484 Listeners

188 Listeners

205 Listeners

62 Listeners

139 Listeners

59 Listeners

66 Listeners