Syntax - Tasty Web Development Treats

Autor
- Wes Bos & Scott Tolinski - Full Stack JavaScript Web Developers

0 Calificaciones: 0
Episodios: 1040
Duración promedio: 1H 1min
Idioma: Inglés
Formato
Categoría: No ficción

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.

Episodes

1040: Developing for the iPhone DuoScott, 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
1043|1H 33min
1039: Should You Quit Your Job?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
1042|1H
1038: OpenAI Releases GPT 6 AstraWes 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
1041|1H 25min
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
1040|56min
1036: Cursor & OpenAI Break UpThe 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
1039|1H 12min
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
1038|26min
1034: Omarchy Quattro ReleaseGrokbot 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
1037|1H 15min
1033: 8 New CSS, JS and HTML Features You Should KnowScott 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
1036|18min
1032: Stripe Buys OpenRouter for $7BScott 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
1035|1H 7min
1031: My Coding Skills Are AtrophyingScott 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
1034|57min

Syntax - Tasty Web Development Treats

Episodes

Escucha y lee

Otros podcasts que te pueden gustar…