Syntax - Tasty Web Development Treats

984: How to Make a DOM Library Render Anything w/ Paolo Ricciuti

Wes and Scott talk with Paolo Ricciuti about Svelte custom renderers and how Svelte actually talks to the DOM. They dig into compiler internals, CSS handling, native bridges, and the realities of maintaining ambitious open source tooling. SHOW NOTES * 00:00 Welcome to Syntax! * March MadCSS [https://madcss.com/] * 01:44 Paolo’s role at Mainmatter [https://mainmatter.com/] and his work on Svelte custom renderers [https://svelte-custom-renderers.com/] * 02:52 Why Paolo chose Svelte * Why I choose Svelte [https://mainmatter.com/blog/2026/02/24/why-choose-svelte/] * Shift Dev 2019: “Rethinking Reactivity” [https://www.youtube.com/watch?v=gJ2P6hGwcgo] * 05:16 From Svelte ambassador to working on the project * 07:45 How custom renderers change what Svelte can target * 10:10 How Svelte uses the DOM and why that makes custom renderers tricky * 20:32 What Lynx [https://lynxjs.org/] provides and how it differs from a web view * 24:18 Brought to you by Sentry.io [https://sentry.io/syntax/] * 35:56 Using Svelte with CSS outside the browser * 39:09 The timeline and current state of the Lynx app * 44:51 Sick Picks + Shameless Plugs SICK PICKS * Paolo: Opencode [https://opencode.ai/] SHAMELESS PLUGS * Paolo: Svelte Custom Renderers [https://svelte-custom-renderers.com/] | TCMP [https://tmcp.io/] HIT US UP ON SOCIALS! Syntax: X [https://twitter.com/syntaxfm] Instagram [https://www.instagram.com/syntax_fm/] Tiktok [https://www.tiktok.com/@syntaxfm] LinkedIn [https://www.linkedin.com/company/96077407/admin/feed/posts/] Threads [https://www.threads.net/@syntax_fm] Wes: X [https://twitter.com/wesbos] Instagram [https://www.instagram.com/wesbos/] Tiktok [https://www.tiktok.com/@wesbos] LinkedIn [https://www.linkedin.com/in/wesbos/] Threads [https://www.threads.net/@wesbos] Scott: X [https://twitter.com/stolinski] Instagram [https://www.instagram.com/stolinski/] Tiktok [https://www.tiktok.com/@stolinski] LinkedIn [https://www.linkedin.com/in/stolinski/] Threads [https://www.threads.net/@stolinski] Randy: X [https://twitter.com/randyrektor] Instagram [https://www.instagram.com/randyrektor/] YouTube [https://www.youtube.com/@randyrektor] Threads [https://www.threads.net/@randyrektor]

983: Why I Chose Electron Over Native (And I’d Do It Again)

Wes and Scott talk about building v_framer, Scott’s custom multi-source video recording app, and why Electron beat Tauri and native APIs for the job. They dig into MKV vs WebM, crash-proof recording, licensing with Stripe and Keygen, auto-updates, and the real challenges of shipping a polished desktop app. SHOW NOTES * 00:00 Welcome to Syntax! * March MadCSS [https://madcss.com/] * 02:28 Why screen recording apps are so frustrating * 07:14 The requirements behind Scott’s app, v_framer [https://vframer.video/] * 09:47 Tauri [https://v2.tauri.app/], WKWebView [https://developer.apple.com/documentation/webkit/wkwebview], and blurry screen recording headaches * 13:00 Why switching to Electron [https://www.electronjs.org/] was a game changer * 14:02 Electrobun [https://blackboard.sh/electrobun] and the hybrid desktop experiment * 16:29 Browser-based capture vs native APIs * 18:50 Brought to you by Sentry.io [https://sentry.io/syntax] * 22:32 Notarization, certificates, and shipping a Mac app * 24:52 One-time purchases, trials, and selling desktop software * 26:37 Self-hosting Keygen [https://keygen.sh/] for license keys * 30:27 A scrappy Google Sheets-powered waitlist * 31:56 Keyboard shortcuts, FPS locks, and app customization * 34:50 CI/CD and painless auto-updates with Electron HIT US UP ON SOCIALS! Syntax: X [https://twitter.com/syntaxfm] Instagram [https://www.instagram.com/syntax_fm/] Tiktok [https://www.tiktok.com/@syntaxfm] LinkedIn [https://www.linkedin.com/company/96077407/admin/feed/posts/] Threads [https://www.threads.net/@syntax_fm] Wes: X [https://twitter.com/wesbos] Instagram [https://www.instagram.com/wesbos/] Tiktok [https://www.tiktok.com/@wesbos] LinkedIn [https://www.linkedin.com/in/wesbos/] Threads [https://www.threads.net/@wesbos] Scott: X [https://twitter.com/stolinski] Instagram [https://www.instagram.com/stolinski/] Tiktok [https://www.tiktok.com/@stolinski] LinkedIn [https://www.linkedin.com/in/stolinski/] Threads [https://www.threads.net/@stolinski] Randy: X [https://twitter.com/randyrektor] Instagram [https://www.instagram.com/randyrektor/] YouTube [https://www.youtube.com/@randyrektor] Threads [https://www.threads.net/@randyrektor]

982: Bots Are Ruining the Internet

Wes and Scott talk about the latest dev news: Node enabling Temporal by default, OpenAI acquiring OpenClaw, TypeScript 6, new TanStack and Deno releases, the explosion of AI agent platforms, and more. Courtney Tolinski's Podcast Phases: A Parenting Podcast https://phases.fm/ [https://phases.fm/] Show Notes * 00:00 Welcome to Syntax! * 01:11 Brought to you by Sentry.io [https://sentry.io/syntax] * 02:40 Node.js enables Temporal by default * Enable Temporal by default [https://github.com/nodejs/node/pull/61806] * 04:08 OpenClaw acquired by OpenAI * OpenClaw, OpenAI and the future [https://steipete.me/posts/2026/openclaw] * 09:36 Bots are taking over the internet * Wes’ tweet [https://x.com/wesbos/status/2021769043573977130] * 15:30 TypeScript 6 Beta * Announcing TypeScript 6.0 Beta [https://devblogs.microsoft.com/typescript/announcing-typescript-6-0-beta/] * 17:00 TanStack Hotkeys for type-safe shortcuts * TanStack Hotkeys [https://tanstack.com/hotkeys/latest] * 18:05 Components will kill webpages * Components Will Kill Pages [https://bitsandbytes.dev/posts/components-will-kill-pages] * 19:39 Is Google Translate just an LLM? * Viridian’s tweet [https://x.com/goremoder/status/2019706403154534541] * 23:29 Shaders.com [https://shaders.com/] * 26:49 Voxtral Mini Realtime * Voxtral Realtime [https://x.com/MistralAI/status/2019068828257333466] * Demo [https://huggingface.co/spaces/mistralai/Voxtral-Mini-Realtime] * 29:51 Deno launches Sandboxes * Introducing Deno Sandbox [https://deno.com/deploy/sandbox] * 32:39 Oz [https://www.warp.dev/oz] by Warp.dev * 38:10 Augment Code Intent [https://www.augmentcode.com/product/intent] * 40:10 Sick Picks + Shameless Plugs Sick Picks * Scott: Samsung Remote [https://amzn.to/3OjVVsq] * Wes: Ice [https://github.com/jordanbaird/Ice] Shameless Plugs * Syntax YouTube Channel [https://www.youtube.com/@syntaxfm] Hit us up on Socials! Syntax: X [https://twitter.com/syntaxfm] Instagram [https://www.instagram.com/syntax_fm/] Tiktok [https://www.tiktok.com/@syntaxfm] LinkedIn [https://www.linkedin.com/company/96077407/admin/feed/posts/] Threads [https://www.threads.net/@syntax_fm] Wes: X [https://twitter.com/wesbos] Instagram [https://www.instagram.com/wesbos/] Tiktok [https://www.tiktok.com/@wesbos] LinkedIn [https://www.linkedin.com/in/wesbos/] Threads [https://www.threads.net/@wesbos] Scott: X [https://twitter.com/stolinski] Instagram [https://www.instagram.com/stolinski/] Tiktok [https://www.tiktok.com/@stolinski] LinkedIn [https://www.linkedin.com/in/stolinski/] Threads [https://www.threads.net/@stolinski] Randy: X [https://twitter.com/randyrektor] Instagram [https://www.instagram.com/randyrektor/] YouTube [https://www.youtube.com/@randyrektor] Threads [https://www.threads.net/@randyrektor]

981: Browsers Are Finally Catching Up (Interop 2026)

Scott and Wes unpack Interop 2026 and the browser features finally aligning across engines, from container style queries and anchor positioning to scroll-driven animations and view transitions. They break down what it all means for day-to-day devs and how close we really are to a fully interoperable web. SHOW NOTES * 00:00 Welcome to Syntax! * 00:21 What is Interop [https://wpt.fyi/interop-2026]? * Interop GitHub [https://github.com/web-platform-tests/interop/tree/main/2026]. * 02:44 Container Style Queries. * 09:32 Brought to you by Sentry.io [https://sentry.io/syntax]. * 09:57 Anchor Positioning. * 12:01 CSS attr(). * 15:40 CSS Contrast-color. * 19:10 CSS Zoom. * 21:36 CSS Custom Highlight API. * 24:02 Dialogs and Popovers. * 25:44 Fetch Uploads and Ranges. * 27:48 IndexedDB. * 28:25 JSPI for Wasm. * 29:05 Media Pseudo-Classes. * 30:00 Navigation API. * 31:53 Scoped Custom Element Registries. * 32:40 Scroll-Driven Animations. * 33:30 Scroll Snap. * 36:50 CSS Shape(). * 38:25 View Transitions. * 41:32 Web Compat. * 42:29 WebRTC Improvements. * 43:44 WebTransport. * 45:44 Investigation Efforts. * 46:25 JPEG XL * 48:46 Mobile Testing. * 49:20 WebVTT. HIT US UP ON SOCIALS! Syntax: X [https://twitter.com/syntaxfm] Instagram [https://www.instagram.com/syntax_fm/] Tiktok [https://www.tiktok.com/@syntaxfm] LinkedIn [https://www.linkedin.com/company/96077407/admin/feed/posts/] Threads [https://www.threads.net/@syntax_fm] Wes: X [https://twitter.com/wesbos] Instagram [https://www.instagram.com/wesbos/] Tiktok [https://www.tiktok.com/@wesbos] LinkedIn [https://www.linkedin.com/in/wesbos/] Threads [https://www.threads.net/@wesbos] Scott: X [https://twitter.com/stolinski] Instagram [https://www.instagram.com/stolinski/] Tiktok [https://www.tiktok.com/@stolinski] LinkedIn [https://www.linkedin.com/in/stolinski/] Threads [https://www.threads.net/@stolinski] Randy: X [https://twitter.com/randyrektor] Instagram [https://www.instagram.com/randyrektor/] YouTube [https://www.youtube.com/@randyrektor] Threads [https://www.threads.net/@randyrektor]

980: AI Coding Explained

Wes and Scott talk about the state of AI coding in 2026—from editors and models to agents, skills, slash commands, MCPs, and more. They unpack what these things actually do, how they overlap, and how to use them effectively without overcomplicating your setup. SHOW NOTES * 00:00 Welcome to Syntax! * 01:39 The tools: editors, terminals, GUIs * 05:27 Wes’ and Scott’s current AI setups * 13:17 Picking the right model * 18:58 How exactly do agents work? * 22:32 Subagents and parallel workflows * 24:29 Brought to you by Sentry.io [https://sentry.io/syntax/] * 24:54 What goes in agents.md [http://agents.md] (and what doesn’t) * 26:47 Skills vs agents * Skills [https://skills.sh/] * Superpowers [https://github.com/obra/superpowers] * 34:03 Slash commands as reusable prompts * 36:02 Hooks and keeping your code from going off the rails * 38:00 Plugins and bundling your setup * 39:24 What MCP is and why it’s powerful * 40:54 Cloud agents and running jobs remotely * 43:47 Choosing the right AI tool * 47:41 Sick Picks + Shameless Plugs SICK PICKS * Scott: ULTRALOQ Bolt Fingerprint WiFi Smart Lock [https://amzn.to/3Zp8Co9] * Wes: St. Denis Medical [https://www.nbc.com/st-denis-medical] SHAMELESS PLUGS * Syntax YouTube Channel [https://www.youtube.com/@syntaxfm] HIT US UP ON SOCIALS! Syntax: X [https://twitter.com/syntaxfm] Instagram [https://www.instagram.com/syntax_fm/] Tiktok [https://www.tiktok.com/@syntaxfm] LinkedIn [https://www.linkedin.com/company/96077407/admin/feed/posts/] Threads [https://www.threads.net/@syntax_fm] Wes: X [https://twitter.com/wesbos] Instagram [https://www.instagram.com/wesbos/] Tiktok [https://www.tiktok.com/@wesbos] LinkedIn [https://www.linkedin.com/in/wesbos/] Threads [https://www.threads.net/@wesbos] Scott: X [https://twitter.com/stolinski] Instagram [https://www.instagram.com/stolinski/] Tiktok [https://www.tiktok.com/@stolinski] LinkedIn [https://www.linkedin.com/in/stolinski/] Threads [https://www.threads.net/@stolinski] Randy: X [https://twitter.com/randyrektor] Instagram [https://www.instagram.com/randyrektor/] YouTube [https://www.youtube.com/@randyrektor] Threads [https://www.threads.net/@randyrektor]