1033: 8 New CSS, JS and HTML Features You Should Know

1033: 8 New CSS, JS and HTML Features You Should Know

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 [https://recent-web-feature-examples.wesbos.chatgpt.site/] * 00:22 CSS Alpha() Relative Color Function * Google Groups [https://groups.google.com/a/mozilla.org/g/dev-platform/c/AqwTSNH6gkk/m/yBAzWz9_CAAJ?pli=1] * 02:25 Brought to you by Sentry.io [https://sentry.io/syntax] * 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 [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]

1032: Stripe Buys OpenRouter for $7B

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 [https://svelte.dev/blog/sveltekit-3-release-candidate] * 07:43 Video editor recs * Casey Faris [https://www.youtube.com/channel/UCdfDjoLF5L6lLuDCkJw0P3g] * 09:58 TanStack Charts First Look * TanStack Charts [https://tanstack.com/charts/latest] * TanStack Charts implementations of every official shadcn/ui chart [https://tanstack.com/charts/catalog/collections/shadcn] * 14:24 Ponytail AI Tool [https://ponytail.dev/] * 17:22 Zed Delta Editor [https://delta.dev/] * Introducing Delta [https://zed.dev/blog/introducing-delta] * 23:44 Stripe acquires OpenRouter for $7B+ [https://finance.yahoo.com/technology/ai/articles/stripe-acquires-openrouter-7b-turning-091812340.html?guccounter=1&guce_referrer=aHR0cHM6Ly93d3cuZ29vZ2xlLmNvbS8&guce_referrer_sig=AQAAALlRmhFrnekGiB6c5EhO6VSDHSF2kqVilQDAeEC29-_P6003DRL0pYweDGnCaTujE311edoaTWUsyj-Ks4dyLBAf8L1NNSSON_BEWcb_WX1JvMIyM9qvxffGHcFr0UkN9U6-yfkrwpYcIbif38OZ4NGmFgUNPLkWt893mTjqOCRu] * 29:27 Stealing Reasoning Traces from Proprietary LLM APIs [https://stolen-thoughts.com/] * 35:03 First look at Cursor’s GitHub killer [https://cursor.com/changelog] * 42:34 Dark Mode UX Discussion [https://lea.verou.me/blog/2026/dark-mode-toggles/] * 46:40 Brought to you by Sentry! [https://sentry.io/syntax/] * 48:34 Should AI respond in plain language? [https://www.iso.org/standard/78907.html] * 52:57 Swamp Club Automation [https://swamp-club.com/] * 01:02:37 Fight AI slop with this anti-slop plugin [https://github.com/dmmulroy/anti-slop] * 01:03:39 Rubik’s Cube Permutations [https://everycube.alen.is/?view=3d#6501] * 01:05:02 Hackweek 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]

1031: My Coding Skills Are Atrophying

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 [https://x.com/wesbos/status/2082102845126389887] * 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 [https://fluxui.dev/components/file-upload] * GraffitiUI [https://graffiti-ui.com/] * 44:14 Using Hermes and Self-Hosted AI Assistants * 49:27 Sick Picks + Shameless Plugs SICK PICKS * Scott: ESP32-S3 [https://amzn.to/4g5nfon] * Wes: Sharge ICEMAG3 [https://www.amazon.com/dp/B0FZ9ZMF3N?th=1&tag=webo080-20] 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]

1030: AI Assistant Hacks Gym

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 [https://celld.dev/]: self host distributed durable objects * 07:57 $9k Cloudflare Bill [https://x.com/jpschroeder/status/2086144942657712500] * 13:43 Ogygia [https://ogygia.puruvj.dev/] - SSR islands for SvelteKit * 18:49 Brought to you by Sentry.io [https://sentry.io/syntax] * 19:51 Standard Code [https://standardcode.ai/] - Unlimited Use AI Subscription * 29:17 New Meta Model Muse Glimmer [https://research.meta.ai/blog/introducing-muse-glimmer-open-agentic-model] * 36:12 AI Assistant Hacks Gym [https://www.abc.net.au/news/2026-08-10/ai-assistant-hacks-gym-website-aus-cyber-attack/107007986] * 46:49 This Week in AI * 54:50 Prime Agent RLM harness [https://x.com/PrimeIntellect/status/2085086999267144083?s=20] * 01:01:02 Agent Plugin Spec [https://vercel.com/blog/introducing-agent-plugins] * 01:04:08 Adam Wathan: A Token is a Token [https://x.com/adamwathan/status/2085154641575100492] * 01:07:39 New JS Runtime [https://x.com/mjackson/status/2086219529131282445] from Remix Creator * 01:11:21 Lost phone found with Bluetooth meter [https://x.com/un1c0rnioz/status/2084686552299634805] * 01:17:24 Center a div with browser sidebars [https://seg6.space/posts/center-div/] * 01:19:49 Flexwind froggy [https://flexwindfroggy.com/] * 01:21:55 Thanks for watching! 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]

1029: The Workflow of the Future With Zed

Nathan Sobo joins Scott and Wes to explain why Zed was built in Rust, how GPUI works, and what happens to editors once agents write most of the code. They also talk about DeltaDB, Zed’s new Git-compatible version control system, and Delta, the collaborative agentic editor it powers. SHOW NOTES * 00:00 Start * 00:35 Welcom to Syntax * 01:13 The Journey to Zed: Building the Ultimate Tool * 03:26 Why Rust was chosen for Zed? * 06:29 Brought to you by Sentry! [https://sentry.io/syntax/] * 07:07 Building a UI from scratch in Rust * GPUI [https://gpui.rs/] * 15:55 AI’s role in coding and development * 18:42 The role of text editors in the age of AI * 21:52 Delta DB: The vision for collaborative development * DeltaDB [http://delta.dev/] * 29:06 The Evolution of Collaborative Coding * 44:45 The Future of User Interfaces * 52:42 Sick Picks + Shameless Plugs SICK PICKS * Scott: * Wes: * Nathan Sobo: * Keychron Q11 [https://www.keychron.com/products/keychron-q11-qmk-custom-mechanical-keyboard] * Grant Green - Idle Moments [https://open.spotify.com/album/1lDtUlOPGKp56gQ24MvmNG?si=xFbX385lSbqs1u3y-0YtSQ&nd=1&dlsi=65a0440a1aaa4d1c] SHAMELESS PLUGS * Scott: * Wes: * Nathan Sobo: * DeltaDB [http://delta.dev/] 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]