app_store_button

google_play_button

DK - Details page - Device banner - 894x1036

Lyt når som helst, hvor som helst 

Wes Bos & Scott Tolinski - Full Stack JavaScript Web Developers

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.

Syntax - Tasty Web Development Treats

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

1039: Should You Quit Your Job?

Wes and CJ dig into OpenAI’s GPT‑6 Astra; the massive jump in computer use, the wild Blender MCP 3D demos, and whether all the AGI talk actually holds up. Plus Hugging Face’s robot duck, Vitest 5 and the arrest behind the shai‑hulud supply chain attacks

Show Notes

00:00 Welcome to Syntax!

00:52 30 Years of JScript: How Microsoft Cloned JavaScript

03:28 Ryan Dahl’s Fight to Free the JavaScript Trademark

05:48 The Rise of Micro Ducks and DIY Robotics

13:58 VeriSign Is Killing Third Level .name Domains

18:31 How Many Domains Do You Own? Registrar Pricing and Transfers

21:00 GPT-6 Astra Is Here: Is This Actually AGI?

Exploding 3D Rendering

Formula 1 Rendering

Astra in Three.JS

23:40 Computer Use: Letting AI Draw Our Thumbnail in MS Paint

Astra Using MS Paint

33:10 Can AI Edit Video? The DaVinci Resolve MCP Hype

40:18 Blender, 3D Workflows and the Death of Educational Content

47:45 Audacity 4: A Long Overdue Facelift

52:31 Ripping CDs and Owning Your Music Library Again

55:35 Vitest 5: Faster Tests, Benchmarks and Trace View

59:45 Brought to you by Sentry.io

01:00:24 Prompt Injecting Claude Opus 5 With a Malicious Zip File

01:05:46 The Shai-Hulud Hackers Got Arrested: How They Slipped Up

01:09:15 The VS Code Documentary Is Out (and Wes Is In It)

01:11:14 216 Million Spy TVs: LG Is Watching and Listening

Disconnect Your LG TV Now

01:17:05 Roku, Walmart and What Your Data Profile Really Knows

01:19:12 Google AI Mode Shows Products 21% More Expensive

01:22:31 Agentic Shopping and the Sameness of AI Taste

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

1038: OpenAI Releases GPT 6 Astra

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)

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

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?

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

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

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

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

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

In this episode of Syntax, Wes and Scott talk about what headless components are, the why and when to use headless components, and how to best implement them.
 Show Notes 00:07 Welcome
 02:33 Tailwind Connect
 Tailwind Connect 2023 | Tailwind CSS Live Event

 04:37 Headless component overview
 Downshift

 Headless UI

 06:57 A country dropdown component
 12:52 Possibly like Svelte actions?
 18:46 What do headless components provide?
 19:13 Examples of headless component projects
 Microsoft Edge Demo

 24:24 How does this compare to web components?
 Tanstack Table

 Tanstack Virtual

 26:29 Checking out Shoelace
 Shoelace

 28:42 Figma announcements
 What’s New in Figma

 31:21 What does headless mean?
 36:24 SIIIIICK ××× PIIIICKS ×××
 41:20 AI Voices
 ××× SIIIIICK ××× PIIIICKS ××× Scott: Hacker News Recap /Hacker News Recap on Apple Podcasts

 Wes: Calipers

 Shameless Plugs Scott: Sentry

 Wes: Wes Bos Tutorials

 Tweet us your tasty treats Scott’s Instagram

 LevelUpTutorials Instagram

 Wes’ Instagram

 Wes’ Twitter

 Wes’ Facebook

 Scott’s Twitter

 Make sure to include @SyntaxFM in your tweets
 Wes Bos on Bluesky

 Scott on Bluesky

 Syntax on Bluesky

What are Headless Components?

Lyt når som helst, hvor som helst

Other podcasts you might like ...