Syntax - Videos
Back to Channel
Void is Vercel for Cloudflare
Void is essentially Vercel for Cloudflare #void #cloudflare #vercel #frameworks #webdev
Writing Maintainable CSS
Scott and Wes break down what makes CSS truly manageable—from preventing style leaks and embracing fluid layouts to choosing the right methodology, whether that’s utility CSS, component-scoped styl...
Has AI melted our brains? Dev Cardio Challenge!
Three web devs race through JavaScript challenges from easy to hard. No AI, no copilot, just vibes and muscle memory. We used Wes Bos's Syntax Cardio repo to test whether we've still got it. Spoile...
How to Fix Vibe Coding
Wes and Scott talk about making AI coding more reliable using deterministic tools like fallow, knip, ESLint, StyleLint, and Sentry. They cover code quality analysis, linting strategies, headless br...
Syntax LIVE! 1000th Episode Special
Scott, Wes, and CJ are joined by the full Syntax team for a special live stream celebrating 1,000 episodes! They dig into the show's history, share wild stats, revisit fan-favorite moments, and sho...
Claude remembers when you swear
Interestingly, when you swear at Claude Code they flag it with a regex!
Rating and Roasting Your Projects
Scott and Wes dig into a huge batch of community-submitted projects, from JSON tools and CSS editors to AI agents, view transitions, and everything in between. It’s a rapid-fire showcase of what de...
Prompt BATTLE! Recreate NASA's UI without coding.
Scott, Wes, and CJ compete to build a NASA inspired UI rendering of the Artemis II mission. The only catch.. They can't type any code, only prompting their agent of choice! 🔥 Be the ~18,300th pers...
10 New CSS and HTML APIs
Wes and Scott talk about the latest CSS and browser features, including the Grid Lines API for masonry layouts, HTML in Canvas, name-only container queries, CSS random, search-text styling, and mor...
Next.js Vendor Lock-in No More
Scott and Wes sit down with Tim Neutkens and Jimmi Lai from the Next.js team to dig into the new Adapters API, what it takes to run Next.js across platforms like Cloudflare and Netlify, and how cac...
The Biggest Upset in Mad CSS | 1% Wins It
We brought 16 of the worlds best CSS developers to compete head to head. Snag a bomber jacket here: https://checkout.sentry.shop/products/syntax-march-madcss-bomber?Size=S https://www.madcss.com h...
AI Sucks At CSS
In this potluck episode of Syntax, Wes and Scott answer your questions about AI struggles with CSS and design workflows, learning vs relying on AI, debugging web performance, beginner soldering set...
It’s Been A Hell Of Week
Scott and Wes break down a chaotic week in dev news — the Claude Code source leak, a nasty Axios npm supply chain hack, and Railway’s private cache exposure — plus how to keep these nightmare scena...
37,000 Lines of Slop
Scotts thoughts on AI slop and slowing down. Slowing Down: https://mariozechner.at/posts/2026-03-25-thoughts-on-slowing-the-fuck-down/ Fallow: https://docs.fallow.tools/ 🔥 Be the ~18,300th person...
One Last Battle
We brought 16 of the worlds best CSS developers to compete head to head. https://www.madcss.com Play it here: synhax.syntax.fm Follow / subscribe to all of our featured competitors: Josh Comeau ...
Migrating Legacy Code Just Got Easier
Wes and Scott talk about migrating large codebases with AI — how to plan framework and language moves, establish patterns, handle templating changes, test thoroughly, safely deploy, and more. 🔥 Be...
MadCSS Semi Final Breakdown and Solution
In this video CJ breaks down competitor solutions for MadCSS Semi FInal and also shows the official 100% solution. 🔥 Be the ~18,300th person to join our super tasty newsletter https://bit.ly/synta...
Vite’s bet on Cloudflare (VOID Framework)
Vite just launched Void, a fullstack JavaScript framework and cloud platform that bundles together routing, SSR, auth, an ORM, and nearly everything you’d expect from a modern meta-framework — all ...
16 Pro Web Devs Compete with CSS | Round 4 | Semi Finals
We brought 16 of the worlds best CSS developers to compete head to head. https://www.madcss.com Play it here: synhax.syntax.fm Follow / subscribe to all of our featured competitors: Josh Comeau ...
AI Coding Still Sucks (without validation)
A follow up to my previous "AI Coding Sucks" video - I give my thoughts and talk about my current workflows with AI coding tools. 🔥 Be the ~18,300th person to join our super tasty newsletter https:...
How the best CSS devs prep for a 1:1 coding battle
How to be the best CSS Battler out there. #marchmadcss #madness #css #coding #tech
MadCSS Quarter Final Breakdown and Solution
In this video CJ breaks down competitor solutions for MadCSS Quarter FInal and also shows the official 100% solution. 🔥 Be the ~18,300th person to join our super tasty newsletter https://bit.ly/sy...
Vite Is Taking Over (Vite+)
Wes, Scott, and CJ talk about Vite+, a unified JavaScript toolchain that combines linting, formatting, task running, monorepos, and more. They break down its evolution, open-source shift, performan...
The State of Javascript 2026
Scott and Wes dig into the latest State of JS survey results, breaking down which JavaScript libraries, frameworks, and tools are rising, falling, or holding steady in the ever-shifting JS ecosyste...
The Internet’s Best Web Devs Compete in CSS | Quarter Finals
We brought 16 of the worlds best CSS developers to compete head to head. https://www.madcss.com Play it here: synhax.syntax.fm Follow / subscribe to all of our featured competitors: Kevin Powell...
What's the best way to prepare for a 1 on 1 CSS battle?
How did the contestants in Round 1 part 2 prepare for their first MadCSS battle?? #marchmadcss #marchmadness
MadCSS Round 1 Breakdown and Solution
In this video CJ breaks down competitor solutions for MadCSS Round 1 and also shows the official 100% solution. 🔥 Be the ~18,300th person to join our super tasty newsletter https://bit.ly/syntax_s...
How Cloudflare Slop Forked Next.js
Wes and Scott talk with Steve Faulkner about vinext, a Vite-powered Next.js fork. They dive into AI coding workflows, agent browsers, code quality, and what modern dev tooling looks like in an AI-f...
Remote Coding Agents
Scott and Wes break down the world of remote coding agents — what they are, why you’d want one, and all the different ways you can run them, from Cursor Cloud and Claude Code to an old laptop sitti...
We Hosted a 16-Developer CSS Tournament | Round 1 | Right Bracket
We brought 16 of the worlds best CSS developers to compete head to head. Snag a bomber jacket here: https://checkout.sentry.shop/products/syntax-march-madcss-bomber?Size=S https://www.madcss.com P...
You Guide To Local AI | Hardware, Setup and Models
In this video CJ guides you through the wide world of local AI. He shows how he set up his new 128GB memory mini PC and gives his overall impressions of running local models for basic tasks and cod...
Lando Norris card animation
How we recreated Lando Norris's stunning card hover animation from his website.
Does Code Quality Matter Anymore?
In this potluck episode, Wes and Scott answer your questions about popover navigation patterns, the Vibrate API on iOS, whether code quality still matters in the AI era, Wes’s evolving Obsidian sec...
Stop putting secrets in .env
Scott and Wes are joined by Phil Miller and Theo Ephraim to talk about Varlock, a new approach to environment variables that adds schemas, validation, and security to the humble .env file. They dig...
The BIGGEST CSS Web Dev Battle Tournament Ever | Round 1 | Left Bracket
We brought 16 of the worlds best CSS developers to compete head to head. 🔥 Be the ~18,300th person to join our super tasty newsletter https://bit.ly/syntax_snackpack https://www.madcss.com Follow...
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 m...
Why I Chose Electron Over Tauri (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 recordin...
SpaceTime DB 2.0 is 1000x Faster... (so they say) - and more! | 3 Devs - 3 Things
Scott, Wes and CJ each bring something to share with the group including how Cloudflare rebuilt Next.js from Scratch, the launch of SpacetimeDB and show how one person re-made an x86 CPU in pure CS...
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 mo...
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. The...
THIS is how to expose your apps to AI: WebMCP
THIS is how to expose your apps to AI: WebMCP
Wes and Scott's 2026 Coding Setup and Tools
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 h...
THIS is how to expose your apps to AI: WebMCP
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, an...
15 Minutes to Rebuild This Product Card… Winner Takes All
Scott and Wes go head-to-head in a 15-minute 1v1 coding battle on our brand new SynHax platform. CJ commentates the chaos as they race to recreate product cards from our own website. Who ships the ...
How do you rack up a $46k Vercel bill?
The site https://jmail.world/ absolutely blew up and was hit with a unexpected bill. My thoughts on what that bill was made up of and how to avoid this in your projects. 00:00 Intro 00:45 Compute...
Should A New Coder Use AI?
Wes and Scott answer your questions about AI agents, learning to code with AI, pagination patterns, skilling up from outdated tech stacks, balancing side projects with family life, real-world hacki...
search results suck right now, use THIS instead
CJ is tired of AI slop in search results. In this video he shows how to set up and use SearXNG a self hosted privacy conscious search engine aggregator as well as Perplexica, a self hosted privacy ...
This component could have been a class
"When you have a component that is simply just a link styled as a button, you have lost the dang plot" - Scott Tolinski
We Built a Real-Time CSS Battle Game (and it actually works)
Scott and Wes break down how they built SynHax, the real-time CSS Battle app powering the upcoming Mad CSS tournament. From SvelteKit and Zero to diffing algorithms, sync conflicts, and a last-minu...
The Impossible Avatar
MadCSS.com Code to my solution: https://codepen.io/wesbos/pen/OPXwByX hit me up with your solution in the comments below. https://x.com/wesbos