Syntax - Tasty Web Development Treats

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

02:28 Why screen recording apps are so frustrating

07:14 The requirements behind Scott’s app, v_framer

09:47 Tauri, WKWebView, and blurry screen recording headaches

13:00 Why switching to Electron was a game changer

14:02 Electrobun and the hybrid desktop experiment

16:29 Browser-based capture vs native APIs

18:50 Brought to you by Sentry.io

22:32 Notarization, certificates, and shipping a Mac app

24:52 One-time purchases, trials, and selling desktop software

26:37 Self-hosting Keygen 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 Instagram Tiktok LinkedIn Threads

Wes: X Instagram Tiktok LinkedIn Threads

Scott: X Instagram Tiktok LinkedIn Threads

Randy: X Instagram YouTube Threads

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/

Show Notes


00:00 Welcome to Syntax!


01:11 Brought to you by Sentry.io


02:40 Node.js enables Temporal by default

Enable Temporal by default


04:08 OpenClaw acquired by OpenAI

OpenClaw, OpenAI and the future


09:36 Bots are taking over the internet

Wes’ tweet


15:30 TypeScript 6 Beta

Announcing TypeScript 6.0 Beta


17:00 TanStack Hotkeys for type-safe shortcuts

TanStack Hotkeys


18:05 Components will kill webpages

Components Will Kill Pages


19:39 Is Google Translate just an LLM?

Viridian’s tweet


23:29 Shaders.com


26:49 Voxtral Mini Realtime

Voxtral Realtime

Demo


29:51 Deno launches Sandboxes

Introducing Deno Sandbox


32:39 Oz by Warp.dev


38:10 Augment Code Intent


40:10 Sick Picks + Shameless Plugs

Sick Picks

Scott: Samsung Remote

Wes: Ice

Shameless Plugs

Syntax YouTube Channel

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

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?

Interop GitHub.

02:44 Container Style Queries.

09:32 Brought to you by Sentry.io.

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 Instagram Tiktok LinkedIn Threads

Wes: X Instagram Tiktok LinkedIn Threads

Scott: X Instagram Tiktok LinkedIn Threads

Randy: X Instagram YouTube Threads

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

24:54 What goes in agents.md (and what doesn’t)

26:47 Skills vs agents

Skills

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

Wes: St. Denis Medical

Shameless Plugs

Syntax YouTube Channel

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

Scott and Wes unpack WebMCP, a new standard that lets AI interact with websites through structured tools instead of slow, bot-style clicking. They demo it, debate imperative vs declarative APIs, and share their hottest take: this might be the web’s real AI moment.

Show Notes

00:00 Welcome to Syntax!

00:16 Introduction to WebMCP

01:07 Understanding WebMCP Functionality.

03:06 Interacting with AI through WebMCP.

06:49 WebMCP browser integration.

08:25 Brought to you by Sentry.io.

08:49 Benefits of WebMCP.

11:51 Token efficiency.

13:02 My biggest questions.

14:13 My take on this tech.

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