app_store_button

google_play_button

is Device Banner Block 894x1036

Hlustaðu og lestu

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 talk about how non-developers are actually using AI today. They also cover the stuff they don’t think holds up, like AI-staged listings and automated marketing.

Show Notes

00:00 Intro

00:38 Welcome to Syntax!

Wes’ post about using AI

01:50 Finding Parts With AI: Van Buckles and Weird Bolts

03:59 Brought to you by Sentry!

04:37 Fixing Printers, Drivers, and Annoying Home Network Stuff

Skylight Calendar

05:32 Rescuing E-Waste: Flashing a Broken Skylight Calendar

08:42 Red Tape, Permits, and Filling Out Awful PDF Forms

09:57 Self-Hosting Made Easy: Updating Your NAS and Docker Containers

11:18 Fighting Home Assistant Rot With Agents

13:20 Inbox and Calendar Management for a Family of Six

18:05 AI in Real Estate and Property Staging

Real Estate Canada subreddit

21:10 Using Agents for Video Editing and Multicam Automation

23:53 GFX.computer: Building Better Infographics

25:59 Things That Won’t Hold Up: Generated Text and Automated Marketing

30:27 Home Lab Management Over Tailscale and SSH

32:46 3D Printing Parts With Nurb: Stands, Cases, and Airflow

Nurb

34:51 MCP Servers for Software You Only Use Occasionally

36:58 Travel Planning: Great at Logistics, Terrible at Taste

39:31 Proposals and Job Applications: Everybody Sounds the Same

42:14 Sick Picks + Shameless Plugs

Sick Picks

Scott: Nomadix Backpack

Wes: Silicone chair socks

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

1041: What are normies using AI for?

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

1040: Developing for the iPhone Duo

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 dig into the wild world of CSS fonts—covering fallbacks, variable fonts, and new tricks like text-box-trim. They also break down font-display, font kits, and how to avoid layout shifts when loading custom type.
 Show Notes 00:00 Welcome to Syntax!
 01:06 Brought to you by Sentry.io. Damnit Sans.
 
 02:53 @font-face.
 03:27 Font Display.
 07:40 Avoiding layout shift. Fallbacks.
 
 10:45 Variable fonts. Fontaine.
 font-kit

 Wakamai Fondue.
 Syntax Ep. 782.
 Font Variation Settings.
 
 16:23 Variable font sizing.
 17:46 v-fonts.
 19:10 text-box-trim & text-box-edge. text-box-trim examples.
 
 21:28 Browser support.
 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

885: CSS Fonts Fallbacks, Variable and Trimming

Hlustaðu og lestu

Other podcasts you might like ...