Syntax - Tasty Web Development Treats

Wes Bos & Scott Tolinski - Full Stack JavaScript Web Developers
  • 4.8 (168)
  • Technology
  • Updated twice weekly

Full Stack Developers Wes Bos and Scott Tolinski dive deep into web development topics, explaining how they work and talking about their own experiences. They cover from JavaScript frameworks like React, to the latest advancements in CSS to simplifying web tooling.

  1. 1 hr ago

    1037: WebMCP is here (and you should care)

    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

    1037: WebMCP is here (and you should care)

  2. 2 days ago

    1036: Cursor & OpenAI Break Up

    The messy breakup is official; as of November 12, OpenAI's models are getting pulled from Cursor, and we're digging into who's really to blame (and why Wes called it). Plus pnpm 12 goes full Rust, Mitchell Hashimoto drops Superlogical, ~700 AI agents attack Hugging Face, and Zod 4.5's compiled schemas get up to 9x faster. Show Notes 00:00 Welcome to Syntax! 00:33 pnpm 12 Rust Re-Write 02:45 Zod 4.5 brings Schema Compilation Zod 4.5 launch post 05:22 Brought to you by Sentry! 07:14 Cursor OpenAI Break Up Michael Truell’s post 15:35 vGPU - WebGPU library for agents TypeGPU Main differences between vgpu and TypeGPU 22:32 Omarchy Security Issues and Linux Chat Omarchy Security issue in Omarchy Close three paths from an unprivileged session to root commit CachyOS 36:38 Scott Bought an M5 Ultra Mac Studio 44:45 Superlogical is a new terminal multiplexer 48:31 Zurich JS 48:55 Katamari Object Library 52:05 ThreeUI - Three.js library 55:36 Hugging Face Hack Analyzed / Updates METR & Redwood Research investigation Brief independent investigation of agents’ behavior About the Hugging Face attack Postmortem of the HuggingFace hack 01:00:46 llms.txt used to pwn devs 01:03:56 Running Isolated Code Poll 01:05:47 OpenShot 4.0 - OSS Video Editor Blick editor 01:09:06 Lake America 01:11:24 Ox Alpha is GLM 5.3 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

    1036: Cursor & OpenAI Break Up

  3. 2 Sept

    1035: Why everyone is moving to Stylex?

    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

    1035: Why everyone is moving to Stylex?

  4. 31 Aug

    1034: Omarchy Quattro Release

    Grokbot actually earns its keep, Cursor takes a swing at GitHub with Origin, and Omarchy Quattro ships pre-wired for nine coding agents. Plus: the GitHub outage post-mortem, a compromised Rust crate, native app vibe-coding with Dactyl, and CAD skills for your AI via nurb.dev Show Notes 00:00 Welcome to Syntax! 00:26 Brought to you by Sentry.io 00:37 Grok’s New Agentic App: Grokbot 12:51 GitHub’s Major Outage and Postmortem 16:42 Cursor’s Origin: A GitHub Competitor 22:59 Omarchy: The Linux Distro for Nerds 29:21 CachyOS: Another Arch-Based Alternative 31:12 The $10 Million Omarchy Foundation 34:54 Dactyl: Native iOS and Android Development in the Browser 44:19 Nurb: AI-Powered 3D CAD Design 49:36 Security Stories: Supply Chain Attacks and Model Cheating 49:43 Rust Supply Chain Attack 51:34 Every Model Cheats: AI Benchmark Findings 53:13 Felony Bench: Ranking AI Models by Crimes Committed 54:19 Casio’s Smart Dumb Watch 58:43 Everything I Own Is Owned: Reverse Engineering USB Devices with AI 01:08:05 The Mystery 0x Alpha Model 01:13:48 Dactyl Returns Something 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

    1034: Omarchy Quattro Release

  5. 26 Aug

    1033: 8 New CSS, JS and HTML Features You Should Know

    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

    1033: 8 New CSS, JS and HTML Features You Should Know

  6. 24 Aug

    1032: Stripe Buys OpenRouter for $7B

    Scott and CJ break down Stripe's $7B acquisition of OpenRouter, the SvelteKit 3 release candidate, and their first look at TanStack Charts. Plus Zed's new Delta editor, stealing reasoning traces from proprietary LLM APIs, why dark mode toggles only need two states, and all 43 quintillion Rubik's cube states in your browser. Show Notes 00:00 Welcome to Syntax! 02:20 SvelteKit 3 Release Candidate 07:43 Video editor recs Casey Faris 09:58 TanStack Charts First Look TanStack Charts TanStack Charts implementations of every official shadcn/ui chart 14:24 Ponytail AI Tool 17:22 Zed Delta Editor Introducing Delta 23:44 Stripe acquires OpenRouter for $7B+ 29:27 Stealing Reasoning Traces from Proprietary LLM APIs 35:03 First look at Cursor’s GitHub killer 42:34 Dark Mode UX Discussion 46:40 Brought to you by Sentry! 48:34 Should AI respond in plain language? 52:57 Swamp Club Automation 01:02:37 Fight AI slop with this anti-slop plugin 01:03:39 Rubik’s Cube Permutations 01:05:02 Hackweek 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

    1032: Stripe Buys OpenRouter for $7B

  7. 19 Aug

    1031: My Coding Skills Are Atrophying

    Scott and Wes answer your questions about coding in the AI era, atrophying skills from too much autocomplete, whether it’s finally time to leave VS Code, chasing flow state with agents, and which single AI subscription is worth your money. Plus: AT Protocol vs Solid, making your AI config portable across tools, and bringing Shadcn-level UX to server-rendered frameworks. Show Notes 00:00 Welcome to Syntax! 00:57 AI-Generated Code: Are My Skills Atrophying? 06:03 Is It Time to Move On from VS Code? 13:19 Hitting Flow State with AI Coding See Wes’ Post on X 19:15 AT Protocol vs Solid: Decentralized Web Approaches 24:55 Which AI Should You Subscribe To? 30:23 Making Your AI Setup Portable Across Tools 33:56 When to Drop a Tool That Still Works 40:12 UX Quality for Traditional Server-Side Frameworks FluxUI GraffitiUI 44:14 Using Hermes and Self-Hosted AI Assistants 49:27 Sick Picks + Shameless Plugs Sick Picks Scott: ESP32-S3 Wes: Sharge ICEMAG3 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

    1031: My Coding Skills Are Atrophying

  8. 17 Aug

    1030: AI Assistant Hacks Gym

    An AI assistant goes rogue and hacks a gym website, a $9k surprise Cloudflare bill lands in someone’s inbox, and AI subscriptions start promising unlimited usage. Plus Meta’s Muse Glimmer, Agent Plugins, Kimi K3 in Copilot, and a pile of CSS chaos. Show Notes 00:00 Welcome to Syntax! 02:30 Celld: self host distributed durable objects 07:57 $9k Cloudflare Bill 13:43 Ogygia - SSR islands for SvelteKit 18:49 Brought to you by Sentry.io 19:51 Standard Code - Unlimited Use AI Subscription 29:17 New Meta Model Muse Glimmer 36:12 AI Assistant Hacks Gym 46:49 This Week in AI 54:50 Prime Agent RLM harness 01:01:02 Agent Plugin Spec 01:04:08 Adam Wathan: A Token is a Token 01:07:39 New JS Runtime from Remix Creator 01:11:21 Lost phone found with Bluetooth meter 01:17:24 Center a div with browser sidebars 01:19:49 Flexwind froggy 01:21:55 Thanks for watching! 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

    1030: AI Assistant Hacks Gym
See All (1k)

Hosts & Guests

4.8
out of 5
168 Ratings

About

Full Stack Developers Wes Bos and Scott Tolinski dive deep into web development topics, explaining how they work and talking about their own experiences. They cover from JavaScript frameworks like React, to the latest advancements in CSS to simplifying web tooling.

Information

You Might Also Like