https://syntax.yabby.page/ 2026-06-17T21:45:35.245Z https://syntax.yabby.page/video/command-line-basics-1-series-introduction 2026-10-15T03:45:16.723Z https://i.ytimg.com/vi/yreJBmV4_6c/maxresdefault.jpg Command Line Basics #1 - Series Introduction Learn command line from the very basics. http://www.cygwin.com/ Subscribe to Level Up Pro for extra features! http://leveluptuts.com/level-up-pro For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations https://www.youtube.com/embed/yreJBmV4_6c 126 2014-04-04T01:30:36.000Z https://syntax.yabby.page/video/how-to-set-up-vscode-like-a-pro 2026-10-15T03:45:16.789Z https://i.ytimg.com/vi/VIdM5VSlJVw/maxresdefault.jpg How to set up VSCode like a PRO! Join Scott and Wes as they dish out the juiciest VSCode secrets for coding like a boss (or a Tolinski)! From speedy navigation to must-have extensions and the sickest themes, get ready to level up your coding game. Show Notes 00:00 Welcome to Syntax! 00:47 Brought to you by Sentry.io. 01:44 A recording bug. 03:18 VSCode versions. 05:59 Tabs or no tabs. 10:32 Navigation tips. 11:35 Mouse and trackpad input. 13:43 Move, select and expand by 19:07 Interface tips. 19:17 Sidebars. 24:23 Sticky headers. 26:21 Activity bar. 30:30 Show or hide? 31:35 Profiles. 32:43 Keyboard Shortcuts. 32:49 Renaming. 34:32 Extensions. 34:45 Text pastry. 36:43 Better comments. 39:03 Auto rename tag. 40:02 Change case. 40:25 Permute lines. 41:26 File utils. 43:20 Sort JSON objects. 43:50 SQLite viewer. 44:29 Spell checker. 45:42 APC. 49:19 Themes. 53:05 Final tricks. 57:44 What about the AI stuff? 01:00:10 Sick Picks & Shameless Plugs. All links available at https://syntax.fm/760 ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript https://www.youtube.com/embed/VIdM5VSlJVw 3936 2024-04-24T11:00:24.000Z https://syntax.yabby.page/video/the-weird-and-creative-corners-of-the-web 2026-10-15T03:45:16.891Z https://i.ytimg.com/vi/HXnyQnW6QS8/maxresdefault.jpg The Weird and Creative Corners of the Web Wes and Scott talk about the weird, creative corners of the web—from live-coded music with Strudel and wild Hydra visuals to shader wizardry, projection-mapping art, fully synced Christmas lights, and more. 🔥 Be the ~17,800th person to join our super tasty newsletter https://bit.ly/syntax_snackpack (00:00) Welcome to Syntax! (01:10) Strudel (03:45) Hydra (05:44) P5.js (08:03) ShaderToy (11:13) Brought to you by Sentry.io (11:38) MadMapper (14:13) Touch Designer (16:46) xLights (20:20) Sick Picks + Shameless Plugs All links available at https://syntax.fm/960 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/HXnyQnW6QS8 1653 2025-12-03T12:00:41.000Z https://syntax.yabby.page/video/css-without-classes-styled-apps-by-default 2026-10-15T03:45:16.732Z https://i.ytimg.com/vi/SmmLeWZ9S5g/maxresdefault.jpg CSS Without Classes! Styled Apps By Default In this video CJ talks about classless CSS frameworks, what they are and why you might use them. He shows examples of a few of his favorites and also shares a tool that lets you preview HTML with 69 different classless CSS frameworks all at once. 🔥 Be the ~14,700th person to join our super tasty newsletter https://bit.ly/syntax_snackpack 00:00 Intro 00:39 What is it? 01:28 When? / Why? 01:54 When NOT!? 02:40 Pico.css 04:01 Water.css 04:41 concrete.css 04:56 bolt.css 05:13 matcha.css 05:34 More Classless CSS Frameworks 06:16 Preview Tool 07:44 Thanks! PicoCSS | https://picocss.com/ Water.css | https://watercss.kognise.dev/ concrete.css | https://concrete.style/ Bolt.css | https://boltcss.com/ Matcha.css | https://matcha.mizu.sh/ List of Frameworks | https://github.com/dbohdan/classless-css Preview Tool | https://classless-css-previews.vercel.app/ Preview Tool Source Code | https://github.com/w3cj/classless-css-previews/ ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #css #style #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/SmmLeWZ9S5g 497 2025-09-09T18:37:04.000Z https://syntax.yabby.page/video/is-chat-ui-is-the-endgame 2026-10-15T03:45:16.740Z https://i.ytimg.com/vi/xKZLZj2FTRw/maxresdefault.jpg Is chat UI is the endgame? Kent C. Dodds thinks chat UI is the endgame https://www.youtube.com/embed/xKZLZj2FTRw 119 2026-01-26T17:24:49.000Z https://syntax.yabby.page/video/drupal-tutorials-27-views-formats-pagers 2026-10-15T03:45:16.957Z https://i.ytimg.com/vi/uDWs0ij6Dt0/maxresdefault.jpg Drupal Tutorials #27 - Views - Formats & Pagers This is the 27th tutorial in the Drupal 7 tutorial series. This tutorial shows you how to change the format of your output, and create pagers. Subscribe for more free tutorials https://goo.gl/6ljoFc, more Drupal Tutorials here: https://goo.gl/YDHhLW Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e This Drupal 7 tutorial series shows users how to build websites with the very popular open source content management system Drupal 7. https://www.youtube.com/embed/uDWs0ij6Dt0 520 2012-04-21T00:03:39.000Z https://syntax.yabby.page/video/drupal-tutorials-20-creating-a-contact-form-with-drupal 2026-10-15T03:45:16.971Z https://i.ytimg.com/vi/cHqblk1VnEw/maxresdefault.jpg Drupal Tutorials #20 - Creating a Contact Form With Drupal This tutorial shows Drupal users how to enable and configure Drupal 7's core contact form module. Subscribe for more free tutorials https://goo.gl/6ljoFc, more Drupal Tutorials here: https://goo.gl/YDHhLW Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e This Drupal 7 tutorial series shows users how to build websites with the very popular open source content management system Drupal 7. https://www.youtube.com/embed/cHqblk1VnEw 184 2012-04-05T01:14:42.000Z https://syntax.yabby.page/video/drupal-7-tutorials-53-referencing-other-nodes-with-references 2026-10-15T03:45:17.004Z https://i.ytimg.com/vi/rDMc5FDHi7c/maxresdefault.jpg Drupal 7 Tutorials #53 - Referencing Other Nodes with References This tutorial shows you how to reference other nodes within a piece of content. Subscribe for more free tutorials https://goo.gl/6ljoFc, more Drupal Tutorials here: https://goo.gl/YDHhLW Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e This Drupal 7 tutorial series shows users how to build websites with the very popular open source content management system Drupal 7. https://www.youtube.com/embed/rDMc5FDHi7c 414 2012-10-01T23:44:46.000Z https://syntax.yabby.page/video/ux-prototyping-with-principle-8-easing-curves-in-principle 2026-10-15T03:45:17.018Z https://i.ytimg.com/vi/BFeNEuYxGU0/maxresdefault.jpg UX Prototyping with Principle #8 - Easing Curves in Principle In this video we talk about what easing curves are and how to customize them. Subscribe for more free tutorials https://goo.gl/6ljoFc, Buy this series and get 3 exclusive videos! https://goo.gl/uvR3Wv Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e Animate Your Ideas, Design Better Apps Principle makes it easy to design animated and interactive user interfaces. Whether you're designing the flow of a multi-screen app, or new interactions and animations, Principle lets you create designs that look and feel amazing. Out of the box stunning transitions when changing data, updating colours and adding datasets. Chart.js is a community maintained project, contributions welcome! Visualize your data in 8 different ways; each of them animated and customisable. Redraws charts on window resize for perfect scale granularity. https://www.youtube.com/embed/BFeNEuYxGU0 524 2016-10-13T16:16:50.000Z https://syntax.yabby.page/video/0-react-testing-for-beginners 2026-10-15T03:45:17.049Z https://i.ytimg.com/vi/esVwR4lGwQE/maxresdefault.jpg #0 React Testing For Beginners In this series we demystify React testing for beginners. We show you how to test React components using Jest & React Testing Library. No prior testing experience necessary. ### Video Links Buy React Testing For Beginners: https://www.leveluptutorials.com/store/products/tutorials/lut-dd026 Become a Pro: https://www.leveluptutorials.com/pro ### Affiliate Links Please use these links when signing up for services to help support Level Up. Easy Hosting with Netlify: https://goo.gl/pychVP Shared Web Hosting: https://goo.gl/pfC6uc ### Level Up Links Syntax Podcast ft Scott Tolinski & Wes Bos: https://goo.gl/7jDDxX Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz Developer Ready Complete and ready to set-up JavaScript testing solution. Works out of the box for any React project. Instant Feedback Fast interactive watch mode runs only test files related to changed files and is optimized to give signal quickly. Snapshot Testing Capture snapshots of React trees or other serializable values to simplify testing and to analyze how state changes over time. Zero configuration testing platform Jest is used by Facebook to test all JavaScript code including React applications. One of Jest's philosophies is to provide an integrated "zero-configuration" experience. We observed that when engineers are provided with ready-to-use tools, they end up writing more tests, which in turn results in more stable and healthy code bases. https://www.youtube.com/embed/esVwR4lGwQE 75 2018-09-12T16:57:38.000Z https://syntax.yabby.page/video/we-drafted-vs-code-extensions-like-nfl-players 2026-10-15T03:45:17.104Z https://i.ytimg.com/vi/ymyzA8JqEjk/maxresdefault.jpg We DRAFTED VS Code Extensions Like NFL Players 🏈 THE ULTIMATE DEV TOOL DRAFT IS HERE! Scott, Wes, and CJ turned their favorite VS Code extensions into a high-stakes NFL-style draft. With only 30 seconds per pick and one steal each, the pressure is real. The Rules: ✅ 5 rounds, 1 pick per round ✅ 30-second timer per pick (no mercy!) ✅ One steal allowed per person 👇 Vote in the comments for who built the best dev setup! Links (spoilers included): https://marketplace.visualstudio.com/items?itemName=GitHub.copilot-chat https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint https://marketplace.visualstudio.com/items?itemName=bierner.comment-tagged-templates https://marketplace.visualstudio.com/items?itemName=GitHub.vscode-pull-request-github https://marketplace.visualstudio.com/items?itemName=quicktype.quicktype https://marketplace.visualstudio.com/items?itemName=biomejs.biome https://marketplace.visualstudio.com/items?itemName=pranaygp.vscode-css-peek https://marketplace.visualstudio.com/items?itemName=adpyke.codesnap https://marketplace.visualstudio.com/items?itemName=sleistner.vscode-fileutils https://marketplace.visualstudio.com/items?itemName=aaron-bond.better-comments https://marketplace.visualstudio.com/items?itemName=yoavbls.pretty-ts-errors https://marketplace.visualstudio.com/items?itemName=usernamehw.errorlens https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode https://marketplace.visualstudio.com/items?itemName=Gruntfuggly.todo-tree https://marketplace.visualstudio.com/items?itemName=earshinov.permute-lines ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/ymyzA8JqEjk 888 2025-06-20T12:12:00.000Z https://syntax.yabby.page/video/solidstart-1-0-first-look-comparing-to-react-next-js 2026-10-15T03:45:17.128Z https://i.ytimg.com/vi/nxbxw2Kw6sA/maxresdefault.jpg SolidStart 1.0 First Look: Comparing to React / Next.js In this video CJ takes a look at the new 1.0 release of SolidJS and compares it to React / Next.js. View the code here: https://github.com/w3cj/solid-vs-react/ 00:00 Intro 00:51 SolidStart 1.0 Release 01:31 What is SolidJS? 03:19 Image Search App Overview 03:57 React Image Search 04:20 SolidJS Image Search 04:44 React Conditional Rendering 04:54 SolidJS Conditional Rendering 05:13 Signal Accessors 05:30 React List Rendering 05:39 SolidJS List Rendering 05:57 React Render / Update Cycle 06:21 SolidJS Fine Grain State Updates 07:02 React ImageLoader Component 08:46 SolidJS ImageLoader Component 09:46 Why I Like SolidJS 10:23 SolidJS Docs 10:57 SolidStart vs Next.js 11:20 Hacker News Client Overview 11:47 Next.js Layout and Routing 12:59 SolidStart is Modular 14:26 SolidStart Layout / Routing 17:16 Next.js Data Loading 18:25 SolidStart Data Loading 20:23 Prefetching / Preloading 21:46 Next.js Stories Page 22:11 SolidStart Stories Page 23:08 Should you use SolidStart? 24:30 The Future of Meta-frameworks 25:33 Thanks! Ryan Carniato's talk "The Shape of Frameworks to Come" | https://www.youtube.com/watch?v=ZVjXtfdKQ3g SolidStart 1.0 Release Announcement | https://www.solidjs.com/blog/solid-start-the-shape-frameworks-to-come SolidJS | https://www.solidjs.com/ SolidStart | https://start.solidjs.com/ vinxi | https://github.com/nksaraf/vinxi Next.js | https://nextjs.org/ ------------------------------------------------------------------------------ Hit us up on Socials! https://www.syntax.fm/links Brought to you by Sentry - Use code "tastytreats" to get 2 months free - https://sentry.io/syntax #react #javascript #typescript #webdevelopment https://www.youtube.com/embed/nxbxw2Kw6sA 1580 2024-06-06T19:36:00.000Z https://syntax.yabby.page/video/this-is-how-to-expose-your-apps-to-ai-webmcp 2026-10-15T03:45:17.188Z https://i.ytimg.com/vi/sOPhVSeimtI/maxresdefault.jpg 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, and share their hottest take: this might be the web’s real AI moment. To get access you can join the Chrome Early Preview Program. I think you can just turn on the WebMCP flag in about:flags though. https://developer.chrome.com/docs/ai/join-epp The docs are here: https://docs.google.com/document/d/1rtU1fRPS0bMqd9abMG_hc6K9OAI6soUy3Kh00toAgyk/edit?tab=t.0 And the Chrome extension: https://chromewebstore.google.com/detail/model-context-tool-inspec/gbpdfapgefenggkahomfgkhfehlcenpd 🔥 Be the ~18,300th person to join our super tasty newsletter https://bit.ly/syntax_snackpack 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. All links available at https://syntax.fm/979 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/sOPhVSeimtI 1005 2026-02-16T12:01:27.000Z https://syntax.yabby.page/video/components-we-need-on-every-project 2026-10-15T03:45:17.825Z https://i.ytimg.com/vi/st2JGON63Kg/maxresdefault.jpg Components We Need on Every Project In today's episode, Scott and Wes dive into the essential components they need on every web project, discussing whether to build them from scratch or leverage existing libraries—everything from navigation bars and modals to toast messages and icons. Show Notes 00:00 Welcome to Syntax! 01:48 Brought to you by Sentry.io. 02:53 Nav / Mobile Nav. 08:43 Header. 10:41 Toast message. 18:51 Portal. 21:02 Drawer. 22:56 Auth forms. 28:49 Dialog / Modal. 31:30 Whats the difference between popover and dialog? 33:48 Confirm. 35:46 Bonus tip on becoming a better developer. 36:29 Admin menu. 37:51 Scott's package directory rant. 40:26 Mobile only / Desktop only. 40:41 Client only. 40:57 Admin table. 41:23 The dump. 43:39 Share / Social links. 45:44 Markdown renderer. 45:58 Tabs. 46:08 User menu. 46:18 Icon. 48:07 Loading. 49:21 Drop-down menu. 49:31 Accordion. 52:13 Sick Picks + Shameless Plugs. All links available at https://syntax.fm/775 ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript https://www.youtube.com/embed/st2JGON63Kg 3355 2024-05-29T11:00:48.000Z https://syntax.yabby.page/video/prisma-orm-local-first-typed-sql-queries-and-serverless-with-s-ren-bramer-schmidt 2026-10-15T03:45:17.856Z https://i.ytimg.com/vi/_dEmd55gZRw/maxresdefault.jpg Prisma ORM: Local First, Typed SQL Queries and Serverless with Søren Bramer Schmidt Scott and Wes talk with Søren Bramer Schmidt, Founder and CEO of Prisma, about database best practices, including the latest developments in serverless, local-first, and typed SQL solutions. Show Notes (00:00) - Welcome to Syntax! (02:55) - Søren's thoughts on GraphQL (03:53) - Brought to you by Sentry.io (06:57) - Common database mistakes (08:52) - Prisma's stability and user experience (10:42) - Typed SQL and advanced querying (20:47) - Serverless challenges and solutions (27:11) - Cloudflare's potential to dethrone AWS (29:13) - Prisma and local-first development (35:30) - Making local-first development mainstream (40:10) - Challenges with async (42:31) - Søren's thoughts on Drizzle (43:41) - Søren's favorite database (47:21) - The read your writes problem (48:58) - Prisma hosted Postgres (51:44) - Sick Picks & Shameless Plugs All links available at https://syntax.fm/839 ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript https://www.youtube.com/embed/_dEmd55gZRw 3292 2024-10-25T11:00:46.000Z https://syntax.yabby.page/video/drupal-tutorials-the-complete-guide-to-omega-4-19-duplicating-and-modifying-layouts 2026-10-15T03:45:16.749Z https://i.ytimg.com/vi/XTmkOZ1mU68/maxresdefault.jpg Drupal Tutorials - The Complete Guide To Omega 4 #19 - Duplicating and Modifying Layouts The 19th tutorial in the The Complete Guide To Omega 4. Here we show you how to create a new layout by duplicating the layout created in the previous few tutorials. From this, we also modify the template to suit our needs as a homepage layout. https://www.youtube.com/embed/XTmkOZ1mU68 412 2013-12-06T05:33:49.000Z https://syntax.yabby.page/video/full-stack-react-without-next-js 2026-10-15T03:45:17.897Z https://i.ytimg.com/vi/puCgAfHMeoY/maxresdefault.jpg Full Stack React without Next.js In this video CJ shows 11 different alternatives to Next.js for building full stack applications with React. 00:00 Intro 00:18 Types of Frameworks 00:27 Production Ready Frameworks 00:39 Blitzjs 01:24 Remix 02:50 Astro 03:29 RedwoodJS 04:08 Experimental / Bleeding Edge Frameworks 04:24 RedwoodJS Bighorn 04:54 rakkas 05:45 Waku 07:26 Vike 08:20 Vite SSR Boost 09:03 Build Your Own Framework 09:16 vinxi 11:29 ssrx 12:49 Thanks! Blitzjs | https://blitzjs.com/ Remix | https://remix.run Merging Remix and React Router | https://remix.run/blog/merging-remix-and-react-router Astro | https://astro.build/ Astro Server Side Rendering | https://docs.astro.build/en/guides/server-side-rendering/ RedwoodJS | https://docs.redwoodjs.com/docs/introduction/ RedwoodJS Bighorn | https://redwoodjs.com/ rakkas | https://rakkasjs.org/ Waku | https://waku.gg/ Waku v1 Roadmap | https://github.com/dai-shi/waku/issues/24 Vike | https://vike.dev/ Telefunc | https://telefunc.com/ Vike vs Next.js | https://vike.dev/nextjs Vite SSR Boost | https://github.com/Lomray-Software/vite-ssr-boost Vinxi | https://github.com/nksaraf/vinxi Vinxi React Examples | https://github.com/nksaraf/vinxi/tree/main/examples/react ssrx | https://github.com/marbemac/ssrx ssrx renderer | https://github.com/marbemac/ssrx/tree/main/packages/renderer ------------------------------------------------------------------------------ Hit us up on Socials! https://www.syntax.fm/links Brought to you by Sentry - Use code "tastytreats" to get 2 months free - https://sentry.io/syntax #react #nextjs #fullstack https://www.youtube.com/embed/puCgAfHMeoY 804 2024-07-30T13:09:50.000Z https://syntax.yabby.page/video/drupal-7-tutorials-43-how-to-create-a-slideshow-in-drupal-7-part-2-configure 2026-10-15T03:45:16.754Z https://i.ytimg.com/vi/hjUY3qp7XPI/maxresdefault.jpg Drupal 7 Tutorials #43 - How To Create a Slideshow In Drupal 7 - Part 2 Configure This tutorial shows you how to create a slideshow using the Views Slideshow module and jQuery cycle. Subscribe for more free tutorials https://goo.gl/6ljoFc, more Drupal Tutorials here: https://goo.gl/YDHhLW Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e This Drupal 7 tutorial series shows users how to build websites with the very popular open source content management system Drupal 7. Level Up Tuts is a project we work on in our spare time. We will always provide our tutorials free of charge. Please donate if you would like to help Level Up. http://leveluptuts.com/ https://www.youtube.com/embed/hjUY3qp7XPI 353 2012-06-25T01:21:12.000Z https://syntax.yabby.page/video/open-source-matters-w-chad-whitacre 2026-10-15T03:45:17.916Z https://i.ytimg.com/vi/erO12sRUJ2s/maxresdefault.jpg Open Source Matters w/ Chad Whitacre 🔥 Be the ~14,700th person to join our super tasty newsletter bit.ly/syntax_snackpack Wes and Scott talk with Chad Whitacre, the newest member of the Syntax team, about all things open source—licenses, controversies, economics, and ethics. Chad breaks down what most people misunderstand, and how companies can support sustainable software development the right way. (00:00) - Welcome to Syntax! (00:39) - Meet Chad Whitacre (03:39) - Chad's retro headphones (05:00) - Chad's role at Syntax (09:41) - What do people get wrong about open source? (11:11) - Why is open source so divisive? (13:01) - The evolution of open source and free software (17:55) - Single vendor vs. community open source (20:22) - How do people build businesses off of a GPL license? (24:40) - What's the most pure version of open source? (26:55) - Fair source licensing explained (30:30) - Brought to you by Sentry.io (33:09) - Should you be concerned about dependencies in your app in relation to licensing? (35:16) - What's the most interesting/unusual open source license? (40:00) - What is Open Source Pledge? (45:41) - Choosing the right open source license (48:31) - Wes' most popular open source project (49:39) - Interesting open source projects (51:33) - Licensing for educational content (53:46) - The beauty of open source (56:12) - Scott's various open source projects (56:44) - The importance of contributing to open source projects (59:16) - Sick Picks + Shameless Plugs All links available at https://syntax.fm/894 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/erO12sRUJ2s 3675 2025-04-16T11:01:07.000Z https://syntax.yabby.page/video/beginner-ruby-on-rails-course-drop-party 2026-10-15T03:45:17.929Z https://i.ytimg.com/vi/5CBfXK26Nus/maxresdefault.jpg Beginner Ruby On Rails - Course Drop Party TL;DR Casual event to learn about Level Up Tutorials' latest series on Ruby On Rails with Luan Vieira and Scott Tolinski. check out the course: https://leveluptutorials.com/tutorials/beginner-ruby-on-rails EVENT DETAILS Come hang out while we chat about our most recent tutorial series drop. Luan Vieira, a Software Engineer at GitHub, authored this month's tutorial series on beginner Ruby On Rails. In this course he'll mentor us through the fundamentals of the framework that both GitHub AND Shopify are built on. Ruby On Rails is performant, scalable and a solution that withstands the test of time. Who is this event for? Everyone, really. But especially those who are interested in learning about Ruby On Rails from a GitHub Engineer. But it'll be pretty chill, so grab your favorite drink and hang out with us anyway. What will I learn? - All about the new course on Ruby On Rails for Beginners - Why the topic was chosen and how the curriculum was written - Hear about what you’ll learn and build in the series - A bit about Luan Vieira, Scott Tolinski and Level Up Tutorials Why should you come? - You'll learn everything you need to know about our latest course and get your questions answered by the author - Spend a little time with the LUT team and other members of our fun community - Who knows, you might just win some free stuff Loose agenda (EST): 4:00 - 4:05 kickoff, welcome and intros 4:05 - 4:30 Luan talks about the course 4:30 - 4:50 Q&A about the course 4:50 - 5:00 Hang out and party on Who the heck is Luan? Luan is a Software Engineer at GitHub. He’s been a Ruby on Rails developer for 4 years and loves it. He recently started making contributions to the framework and joined the issues triage team. When not writing code, Luan loves to play with his kid, woodworking and surfing. What is Level Up Tutorials? Modern Web Development Training Made Easy: Cutting-edge, high quality video tutorials for web developers and designers. Created in 2012 to address the lack of online web development learning material https://www.youtube.com/embed/5CBfXK26Nus 3564 2022-08-04T21:02:22.000Z https://syntax.yabby.page/video/modern-vue-js-crash-course-with-typescript-script-setup-composition-api 2026-10-15T03:45:17.958Z https://i.ytimg.com/vi/5oKpoqmUj64/maxresdefault.jpg Modern Vue.js Crash Course | with TypeScript + script setup + Composition API In this video CJ gives a crash course in building front-end applications with Vue.js - he covers state management, components, scoped styles, form state, dom events, emitting events from child components, listening for events in parent components, defining / passing props, rendering lists and more! View the code here: https://github.com/w3cj/vue-tasks-app 00:00 intro 01:47 create vue app with vite 04:18 vue templates are HTML with magic 04:33 component styles can be scoped 05:16 component script / state 06:14 vue dev tools 07:34 form input state 09:15 dom events 10:26 defining components 12:00 emitting events from child components 13:08 listening for events in parent component 14:01 reactive state with arrays 15:57 form reset / validation 19:18 list rendering 20:25 passing props to components 22:48 conditional rendering 24:05 updating state in child 24:53 modifying props is an anti-pattern 25:12 emit events instead of changing props 26:53 css class binding 27:59 computed state 30:02 remove elements from an array 32:11 vue transition group 33:58 filtering array by type 41:23 thanks! 🔥 Be the ~14,700th person to join our super tasty newsletter bit.ly/syntax_snackpack All links available at https://syntax.fm/870 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #vue #typescript #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/5oKpoqmUj64 2541 2025-03-27T11:00:07.000Z https://syntax.yabby.page/video/cursor-user-tries-claude-code 2026-10-15T03:45:17.972Z https://i.ytimg.com/vi/TZMX5cwo35k/maxresdefault.jpg Cursor User Tries Claude Code In this video CJ tries Claude Code for the first time by taking it through a series of increasingly difficult challenges. 🔥 Be the ~14,700th person to join our super tasty newsletter https://bit.ly/syntax_snackpack 00:00 Intro 00:37 Prep / Setup 02:09 Task 0: Generate Claude.md 04:59 API Credit Cost for Task 0 05:54 Task 0: Create Commit and PR 07:45 Task 1: Remove a div 14:59 API Credit Cost for Task 1 15:30 Task 2: Layout and DB Seeds / Queries 16:04 Discovering VS Code Integration 16:28 Task 2 Continued 19:26 Discovering Confirm Changes in VS Code 19:49 Task 2 Continued 24:44 Claude Has Trouble Reading a File... 26:12 Task 2 Continued 27:58 $5 spent milestone 28:05 Task 2 Continued 32:24 API Credit Cost for Task 2 32:47 Task 3: New Feature + External API Integration 35:28 Claude Plan Mode for Task 3 38:24 Claude auto accept / auto approve mode 39:54 Task 3 Yolo Mode 41:38 Task 3 Further Prompting 44:03 Claude Code does not have checkpoints built in 44:41 Task 3 Further Prompting 46:14 Possible Security Issue 46:28 Task 3 Further Prompting 47:58 Claude Code compact 48:22 Task 3 Further Prompting 52:41 Task 3 Yolo while I eat lunch 53:41 Task 3 Further Prompting 54:16 Task 3 Initial Success 54:45 Task 3 Code Review 57:06 Task 3 Sync / Test 58:38 Getting Mad at Claude 58:57 Task 3 Sync / Test Continued 59:05 API Credit Cost for Initial Task 3 01:01:01 Task 3 Claude is in a Loop... 01:01:16 Task 3 Manual Intervention 01:01:29 Task 3 Continued 01:02:09 Task 3 Manual Intervention 01:02:51 Task 3 Continued 01:03:12 CJ is Really Frustrated 01:03:39 Task 3 Continued 01:07:26 Task 3 Final Code Review / Cleanup 01:07:44 API Credit Cost for the rest of Task 3 01:08:01 Task 3 Final Code Review / Cleanup Continued 01:08:51 Conclusions / Opinions / Overall Impressions 01:12:15 Will I Replace Cursor with Claude Code? 01:13:19 Thanks! Install Claude Code | https://www.anthropic.com/claude-code Claude Code Best Practices | https://www.anthropic.com/engineering/claude-code-best-practices Sequential Thinking MCP | https://git https://www.youtube.com/embed/TZMX5cwo35k 4436 2025-07-15T16:08:26.000Z https://syntax.yabby.page/video/modern-css-theming-light-mode-dark-mode-and-more 2026-10-15T03:45:18.007Z https://i.ytimg.com/vi/F1s8MZoGVL8/maxresdefault.jpg Modern CSS Theming | Light Mode / Dark Mode and More! In this video CJ shows some modern CSS features you can use to create a dark / light theme. He shows how to create a CSS only theme switcher and also shows how to save a users theme preference to localStorage. View the code here: https://github.com/w3cj/react-theme-toggle 00:00 intro 00:27 color-scheme 01:57 picture source media 03:22 light-dark 05:07 css only theme switcher 08:32 save user theme preference to localStorage 12:13 set picture source with selected theme 14:55 matchMedia prefers-color-scheme 19:08 next-themes package 19:44 set the data-theme attribute on page load 22:54 avoid prefers-color-scheme dark 24:39 syntax 891 24:56 color-mix color palettes 26:15 relative colors 27:49 thanks! Next Themes | https://www.npmjs.com/package/next-themes CSS Color Mix | https://developer.mozilla.org/en-US/blog/color-palettes-css-color-mix/ CSS Relative Colors | https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_colors/Relative_colors 🔥 Be the ~14,700th person to join our super tasty newsletter https://bit.ly/syntax_snackpack ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #css #webdevelopment #webdeveloper #javascript #react #reactjs #syntax #syntaxfm #webdev https://www.youtube.com/embed/F1s8MZoGVL8 1683 2025-04-08T17:02:15.000Z https://syntax.yabby.page/video/this-website-is-insane-stack-explained 2026-10-15T03:45:18.026Z https://i.ytimg.com/vi/HzL65tTeANs/maxresdefault.jpg this website is insane (stack explained) Breaking down the tech used to build the unreal new LandoNorris.com website. Site was done by OFF+BRAND - their own site is pretty impressive as well: https://www.itsoffbrand.com/ 0:00 LANDO 0:38 3D Helmet Effect 2:44 Blob Masking 3:41 3D Helmet Rendering 5:27 Scrolling 6:13 Animations 6:46 Non-standard Div Shapes 7:46 Text Effects 8:31 Page Transitions 9:38 Custom Drawn Animations 11:11 Signature Draw 11:33 Performance 13:44 Easter Eggs 🔥 Be the 14,9670th person to join our super tasty newsletter https://bit.ly/syntax_snackpack ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/HzL65tTeANs 869 2025-10-23T20:32:28.000Z https://syntax.yabby.page/video/drupal-8-basics-5-our-first-blog-post 2026-10-15T03:45:18.047Z https://i.ytimg.com/vi/YXmgK5rQZtw/maxresdefault.jpg Drupal 8 Basics #5 - Our First Blog Post Learn how to create your first blog post in a course design for Drupal 8 beginners. Subscribe for more free tutorials https://goo.gl/6ljoFc, buy NEXT LEVEL CSS Animations & Transitions https://goo.gl/cGB30u Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e This Drupal 8 tutorial series shows users how to build websites with the very popular open source content management system Drupal 8. The world’s favorite open source content management platform just got better. Drupal 8 is the new standard for creating incredible digital experiences—for small businesses, global enterprises, and everything in between. Meet Drupal 8, a powerful new suite of tools, and the strongest link in your new content supply chain. Interact with countless applications, thanks to REST-first native web services. Use progressive decoupling to break free from back-end restrictions without sacrificing security and accessibility. Deliver faster, with enhanced entity caching and better integration with CDNs and reverse proxies. With Drupal 8, you can build almost any integrated experience you can imagine. https://www.youtube.com/embed/YXmgK5rQZtw 239 2016-03-11T20:20:43.000Z https://syntax.yabby.page/video/browsers-are-finally-catching-up-interop-2026 2026-10-15T03:45:18.139Z https://i.ytimg.com/vi/UVIeyRE6zLU/maxresdefault.jpg 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. 🔥 Be the ~18,300th person to join our super tasty newsletter https://bit.ly/syntax_snackpack Show Notes 00:00 Welcome to Syntax! 00:21 What is Interop? 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. All links available at https://syntax.fm/981 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/UVIeyRE6zLU 3086 2026-02-23T12:00:56.000Z https://syntax.yabby.page/video/chartjs-tutorials-9-pie-doughnut-charts 2026-10-15T03:45:18.150Z https://i.ytimg.com/vi/U8x6_2InIOw/maxresdefault.jpg ChartJS Tutorials #9 - Pie & Doughnut Charts In this video, we create Pie & Doughnut Charts with chart.js. Subscribe for more free tutorials https://goo.gl/6ljoFc, Buy this series and get access to ChartJS themes! https://goo.gl/BamhKi Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e Simple yet flexible JavaScript charting for designers & developers. Mix and match bar and line charts to provide a clear visual distinction between datasets. Plot complex, sparse datasets on date time, logarithmic or even entirely custom scales with ease. Out of the box stunning transitions when changing data, updating colours and adding datasets. Chart.js is a community maintained project, contributions welcome! Visualize your data in 8 different ways; each of them animated and customisable. Redraws charts on window resize for perfect scale granularity. https://www.youtube.com/embed/U8x6_2InIOw 466 2016-08-26T15:56:38.000Z https://syntax.yabby.page/video/drupal-8-basics-10-blocks-explained 2026-10-15T03:45:18.179Z https://i.ytimg.com/vi/YDF6hIBLyYY/maxresdefault.jpg Drupal 8 Basics #10 - Blocks Explained Learn all about Blocks in Drupal 8 in a course design for Drupal 8 beginners. Subscribe for more free tutorials https://goo.gl/6ljoFc, buy NEXT LEVEL CSS Animations & Transitions https://goo.gl/cGB30u Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e This Drupal 8 tutorial series shows users how to build websites with the very popular open source content management system Drupal 8. The world’s favorite open source content management platform just got better. Drupal 8 is the new standard for creating incredible digital experiences—for small businesses, global enterprises, and everything in between. Meet Drupal 8, a powerful new suite of tools, and the strongest link in your new content supply chain. Interact with countless applications, thanks to REST-first native web services. Use progressive decoupling to break free from back-end restrictions without sacrificing security and accessibility. Deliver faster, with enhanced entity caching and better integration with CDNs and reverse proxies. With Drupal 8, you can build almost any integrated experience you can imagine. https://www.youtube.com/embed/YDF6hIBLyYY 345 2016-04-06T17:26:18.000Z https://syntax.yabby.page/video/drupal-8-basics-18-customizing-your-contact-form 2026-10-15T03:45:18.188Z https://i.ytimg.com/vi/CeMPqf8OoQM/maxresdefault.jpg Drupal 8 Basics #18 - Customizing Your Contact Form Learn how to customize your contact form in Drupal 8 in a course design for Drupal 8 beginners. Subscribe for more free tutorials https://goo.gl/6ljoFc, buy NEXT LEVEL CSS Animations & Transitions https://goo.gl/cGB30u Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e This Drupal 8 tutorial series shows users how to build websites with the very popular open source content management system Drupal 8. The world’s favorite open source content management platform just got better. Drupal 8 is the new standard for creating incredible digital experiences—for small businesses, global enterprises, and everything in between. Meet Drupal 8, a powerful new suite of tools, and the strongest link in your new content supply chain. Interact with countless applications, thanks to REST-first native web services. Use progressive decoupling to break free from back-end restrictions without sacrificing security and accessibility. Deliver faster, with enhanced entity caching and better integration with CDNs and reverse proxies. With Drupal 8, you can build almost any integrated experience you can imagine. https://www.youtube.com/embed/CeMPqf8OoQM 312 2016-05-16T16:57:12.000Z https://syntax.yabby.page/video/is-there-a-crisis-in-open-source-software-open-path-3 2026-10-15T03:45:16.761Z https://i.ytimg.com/vi/eTcF5dPSSDQ/maxresdefault.jpg Is there a crisis in Open Source software? - Open Path #3 DHH made some bold claims about Open Source funding on the Lex Fridman podcast. Is he right? Join Chad Whitacre on a quest to discover the true meaning of the gift of Open Source. In this episode, Chad dives deep into David Heinemeier Hansson's perspective on Open Source and money. Along the way he has to confront his own past, if he's going to overcome his doubts and make the case for the Open Source Pledge in the face of such strident opposition. MAY companies reciprocate with cash for the gift of Open Source? Or SHOULD they? Welcome to Episode 3 of Open Path! ------- INTRO - 0:00 ACT 1 - 1:03 - What if he's right? ACT 2 - 11:54 - DHH, then and now ACT 3 - 25:18 - Road trip! OUTRO - 29:23 ------- DHH on Lex Fridman: https://www.youtube.com/watch?v=vagyIcmIGOQ DHH & Chad (ancient): https://www.youtube.com/watch?v=p1E-svVd9Xc Open Path: https://openpath.quest/ Episode 2: https://www.youtube.com/watch?v=VTY-lQ3S1gw Episode 1: https://www.youtube.com/watch?v=g3DwMGwalrU Open Source Pledge: https://opensourcepledge.com/ Chad Whitacre: https://chadwhitacre.com/ Syntax: https://syntax.fm/ Sentry: https://sentry.io/welcome/ https://www.youtube.com/embed/eTcF5dPSSDQ 1826 2025-09-04T21:21:03.000Z https://syntax.yabby.page/video/drupal-8-basics-8-user-management 2026-10-15T03:45:18.202Z https://i.ytimg.com/vi/oPatdgNDTv4/maxresdefault.jpg Drupal 8 Basics #8 - User Management Learn how to manage user accounts in Drupal 8 in a course design for Drupal 8 beginners. Subscribe for more free tutorials https://goo.gl/6ljoFc, buy NEXT LEVEL CSS Animations & Transitions https://goo.gl/cGB30u Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e This Drupal 8 tutorial series shows users how to build websites with the very popular open source content management system Drupal 8. The world’s favorite open source content management platform just got better. Drupal 8 is the new standard for creating incredible digital experiences—for small businesses, global enterprises, and everything in between. Meet Drupal 8, a powerful new suite of tools, and the strongest link in your new content supply chain. Interact with countless applications, thanks to REST-first native web services. Use progressive decoupling to break free from back-end restrictions without sacrificing security and accessibility. Deliver faster, with enhanced entity caching and better integration with CDNs and reverse proxies. With Drupal 8, you can build almost any integrated experience you can imagine. https://www.youtube.com/embed/oPatdgNDTv4 261 2016-03-31T16:02:52.000Z https://syntax.yabby.page/video/fitness-will-make-you-a-better-developer 2026-10-15T03:45:18.209Z https://i.ytimg.com/vi/DArcOe9B4Xw/maxresdefault.jpg Fitness Will Make You a Better Developer Level up your coding game -and your gains! Today, Scott and Wes weigh in on the importance of physical fitness for developers, covering motivation, diet, lifting basics, routines, and swole-inducing supplements. Show Notes 00:00 Welcome to Syntax! 01:14 Brought to you by Sentry.io. 03:10 A very quick disclaimer. 03:32 A brief view of our fitness history. 06:19 Why is fitness important for developers? 09:12 Setting your goals. 13:06 Getting started with fitness. 13:13 Body-weight. 13:58 Stretching. 16:47 Fun activities that don't feel like workouts. 17:48 Lifting weights. 25:47 Home gym gear. 37:14 Fitness programs. 40:53 I guess we have to talk about diet. 46:37 Motivation. 47:42 Supplements. 51:23 Sick Picks. All links available at https://syntax.fm/748 ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript https://www.youtube.com/embed/DArcOe9B4Xw 3321 2024-03-27T11:00:16.000Z https://syntax.yabby.page/video/sass-tutorials-27-adding-columns-at-breakpoints 2026-10-15T03:45:16.769Z https://i.ytimg.com/vi/KzcrLUQAta4/maxresdefault.jpg Sass Tutorials #27 - Adding Columns at Breakpoints The 27th video in the Sublime Text 2 tutorial series. Here I show you how to build a more advanced and configurable responsive grid using Singularity and Breakpoint. Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations https://www.youtube.com/embed/KzcrLUQAta4 501 2014-03-12T02:26:41.000Z https://syntax.yabby.page/video/fullstack-cloudflare-with-react-and-vite-redwood-sdk 2026-10-15T03:45:18.222Z https://i.ytimg.com/vi/bj2pL1amHow/maxresdefault.jpg Fullstack Cloudflare with React and Vite (Redwood SDK) Wes talks with Peter Pistorius about RedwoodSDK, a new React framework built natively for Cloudflare. They dive into real-time React, server components, zero-cost infrastructure, and why RedwoodSDK empowers developers to ship faster with fewer tradeoffs and more control. 🔥 Be the ~14,700th person to join our super tasty newsletter https://bit.ly/syntax_snackpack (00:00) - Welcome to Syntax! (00:52) - What is RedwoodSDK? (04:49) - Choosing openness over abstraction (08:46) - More setup, more control (12:20) - Why RedwoodSDK only runs on Cloudflare (14:25) - What the database setup looks like (16:15) - Durable Objects explained (18:14) - Middleware and request flow (23:14) - No built-in client-side router? (24:07) - Integrating routers with defineApp (26:04) - React Server Components and real-time updates (29:53) - What happened to RedwoodJS? (31:14) - Why do opinionated frameworks struggle to catch on? (34:35) - The problem with Lambdas (36:16) - Cloudflare’s JavaScript runtime compatibility (40:04) - Brought to you by Sentry.io (41:44) - The vision behind RedwoodSDK All links available at https://syntax.fm/902 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/bj2pL1amHow 2814 2025-05-14T11:01:00.000Z https://syntax.yabby.page/video/gitlab-ce-tutorial-5-issue-tracking-milestones 2026-10-15T03:45:18.233Z https://i.ytimg.com/vi/tv4UM1ruQRs/maxresdefault.jpg GitLab CE Tutorial #5 - Issue Tracking & Milestones In this GitLab video tutorial, I show off GitLab's issue tracking & milestones features. Subscribe for more free tutorials https://goo.gl/6ljoFc, Buy this series with an extra video! https://goo.gl/A7drFW Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e Build together: GitLab includes Git repository management, code reviews, issue tracking, wikis, and more, plus GitLab CI, an easy-to-use continuous integration and deployment tool. Stay up-to-date: Collaborate with your team using issues, milestones, and line-by-line code review. View activity streams of projects or the people you work with. Plays well with others: GitLab seamlessly integrates with Slack, Hipchat, LDAP, JIRA, Jenkins, and many other popular tools. GitLab includes many webhooks and offers a complete API. GitLab Community Edition is open source and completely free to download. GitLab is powered by a community of more than 1,000 people. GitLab Enterprise Edition offers deeper LDAP and Active Directory integration, Jira and Jenkins integration, and much more. https://www.youtube.com/embed/tv4UM1ruQRs 504 2016-06-13T20:12:39.000Z https://syntax.yabby.page/video/how-to-stay-up-to-date-with-daily-dev-s-francesco-ciulla 2026-10-15T03:45:18.249Z https://i.ytimg.com/vi/D9kW5RW4tAU/maxresdefault.jpg How To Stay Up To Date with Daily.dev’s Francesco Ciulla In this episode of Syntax, Scott and Wes talk with Daily.dev’s Francesco Ciulla about the platform's history, community features, and significant growth. They dive into the core ideas behind daily.dev, including its personalized feed for developers, new features like squads, community contributions, and tech stack. Francesco also shares his passion for Rust, and highlights the importance of content creation in the ever-evolving tech landscape. Show Notes (00:00) - Welcome to Syntax! (00:36) - Brought to you by Sentry.io (01:24) - Overview and features of daily.dev (07:05) - daily.dev's origin story (10:06) - How Product Hunt fueled initial growth (12:21) - Monetization and business model (13:53) - Content and user experience (22:21) - Written content vs video content (24:29) - Tech stack (25:37) - Building a positive community (30:32) - Moderation and tagging (35:03) - Francesco's favorite place to publish right now (36:56) - Quadrupling down on Rust (39:38) - Francesco's favorite Rust framework (41:18) - Sick Picks & Shameless Plugs All links available at https://syntax.fm/809 ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript https://www.youtube.com/embed/D9kW5RW4tAU 2717 2024-08-16T10:00:22.000Z https://syntax.yabby.page/video/is-tauri-the-electron-killer 2026-10-15T03:45:18.272Z https://i.ytimg.com/vi/nYNxnLXFbKE/maxresdefault.jpg Is Tauri the Electron Killer? In this episode of Syntax, Wes and Scott talk with Daniel Thompson-Yvetot about Tauri. They dive into what Tauri is, the motivations behind its development, its open-source ecosystem, use cases, and more. Show Notes (00:00) - Welcome to Syntax! (02:01) - What is Tauri? (02:59) - What's new in Tauri 2.0? (06:41) - The benefits of Tauri over Electron (11:28) - Can you use Node? (14:21) - Mac, Linux, and Windows (25:05) - How does Tauri make money? (30:05) - Brought to you by Sentry.io (30:30) - Accessing Swift from JavaScript (31:44) - What's the hardest part of a project like this? (37:00) - Some of the apps that have shipped with Tauri (43:18) - The future of Tauri (50:23) - Sick Picks & Shameless Plugs All links available at https://syntax.fm/821 ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript https://www.youtube.com/embed/nYNxnLXFbKE 3274 2024-09-13T11:00:55.000Z https://syntax.yabby.page/video/kubernetes-and-containerization-for-web-developers 2026-10-15T03:45:18.893Z https://i.ytimg.com/vi/DzAco4Aq3mw/maxresdefault.jpg Kubernetes and Containerization for Web Developers. Deploy your own tech stack: Wes and Scott are joined by Kubernetes expert David Flanagan to be schooled on how Kubernetes, Docker and even WASM containers work. David's channel - @RawkodeAcademy Show Notes 00:00 Welcome to Syntax! 01:55 Should developers know how to run their own servers? 04:57 What is "bare metal"? 11:49 What the hell is Kubernetes? 12:25 Why would somebody need Kubernetes? 15:37 Using Kubernetes to spin up different instances on cloud providers. 16:43 Kubernetes managing traffic spikes. 18:46 How much downtime can you handle? 22:11 What exactly is a container? 24:06 What containers do you prefer? 25:28 Some additional terminology. 26:43 What about WASM? 29:31 Building a Docker container. 31:11 Why would someone want to use a WebAssembly container? 32:12 Are people shipping this technology? 33:36 What functions would you put in WASM? 36:57 How does someone make a WASM image? 39:22 A little more about Spin. 39:56 What type of processors are used in these servers? 42:27 What are home servers running on? 46:40 How should someone get started with Kubernetes? 48:51 Infrastructure as code. 55:19 Sick Picks & Shameless Plugs. All links available at https://syntax.fm/746 ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript https://www.youtube.com/embed/DzAco4Aq3mw 3548 2024-03-22T11:00:14.000Z https://syntax.yabby.page/video/migrating-legacy-code-just-got-easier 2026-10-15T03:45:18.929Z https://i.ytimg.com/vi/AOBbD7YJLIc/maxresdefault.jpg 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 the ~18,300th person to join our super tasty newsletter https://bit.ly/syntax_snackpack (00:00) Welcome to Syntax! (01:46) Why migrate to a new language or framework? (05:09) How to approach a large code migration (08:47) Establishing patterns before using AI (10:35) Moving from pug to JSX (12:06) Building a detailed migration plan (15:18) Testing every part of the application (15:51) Brought to you by Sentry.io (16:58) Deploying and catching issues with Sentry (19:12) Converting express requests to web standard requests (19:34) Other codebases that could benefit from AI migrations (21:36) Sick Picks + Shameless Plugs All links available at https://syntax.fm/992 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/AOBbD7YJLIc 1748 2026-04-01T11:00:00.000Z https://syntax.yabby.page/video/react-19-is-here 2026-10-15T03:45:18.990Z https://i.ytimg.com/vi/C3-YV2cX2BU/maxresdefault.jpg React 19 is here! Scott and Wes serve up all the deets on the latest React 19 update, exploring new features like actions, web components, use()API, and document metadata. Stay tuned as they discuss the ins and outs of upgrading to React 19 and what it means for your projects. Show Notes 00:00 Welcome to Syntax! 01:30 Brought to you by Sentry.io. 02:03 What's in the update? 03:03 Actions + server actions. 04:54 Using server actions for a checkout. 06:11 Web components. 09:44 use() API. 10:31 With promises. 14:25 With context. 17:32 How does Zustand work? 18:26 No more ForwardRef. 20:05 Ref cleanup. 20:43 Document metadata. 24:14 Upgrading to React 19. All links available at https://syntax.fm/768 ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript https://www.youtube.com/embed/C3-YV2cX2BU 1596 2024-05-13T11:00:12.000Z https://syntax.yabby.page/video/react-vs-vue-async-state-effects-and-custom-hooks 2026-10-15T03:45:19.008Z https://i.ytimg.com/vi/WhE2y3J45CM/maxresdefault.jpg React vs Vue - Async State, Effects and Custom Hooks In this video CJ shows how he built the same app with both Vue and React. He focuses on comparing how we make asynchronous calls that update state. He shows examples of useEffect in React and watch in Vue. He also shows examples of lifecycle events like component mount and un-mount. See the full Vue vs React series here: https://www.youtube.com/playlist?list=PLLnpHn493BHGeUSbg-tjxVyMKQnIB0kVL 00:00 Intro 00:27 What will we build? 01:51 React Image Search / useEffect 03:39 React useEffect dispose function 04:21 Vue Image Search / watch 05:48 React useEffect gotchas 08:11 Vue watch options / immediate 08:36 React useEffect / component mount 08:56 Vue onMounted 09:14 Vue vs React - Lifecycle 09:36 Advanced Image Search 10:21 React custom hook 12:41 Vue custom hook 13:58 AbortController / canceling requests 15:04 React abortController / useRef 18:13 Vue AbortController 19:07 Vue script only gets called once 19:29 React hooks get called every render 19:42 Vue onUnmounted 20:07 Final Thoughts 21:23 Next Time 21:55 Thanks! View the code here: https://github.com/w3cj/vue-vs-react React useEffect | https://react.dev/reference/react/useEffect React useCallback | https://react.dev/reference/react/useCallback Vue watch | https://vuejs.org/guide/essentials/watchers.html Vue onMounted | https://vuejs.org/api/composition-api-lifecycle.html#onmounted Vue onUnmounted | https://vuejs.org/api/composition-api-lifecycle.html#onunmounted ------------------------------------------------------------------------------ Hit us up on Socials! https://www.syntax.fm/links Brought to you by Sentry - Use code "tastytreats" to get 2 months free - https://sentry.io/syntax #javascript #react #vuejs https://www.youtube.com/embed/WhE2y3J45CM 1358 2024-07-18T12:00:36.000Z https://syntax.yabby.page/video/react-vs-vue-sharing-state-and-complex-state-updates 2026-10-15T03:45:19.017Z https://i.ytimg.com/vi/3g2ONLZMW70/maxresdefault.jpg React vs Vue - Sharing State and Complex State Updates In this video CJ shows how he built the same app with both Vue and React. He focuses on comparing how we share state between pages / components and also how me update state in deeply nested objects / arrays. See the full Vue vs React series here: https://www.youtube.com/playlist?list=PLLnpHn493BHGeUSbg-tjxVyMKQnIB0kVL 00:00 Intro 01:20 Brought to you by Sentry 01:51 Lifting State Up 02:20 Prop Drilling 03:08 React Context API 04:00 Vue shared module 04:40 Vue provide / inject 05:18 React Context API Example 08:49 Vue provide / inject example 11:54 React Rendering Considerations 13:14 React use-context-selector 14:54 Vue Rendering Considerations 16:06 React - Persisting State Across Pages 17:01 Vue - Persisting State Across Pages 18:34 React State Management Libraries 19:08 React zustand Example 20:50 Vue pinia Example 21:53 destructuring pinia stores 22:43 Deeply Nested State Updates 25:51 React - Mutable State Updates 26:33 structuredClone in JS 27:06 State Updates in zustand 27:26 More Examples 27:46 Next Time 28:09 Thanks! React Docs | https://react.dev/learn/passing-data-deeply-with-context Vue Docs | https://vuejs.org/guide/components/provide-inject.html zustand | https://docs.pmnd.rs/zustand/getting-started/introduction pinia | https://pinia.vuejs.org/ View the code here: https://github.com/w3cj/vue-vs-react ------------------------------------------------------------------------------ Hit us up on Socials! https://www.syntax.fm/links Brought to you by Sentry - Use code "tastytreats" to get 2 months free - https://sentry.io/syntax #javascript #react #vuejs https://www.youtube.com/embed/3g2ONLZMW70 1733 2024-07-09T16:17:55.000Z https://syntax.yabby.page/video/the-haunting-of-the-forgotten-mx-records 2026-10-15T03:45:16.776Z https://i.ytimg.com/vi/KfBgGWRN4zg/maxresdefault.jpg The Haunting of the Forgotten MX Records Web Dev Horror Stories ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #webdevhorrorstories #webdevspookystories #halloween https://www.youtube.com/embed/KfBgGWRN4zg 49 2024-10-24T20:42:44.000Z https://syntax.yabby.page/video/rss-is-not-dead 2026-10-15T03:45:19.043Z https://i.ytimg.com/vi/hSgpW0j2eOk/maxresdefault.jpg RSS Is NOT Dead Scott and CJ explore why RSS still matters and how it’s more underused than outdated. They discuss how to self-host RSS readers, escape the noise of the modern web, and reclaim a cleaner, ad-free reading experience across devices. 🔥 Be the ~14,700th person to join our super tasty newsletter https://bit.ly/syntax_snackpack (00:00) - Welcome to Syntax! (01:09) - Brought to you by Sentry.io (02:41) - What is RSS and how does it work? (06:14) - Hosting your own RSS server: MiniFlux, FreshRSS, and more (11:00) - Decluttering the web with article scraping (12:38) - Best RSS clients for desktop and mobile (18:51) - Where to find RSS feeds All links available at https://syntax.fm/926 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/hSgpW0j2eOk 1788 2025-08-06T11:01:13.000Z https://syntax.yabby.page/video/series-introduction 2026-10-15T03:45:19.057Z https://i.ytimg.com/vi/Jm9bcJCWg64/maxresdefault.jpg Series Introduction In this GitLab video tutorial, I introduce the series. Subscribe for more free tutorials https://goo.gl/6ljoFc, Buy this series with an extra video! https://goo.gl/A7drFW Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e Build together: GitLab includes Git repository management, code reviews, issue tracking, wikis, and more, plus GitLab CI, an easy-to-use continuous integration and deployment tool. Stay up-to-date: Collaborate with your team using issues, milestones, and line-by-line code review. View activity streams of projects or the people you work with. Plays well with others: GitLab seamlessly integrates with Slack, Hipchat, LDAP, JIRA, Jenkins, and many other popular tools. GitLab includes many webhooks and offers a complete API. GitLab Community Edition is open source and completely free to download. GitLab is powered by a community of more than 1,000 people. GitLab Enterprise Edition offers deeper LDAP and Active Directory integration, Jira and Jenkins integration, and much more. https://www.youtube.com/embed/Jm9bcJCWg64 38 2016-05-22T19:49:02.000Z https://syntax.yabby.page/video/spending-6-hours-to-set-up-a-couple-tools-is-crazy 2026-10-15T03:45:19.071Z https://i.ytimg.com/vi/AWzd1AXN3H0/maxresdefault.jpg Spending 6 hours to set up a couple tools is crazy Biome JS with Emanuele Stoppa - Emma Stapa, creator of Biome, discusses background, goals, and roadmap of this new CLI tool aiming to replace ESLint and Prettier with better performance and simpler configuration. Full video at https://www.youtube.com/watch?v=GZgwcSTZkD0 All links available at https://syntax.fm/764 ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #biomejs #eslint #prettier #rust #jstools https://www.youtube.com/embed/AWzd1AXN3H0 48 2024-05-16T15:52:05.000Z https://syntax.yabby.page/video/svelte-5-is-here 2026-10-15T03:45:19.090Z https://i.ytimg.com/vi/t6-znHs8DDM/maxresdefault.jpg Svelte 5 Is Here! Is Svelte becoming React? Scott and Wes explore the exciting updates in Svelte 5, including Runes, Snippets, odd font choices, and performance benchmarks, while discussing custom event updates, migration tips, and potential performance gains. 👉 Join the exclusive newsletter - https://syntax.fm/snackpack Show Notes 00:00 Welcome to Syntax! 01:27 Brought to you by Sentry.io. 02:06 What’s new in Svelte 5? 02:13 Runes. 04:47 $state 07:00 $state.snapshot 11:47 $derived 12:46 $derived.by 15:41 $effect 17:24 $effect.pre 18:05 $effect use cases. 22:20 $props 24:57 Binding state. 27:15 $inspect 28:46 $inspect(…).with 30:42 Snippets. 34:22 Events now onclick instead of on:click. 36:09 Custom events now just props instead of createEventDispatcher. 36:31 Serif Font on website. 40:01 Performance. 46:41 Is Svelte becoming React? 49:21 Migration. 51:41 What’s next and wish list for Svelte. 57:12 Sick Picks & Shameless Plugs. All links available at https://syntax.fm/724 ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript https://www.youtube.com/embed/t6-znHs8DDM 3645 2024-12-18T12:01:11.000Z https://syntax.yabby.page/video/13-secondary-content-with-aside-in-html 2026-10-15T03:45:19.136Z https://i.ytimg.com/vi/aNJdOk7wv34/maxresdefault.jpg #13 - Secondary Content With Aside in HTML In this video, we learn about the Aside element and what purpose it has in semantic markup. In this video series, I teach you how to build your first website. No prior experience needed. The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ https://www.patreon.com/leveluptuts Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e https://www.youtube.com/embed/aNJdOk7wv34 275 2015-09-22T02:33:54.000Z https://syntax.yabby.page/video/drupal-7-tutorials-50-using-replacement-patterns-to-customize-the-output-of-fields-in-views 2026-10-15T03:45:19.154Z https://i.ytimg.com/vi/fuNkaGOwnR0/maxresdefault.jpg Drupal 7 Tutorials #50 - Using Replacement Patterns to Customize the Output of Fields in Views This tutorial shows you how to use replacement patterns in views to control the output of your fields. Subscribe for more free tutorials https://goo.gl/6ljoFc, more Drupal Tutorials here: https://goo.gl/YDHhLW Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e This Drupal 7 tutorial series shows users how to build websites with the very popular open source content management system Drupal 7. https://www.youtube.com/embed/fuNkaGOwnR0 358 2012-09-04T23:19:39.000Z https://syntax.yabby.page/video/wes-and-scott-s-2026-coding-setup-and-tools 2026-10-15T03:45:19.181Z https://i.ytimg.com/vi/8jbQZxMgIVs/maxresdefault.jpg 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 how to use them effectively without overcomplicating your setup. 🔥 Be the ~18,300th person to join our super tasty newsletter https://bit.ly/syntax_snackpack (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 (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 All links available at https://syntax.fm/980 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #claude #cursor #openai #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/8jbQZxMgIVs 3133 2026-02-18T12:00:10.000Z https://syntax.yabby.page/video/what-is-redux 2026-10-15T03:45:19.220Z https://i.ytimg.com/vi/mhqO-VL6U2I/maxresdefault.jpg What Is Redux? Sign up for Level Up Pro for full access https://www.leveluptutorials.com/pro Buy Redux & React for Everyone series: https://goo.gl/XSuXqC Subscribe for more free tutorials https://goo.gl/6ljoFc The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz Redux is a predictable state container for JavaScript apps. It helps you write applications that behave consistently, run in different environments (client, server, and native), and are easy to test. On top of that, it provides a great developer experience, such as live code editing combined with a time traveling debugger. React makes it painless to create interactive UIs. Design simple views for each state in your application, and React will efficiently update and render just the right components when your data changes. Declarative views make your code more predictable and easier to debug. Build encapsulated components that manage their own state, then compose them to make complex UIs. Since component logic is written in JavaScript instead of templates, you can easily pass rich data through your app and keep state out of the DOM. We don't make assumptions about the rest of your technology stack, so you can develop new features in React without rewriting existing code. React can also render on the server using Node and power mobile apps using React Native. https://www.youtube.com/embed/mhqO-VL6U2I 620 2018-01-03T21:27:52.000Z https://syntax.yabby.page/video/wtf-is-cloudflare-react-server-components-with-php-selling-accessibility-more 2026-10-15T03:45:19.832Z https://i.ytimg.com/vi/pRLrhv1HgcE/maxresdefault.jpg WTF is Cloudflare?? React Server Components with PHP, Selling Accessibility + more In this Potluck episode of Syntax, Scott and Wes tackle community questions on handling overwork, teaching programming to family, and React’s Server Components. They also discuss quantifying accessibility improvements, choosing course platforms, and navigating professional growth in challenging workplaces. Show Notes 00:00 Welcome to Syntax! 01:37 Brought to you by Sentry.io. 02:38 Rewarding hard work with more work. 07:14 April Fools Episode. 09:03 Teaching programming to your family. 15:56 React Server Components using JS runtime. 19:58 What happened to the intro music? 23:06 How can I quantify my work to the executive leadership team? 29:16 Should I host my own course website or use Udemy? 35:34 Navigating professional growth in toxic workplaces. 40:43 Getting started in native dev with tools like Tamagui. 45:42 Cloudflare, what the heck is it? 50:49 Sick Picks + Shameless Plugs. You're looking for this - https://sentry.shop/discount/0MTCV1BCQQDW?redirect=%2Fproducts%2Fsentry-aint-broke-tee All links available at https://syntax.fm/772 ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript https://www.youtube.com/embed/pRLrhv1HgcE 3586 2024-05-22T11:00:54.000Z https://syntax.yabby.page/video/you-need-these-30-apps-part-1 2026-10-15T03:45:19.852Z https://i.ytimg.com/vi/U5VRgE_YXo4/maxresdefault.jpg You Need These 30 Apps - PART 1 Scott and Wes kick off part 1 of a 2-part series, breaking down 30 must-have apps for web developers and productivity enthusiasts. From file management tools to media utilities, they cover everything you need to supercharge your workflow. Show Notes 00:00 Welcome to Syntax! 01:03 Brought to you by Sentry.io. 01:27 File management applications. 01:43 DaisyDisk. 04:19 Marta. 07:50 EasyFind. 10:16 Czkawka. 12:53 Backblaze. 14:40 Hazel. 17:42 AutoMounter. 18:43 Media applications. 18:52 Automator HIEC to JPG. 20:04 Rant on QuickView. 20:32 DVD idea. 22:06 IINA. 24:07 Capture One. 25:02 YouTube Enhance. 27:16 HandBrake. 28:05 MakeMKV. 30:33 Overkill for Mac. 33:42 Search by Image. 37:09 eqMac. 37:37 Utility applications. 37:52 Stats & iStat Menu. 40:19 Alternatives to popular Mac applications. 40:23 Ice. 41:03 PearCleaner. 43:08 Numi. 44:17 Bottom (btm). 44:53 Sip Color Picker. 50:25 Sick Picks & Shameless Plugs. All links available at https://syntax.fm/817 ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript https://www.youtube.com/embed/U5VRgE_YXo4 3429 2024-09-04T11:00:27.000Z https://syntax.yabby.page/video/these-things-make-your-app-feel-like-crap-on-mobile 2026-10-15T03:45:20.856Z https://i.ytimg.com/vi/Ak3-B3pVMFM/maxresdefault.jpg These Things Make Your App Feel Like Crap on Mobile Wes and Scott talk about why mobile web apps often feel “janky” compared to native—and how to fix it. They cover input zooming, accidental horizontal scroll, pointer/user-select quirks, frame rate consistency, full-page refreshes, and more. 🔥 Be the ~18,300th person to join our super tasty newsletter https://bit.ly/syntax_snackpack (00:00) Welcome to Syntax! (01:11) Brought to you by Sentry.io (02:57) Zooming inputs (06:11) Horizontal scrolling (08:49) Proper use of pointer-events: none, and user-select: none (11:27) Allowing zoom on everything (16:37) Cleaning up the "jank" (19:48) Full page refresh (24:05) Slow loading times (29:50) Cumulative layout shift (32:47) Address bars and viewport units (35:34) Full-width scroll traps All links available at https://syntax.fm/972 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/Ak3-B3pVMFM 2310 2026-01-21T12:00:31.000Z https://syntax.yabby.page/video/drupal-tutorials-8-creating-a-content-type 2026-10-15T03:45:20.881Z https://i.ytimg.com/vi/bmWPYQEZzvQ/maxresdefault.jpg Drupal Tutorials #8 - Creating a Content Type This Drupal 7 tutorial shows you how to create a custom content type. Subscribe for more free tutorials https://goo.gl/6ljoFc, more Drupal Tutorials here: https://goo.gl/YDHhLW Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e This Drupal 7 tutorial series shows users how to build websites with the very popular open source content management system Drupal 7. https://www.youtube.com/embed/bmWPYQEZzvQ 564 2012-03-23T01:09:25.000Z https://syntax.yabby.page/video/gradient-borders-will-be-the-death-of-me 2026-10-15T03:45:20.961Z https://i.ytimg.com/vi/s1ZrF7PdV1Y/maxresdefault.jpg Gradient borders will be the death of me Gradient borders look simple… until they absolutely aren’t. Scott races the clock to recreate this deceptively tricky animated button using only HTML and CSS, no images, no shortcuts, just pure CSS suffering. 🔥 Be the ~18,300th person to join our super tasty newsletter https://bit.ly/syntax_snackpack 👉 Original inspiration: https://x.com/tfalexandrino/status/1985738130498986178?s=20 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/s1ZrF7PdV1Y 1180 2026-01-23T13:11:00.000Z https://syntax.yabby.page/video/learning-gulp-6-keep-gulp-running-with-plumber 2026-10-15T03:45:20.991Z https://i.ytimg.com/vi/rF6niaDKcxE/maxresdefault.jpg Learning Gulp #6 - Keep Gulp Running With Plumber Learn how to prevent Gulp from stopping when encountering an error with Gulp Plumber. Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e https://www.youtube.com/embed/rF6niaDKcxE 384 2014-07-20T00:44:14.000Z https://syntax.yabby.page/video/this-guy-broke-typescript 2026-10-15T03:45:21.010Z https://i.ytimg.com/vi/0cXD1FGvRdA/maxresdefault.jpg This Guy Broke TypeScript Scott and Wes sit down with Dimitri Mitropoulos to explore the wild edges of TypeScript, from running Doom in the type system to building tools like Typeslayer. They dig into Turing-complete types, performance limits, and what the future might hold for TypeScript and programming languages as a whole. 🔥 Be the ~18,300th person to join our super tasty newsletter https://bit.ly/syntax_snackpack 00:00 Welcome to Syntax! 00:27 Dimitri Mitropoulos Introduction 01:29 What is Doom in TypeScript? 03:10 TypeScript Types and Turing Completeness 04:06 Project Overview and Challenges 04:57 ASCII Art and Visual Representation 06:50 Performance Issues with TypeScript 09:27 Brought to you by Sentry.io 09:51 Typeslayer Tool Introduction 16:19 Building in Tauri 20:54 Challenges around packaging 24:03 Future of TypeScript and AI 27:40 Is the Go-based compiler significantly faster? 30:23 Should there be something to follow Typescript? 36:27 Staying up to date with WASM. 37:08 SquiggleConf Overview 38:26 Hosting a conference 40:45 What are your thoughts on Zig? 45:07 Vibe coding as an end goal 50:01 Sick Picks & Shameless Plugs All links available at https://syntax.fm/969 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #typescript #doom #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/0cXD1FGvRdA 3305 2026-01-12T12:00:05.000Z https://syntax.yabby.page/video/madcss-quarter-final-breakdown-and-solution 2026-10-15T03:45:21.675Z https://i.ytimg.com/vi/XiPopV0Bn6o/maxresdefault.jpg 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/syntax_snackpack Try out the MadCSS challenges on Synhax: https://synhax.syntax.fm/ 00:00 - intro 01:01 - official solution 08:41 - Wes Bos solution 09:28 - Web Dev Simplified Solution 11:15 - Josh Comeau Solution 12:13 - Scott Tolinski Solution 12:47 - Adam Argyle Solution 14:18 - Kevin Powell Solution 15:25 - thanks! ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #css #html #challenge #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/XiPopV0Bn6o 957 2026-03-26T11:00:00.000Z https://syntax.yabby.page/video/drupal-tutorials-7-creating-an-article 2026-10-15T03:45:21.704Z https://i.ytimg.com/vi/O6iFCFJtONM/maxresdefault.jpg Drupal Tutorials #7 - Creating an Article This Drupal 7 tutorial shows you how to create an article using Drupal 7's built in article content type. Subscribe for more free tutorials https://goo.gl/6ljoFc, more Drupal Tutorials here: https://goo.gl/YDHhLW Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e This Drupal 7 tutorial series shows users how to build websites with the very popular open source content management system Drupal 7. https://www.youtube.com/embed/O6iFCFJtONM 237 2012-03-19T23:55:31.000Z https://syntax.yabby.page/video/too-much-ai-disappointed-in-firefox-planning-new-projects-hard-truths 2026-10-15T03:45:21.710Z https://i.ytimg.com/vi/UgN_LGsD2GE/maxresdefault.jpg Too much AI × Disappointed in Firefox × Planning New Projects × Hard Truths Wes and Scott answer questions about HTML semantics, TypeScript, adapting to AI’s impact on web development, and the best and worst browsers for developers. They also tackle project planning, deploying SvelteKit apps, and navigating online opinions in tech. 👉 Join the exclusive newsletter - https://syntax.fm/snackpack (00:00) Welcome to Syntax! (01:04) Best container element for a grid of products? (04:50) TypeScript null checks (09:44) Adapt to AI or get left behind (13:13) Why did 3D never take off? (18:53) Podcast audio and video in one feed? (21:06) Brought to you buy Sentry.io (22:30) Best and worst browsers for web dev? (27:39) Why use a lock file for managing dependency versions (30:34) Should you build your own sync engine? (34:21) Best practices when starting a new project from scratch (38:33) How to deploy a SvelteKit app on something other than Vercel or Netlify (42:54) The reality of online opinions in tech (48:10) Spending $120k on an app idea (54:12) Sick Picks + Shameless Plugs All links available at https://syntax.fm/872 ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript https://www.youtube.com/embed/UgN_LGsD2GE 3463 2025-01-29T12:00:42.000Z https://syntax.yabby.page/video/learning-gulp-11-gulp-resources-what-s-next 2026-10-15T03:45:21.729Z https://i.ytimg.com/vi/vGCzovUFBIY/maxresdefault.jpg Learning Gulp #11 - Gulp Resources & What's Next Here we show you what's next and how you can keep advancing your Gulp knowledge. http://gulpjs.com/ http://gulpjs.com/plugins/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e https://www.youtube.com/embed/vGCzovUFBIY 200 2014-08-20T00:12:08.000Z https://syntax.yabby.page/video/customizing-wordpress-15-bones-up-and-running 2026-10-15T03:45:21.735Z https://i.ytimg.com/vi/5jOygXFCEdU/maxresdefault.jpg Customizing WordPress #15 - Bones Up and Running The 15th video in the Customizing WordPress tutorial series. Here we get up and running using Sass and checking out Bones' files and structure. http://themble.com/bones/ Subscribe to Level Up Pro for extra features! http://leveluptuts.com/level-up-pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz #1 OUTSOURCING SERVICE FOR WORDPRESS https://api.referoo.co/hits/create_hit?partner_id=16&medium_id=1 For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations https://www.youtube.com/embed/5jOygXFCEdU 778 2014-04-30T03:52:44.000Z https://syntax.yabby.page/video/7-css-features-you-have-not-heard-of 2026-10-15T03:45:21.774Z https://i.ytimg.com/vi/EUdsO4Eq6Xo/maxresdefault.jpg 7 CSS Features You Have Not Heard Of In this video CJ shows 7 new and old CSS features that you might not of heard of. 00:00 Intro 00:30 hyphens 02:48 overflow-wrap 03:14 ::first-letter 03:53 image-rendering: pixelated 04:33 column-count 06:19 aspect-ratio 07:38 scroll-snap 08:51 Ask your questions! 09:03 Brought to you by Sentry 09:21 Thanks! Syntax Episode 784 | https://syntax.fm/show/784/logging-blogging-testing-freelancing hyphens Example | https://codepen.io/w3cj/pen/JjqLbZB?editors=1100 Can I Use Hyphens | https://caniuse.com/?search=hyphens overflow-wrap Example | https://codepen.io/w3cj/pen/QWRmGVK?editors=1100 Can I Use wordwrap | https://caniuse.com/wordwrap ::first-letter example | https://codepen.io/w3cj/pen/yLWKVzg?editors=1100 Can I Use first-letter | https://caniuse.com/css-first-letter image-rendering example | https://codepen.io/w3cj/pen/vYwRaqy MDN: image-rendering | https://developer.mozilla.org/en-US/docs/Web/CSS/image-rendering Can I Use image-rendering | https://caniuse.com/css-crisp-edges columns example | https://codepen.io/w3cj/pen/QWRmBaO?editors=1100 MDN: columns | https://developer.mozilla.org/en-US/docs/Web/CSS/column-count Can I Use columns | https://caniuse.com/mdn-css_properties_columns aspect-ratio example | https://codepen.io/w3cj/pen/ExzEpEM?editors=1100 MDN: aspect-ratio | https://developer.mozilla.org/en-US/docs/Web/CSS/aspect-ratio Can I Use aspect-ratio | https://caniuse.com/mdn-css_properties_aspect-ratio scroll-snap example | https://codepen.io/w3cj/pen/PovRdoJ?editors=1100 Can I Use scroll-snap | https://caniuse.com/?search=scroll-snap Correction: 5:25 Every column is rendered top to bottom. ------------------------------------------------------------------------------ Hit us up on Socials! https://www.syntax.fm/links Brought to you by Sentry - Use code "tastytreats" to get 2 months free - https://sentry.io/syntax #css #webdevelopment #baseline2023 https://www.youtube.com/embed/EUdsO4Eq6Xo 600 2024-06-25T12:00:23.000Z https://syntax.yabby.page/video/ai-tools-you-should-know 2026-10-15T03:45:21.781Z https://i.ytimg.com/vi/R21LWuTAOjo/maxresdefault.jpg AI Tools you should know Scott and Wes round up the hottest AI tools you should have on your radar; from text-to-speech wizards to self-hosted image generators. They break down what they’re using, what’s worth paying for, and which tools are changing their workflows 🔥 Be the ~14,700th person to join our super tasty newsletter https://bit.ly/syntax_snackpack Show Notes 00:00 Welcome to Syntax! 00:49 Getting too cozy with your tools. 01:34 Brought to you by Sentry.io. 03:40 LangFlow. 08:44 Super Whisper and Whisper Flow. 15:00 Dia. 23:16 Chat apps. 26:58 Self-hosted. 27:01 Comfy UI. 31:27 Automatic1111 and Forge UI. 34:11 Sick Picks & Shameless Plugs. All links available at https://syntax.fm/917 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/R21LWuTAOjo 2269 2025-07-07T11:00:50.000Z https://syntax.yabby.page/video/4-toggling-a-spring-animating-react 2026-10-15T03:45:16.815Z https://i.ytimg.com/vi/2n_i35f5lP0/maxresdefault.jpg #4 Toggling A Spring - Animating React Complete the course here: http://bit.ly/2JkCehq Become a master of practical interface animations with React Spring. In Animating React, Scott Tolinski's latest series by Level Up Tutorials, we'll learn how to animate modals, menus, height auto, waypoints, dragging gestures, React Router transitions and much, much more. https://www.youtube.com/embed/2n_i35f5lP0 490 2019-05-14T16:31:43.000Z https://syntax.yabby.page/video/the-ultimate-ui-build-challenge 2026-10-15T03:45:30.845Z https://i.ytimg.com/vi/RByYmKeekK0/maxresdefault.jpg The ULTIMATE UI Build Challenge Scott, Wes, and CJ compete to recreate a real-world UI, but there’s a twist. They’re judged on performance, pixel-perfection, usability, and more. Who comes out on top? Who cuts corners? And who’s just vibe coding with AI? 🔥 Be the ~14,700th person to join our super tasty newsletter https://bit.ly/syntax_snackpack Pieoneer App: https://appahead.studio/apps/pieoneer/ Scott Tolinski Code: https://github.com/stolinski/circle/blob/main/index.html Demo: https://melodic-elf-195f90.netlify.app/ CJ Code: https://github.com/w3cj/pieoneer-launcher/blob/main/src/App.vue Demo: https://pieoneer-launcher.vercel.app/ Wes Bos Code: https://github.com/wesbos/UI-Challenge Demo: https://wesbos.github.io/UI-Challenge/ ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/RByYmKeekK0 2038 2025-05-30T12:56:27.000Z https://syntax.yabby.page/video/5-properties-on-actions-in-reducers-redux-react-for-everyone 2026-10-15T03:45:32.705Z https://i.ytimg.com/vi/qfiWD3u8OcY/maxresdefault.jpg #5 Properties On Actions & In Reducers - Redux & React For Everyone In this series we'll be learning Redux with React for beginners. Sign up for Level Up Pro for full access https://www.leveluptutorials.com/pro Buy this series: https://goo.gl/XSuXqC Subscribe for more free tutorials https://goo.gl/6ljoFc The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz Redux is a predictable state container for JavaScript apps. It helps you write applications that behave consistently, run in different environments (client, server, and native), and are easy to test. On top of that, it provides a great developer experience, such as live code editing combined with a time traveling debugger. React makes it painless to create interactive UIs. Design simple views for each state in your application, and React will efficiently update and render just the right components when your data changes. Declarative views make your code more predictable and easier to debug. Build encapsulated components that manage their own state, then compose them to make complex UIs. Since component logic is written in JavaScript instead of templates, you can easily pass rich data through your app and keep state out of the DOM. We don't make assumptions about the rest of your technology stack, so you can develop new features in React without rewriting existing code. React can also render on the server using Node and power mobile apps using React Native. https://www.youtube.com/embed/qfiWD3u8OcY 450 2018-01-05T19:56:24.000Z https://syntax.yabby.page/video/hono-supports-jsx-right-out-of-the-box 2026-10-15T03:45:35.939Z https://i.ytimg.com/vi/7BQ6DE6Jp70/maxresdefault.jpg Hono supports JSX right out of the box CJ talks about Hono, a modern JavaScript framework for building web APIs, showing why you should use it over Express. He covers Hono's familiar Express-like API, wide platform support, built-in helpers, JSX support, routing, validation, RPC client, testing, and more. ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #honojs #express #apis #nodejs #jsx https://www.youtube.com/embed/7BQ6DE6Jp70 59 2024-10-22T15:41:05.000Z https://syntax.yabby.page/video/react-native-with-robin-heinze 2026-10-15T03:45:36.855Z https://i.ytimg.com/vi/0NIctHvfH10/maxresdefault.jpg React Native with Robin Heinze Scott and Wes dish out a feast with Robin Heinze from Infinite Red, diving into the world of React Native. They discuss how React Native differs from other webview platforms, highlight popular apps built with it, and serve up essential tools and libraries to spice up every React Native project. Show Notes 00:00 Welcome to Syntax! 01:13 Brought to you by Sentry.io. 01:30 React Native is different than Cordova or other webview platforms. 04:18 Is there a 'write once deploy everywhere' aspect? 05:48 What are some React Native apps people may not realize? 07:13 What about Twitter + Facebook? 09:15 What is Expo? Is Expo Required? 13:27 Does it require a Mac to build an iOS app? 14:58 React Native and routing. 16:56 How do native apps normally work without a URL? 18:35 Can you use CSS with React Native? 20:27 Do React Native or Tamagui translate to CSS or Yoga? 21:02 React Native app styling on Android and iOS. 22:20 React Native's own JavaScript engine. 23:30 Does Hermes have full JS support? 23:52 What is the new architecture of React Native? 26:11 Avoiding translation errors. 27:24 Will this change break a lot of older React Native apps? 28:24 Has React Native improved update stability? 29:55 Where else can React Native run? 32:52 JavaScript on smart TVs and other smart devices. 33:57 Bridging to native APIs. 37:14 State management. 39:30 What are some tools + libraries that you install on most projects? 41:58 How do you manage authentication? 44:55 Does Facebook use React Native? 47:15 Supper Club Questions. 50:29 Sick Picks + Shameless Plugs. All links available at https://syntax.fm/773 ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript https://www.youtube.com/embed/0NIctHvfH10 3428 2024-05-24T11:00:01.000Z https://syntax.yabby.page/video/wes-big-brained-the-videos-for-his-new-site-by-reverse-engineering-a-streaming-protocol 2026-10-15T03:45:39.360Z https://i.ytimg.com/vi/tEY4tI0hax8/maxresdefault.jpg Wes big-brained the videos for his new site by reverse engineering a streaming protocol Wes Bos avoids hosting the videos on his new personal website by reverse engineering the streaming protocol from a popular social platform (🤫). It works by streaming the M3U8 file into Media Chrome (Mux’s video player). 🔥 Be the ~15,700th person to join our super tasty newsletter https://bit.ly/syntax_snackpack All links available at https://syntax.fm/907 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev #react #servercomponents #waku #cloudflareworkers #videostreaming #nextjs #mdx #mux https://www.youtube.com/embed/tEY4tI0hax8 39 2025-06-02T17:47:50.000Z https://syntax.yabby.page/video/what-is-apollo 2026-10-15T03:45:39.390Z https://i.ytimg.com/vi/mSzUb7f47qk/maxresdefault.jpg What Is Apollo? In this video, I answer What Is Apollo? Syntax Podcast ft Scott Tolinski & Wes Bos: https://goo.gl/7jDDxX GraphCMS: http://graphcms.com/?ref=stolinski https://www.leveluptutorials.com/pro Subscribe for more free tutorials https://goo.gl/6ljoFc The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz Apollo provides a universal GraphQL API on top of your existing services, so you can build new application features fast without waiting on backend changes. Build and update application features without writing new endpoints. Just write a GraphQL query and Apollo gets the data for you. Best of all, Apollo integrates with the technology you're already using, so you can add it a little bit at a time. It also works with the whole specification and all community GraphQL tools. https://www.youtube.com/embed/mSzUb7f47qk 518 2018-01-17T20:00:43.000Z https://syntax.yabby.page/video/companies-do-everything-to-fingerprint-you 2026-10-18T16:15:13.128Z https://i.ytimg.com/vi/IfyaXyZSNWs/maxresdefault.jpg Companies do everything to fingerprint you 🫆 🔥 Be the ~19,500th person to join our super tasty newsletter https://bit.ly/syntax_snackpack All links available at https://syntax.fm/000 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by https://sentry.io/syntax #privacy #aliexpress #cybersecurity #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev #techtok https://www.youtube.com/embed/IfyaXyZSNWs 87 2026-09-28T10:45:08.000Z https://syntax.yabby.page/video/how-hard-can-it-be-to-draw-circles 2026-10-18T16:15:13.461Z https://i.ytimg.com/vi/QnZlmHaveWI/maxresdefault.jpg The hardest CSS Battle yet! Scott and CJ duke it out in a classic CSS Battle. The most accurate and shortest code after 10 minutes wins! 🔥 Be the ~19,500th person to join our super tasty newsletter https://bit.ly/syntax_snackpack Play this battle yourself - https://cssbattle.dev/play/242 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by https://sentry.io/syntax #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev #css #cssbattle https://www.youtube.com/embed/QnZlmHaveWI 752 2026-07-24T12:08:35.000Z https://syntax.yabby.page/video/12-automatic-adaptive-layouts-with-constraints 2026-10-15T03:45:16.823Z https://i.ytimg.com/vi/GZy39-AksVQ/maxresdefault.jpg #12 - Automatic Adaptive Layouts With Constraints Here we create some awesome automatic adapting layouts using the Sketch Constraints package. The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e https://www.youtube.com/embed/GZy39-AksVQ 485 2015-10-06T01:56:11.000Z https://syntax.yabby.page/video/i-rebuilt-x-from-memory 2026-10-18T16:15:13.307Z https://i.ytimg.com/vi/Mytj4HHgv-g/maxresdefault.jpg I rebuilt 𝕏 from memory Today's challenge, recreate Wes's own X profile page from memory alone. HTML, CSS, and whatever muscle memory survives under pressure. Try it yourself — CJ's starter repo has everything you need: https://github.com/w3cj/x-from-memory Then post your attempt and tag us. We want to see how bad it gets. 🔥 Be the ~19,500th person to join our super tasty newsletter https://bit.ly/syntax_snackpack ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by https://sentry.io/syntax #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/Mytj4HHgv-g 971 2026-09-04T12:20:03.000Z https://syntax.yabby.page/video/ai-coding-still-sucks-without-validation 2026-10-15T03:45:16.830Z https://i.ytimg.com/vi/AMnQxLZBI0A/maxresdefault.jpg 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://bit.ly/syntax_snackpack AI Coding Sucks: https://www.youtube.com/watch?v=0ZUkQF6boNg Stop Using AI For This: https://www.youtube.com/watch?v=pVBKWLkRqXw 30 Day No AI Follow up video: https://www.youtube.com/watch?v=g6_e5Mj7Hzw ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #programing #ai #claude #webdevelopment #webdeveloper #javascript #typescript #syntax #syntaxfm #webdev https://www.youtube.com/embed/AMnQxLZBI0A 850 2026-03-26T17:52:52.000Z https://syntax.yabby.page/video/command-line-basics-6-understanding-file-permissions 2026-10-15T03:45:16.845Z https://i.ytimg.com/vi/hOm4xlh5QVE/maxresdefault.jpg Command Line Basics #6 - Understanding File Permissions In the 6th Command Line Basics tutorial, I talk about the basics of file permissions. Learn command line from the very basics. Subscribe to Level Up Pro for extra features! http://leveluptuts.com/level-up-pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations https://www.youtube.com/embed/hOm4xlh5QVE 473 2014-04-18T01:22:15.000Z https://syntax.yabby.page/video/framework-battle-who-built-the-best-dev-stack 2026-10-15T03:45:16.852Z https://i.ytimg.com/vi/OgXt7TkR0vw/maxresdefault.jpg Framework BATTLE! Who Built the Best Dev Stack? Scott, Wes, and CJ face off in a framework battle to build the ultimate web dev stack. With only one pick per round (and a single steal each), they draft tools across categories like UI frameworks, databases, ORMs, and more. Who ends up with the best stack? You decide, vote in the comments! 🔥 Be the ~14,700th person to join our super tasty newsletter https://bit.ly/syntax_snackpack Brought to you by Sentry.io Format - 3 devs, 6 rounds, 1 pick per round (15 total picks) - Snake draft order: A→B→C, then C→B→A, then A→B→C - 30-second timer per pick Mechanics - Each person gets ONE "steal" for the entire draft - Steal = take someone's previous pick, they get 10 seconds to replace it - Once a tool is picked, it's off the table (unless stolen) - No duplicate picks allowed Categories - UI / Meta Framework - CSS Methodology - Database - ORM - Hosting Provider - Wildcard ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/OgXt7TkR0vw 916 2025-07-11T12:10:00.000Z https://syntax.yabby.page/video/the-state-of-frontend 2026-10-15T03:45:16.859Z https://i.ytimg.com/vi/FIYurQvJY2E/maxresdefault.jpg The State of Frontend Scott and Wes dive into the State of Frontend 2024 Survey, breaking down the latest trends, tools, and frameworks shaping the developer ecosystem. Tune in as they react to hot takes on frameworks, state management, hosting, and what’s next for frontend devs! 👉 Join the exclusive newsletter - https://syntax.fm/snackpack Show Notes 00:00 Welcome to Syntax! 00:53 Brought to you by Sentry.io. 01:15 About the survey. 02:10 Frameworks. 06:15 Rendering frameworks. 07:35 State management. 09:14 Other libraries. 13:34 Data. 16:39 Hosting. 19:51 Continuous Integration. 21:30 Micro-frontends. 23:25 Package Managers. 28:35 JS Runtimes. 29:47 Typescript. 33:13 Browser Technologies. 35:05 What is app property? 38:20 Progressive Web Apps. 40:11 Styling tools. 43:17 Testing. 45:39 Code editors. 49:02 Build tools. 49:17 Linting tools. 50:26 Operating systems. 51:17 The future trends. 54:14 Sick Picks + Shameless Plugs. All links available at https://syntax.fm/853 ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript https://www.youtube.com/embed/FIYurQvJY2E 3656 2024-11-27T12:00:29.000Z https://syntax.yabby.page/video/1-series-introduction-redux-react-for-everyone 2026-10-15T03:45:16.866Z https://i.ytimg.com/vi/YSBpKRZViBc/maxresdefault.jpg #1 Series Introduction - Redux & React For Everyone In this series we'll be learning Redux with React for beginners. Sign up for Level Up Pro for full access https://www.leveluptutorials.com/pro Buy this series: https://goo.gl/XSuXqC Subscribe for more free tutorials https://goo.gl/6ljoFc The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz Redux is a predictable state container for JavaScript apps. It helps you write applications that behave consistently, run in different environments (client, server, and native), and are easy to test. On top of that, it provides a great developer experience, such as live code editing combined with a time traveling debugger. React makes it painless to create interactive UIs. Design simple views for each state in your application, and React will efficiently update and render just the right components when your data changes. Declarative views make your code more predictable and easier to debug. Build encapsulated components that manage their own state, then compose them to make complex UIs. Since component logic is written in JavaScript instead of templates, you can easily pass rich data through your app and keep state out of the DOM. We don't make assumptions about the rest of your technology stack, so you can develop new features in React without rewriting existing code. React can also render on the server using Node and power mobile apps using React Native. https://www.youtube.com/embed/YSBpKRZViBc 167 2018-01-05T19:56:24.000Z https://syntax.yabby.page/video/level-up-tips-3-atom-beta-preview 2026-10-15T03:45:16.870Z https://i.ytimg.com/vi/6Dm0wgtMRTY/maxresdefault.jpg Level Up Tips #3 - Atom Beta Preview In this video, I give a preview of Github's excellent new text editor Atom (http://atom.io). I show off some of it's features and give an brief overview of it's interface. Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations https://www.youtube.com/embed/6Dm0wgtMRTY 672 2014-03-05T04:56:34.000Z https://syntax.yabby.page/video/firefox-is-getting-has 2026-10-15T03:45:16.877Z https://i.ytimg.com/vi/9yiFXnefjks/maxresdefault.jpg Firefox is getting :has() According to Can I Use, Firefox is getting has in version 121. What Train Is It has 121's release date on Dec 19th 2023. That means that the wait is finally over and all major browsers will be supporting has. https://caniuse.com/css-has https://whattrainisitnow.com/release/?version=121 New Episodes mon × wed × fri https://syntax.fm/ https://www.youtube.com/embed/9yiFXnefjks 96 2023-11-13T19:57:43.000Z https://syntax.yabby.page/video/the-king-of-drag-and-drop-alex-reardon 2026-10-15T03:45:16.884Z https://i.ytimg.com/vi/CjGn0HahbDE/maxresdefault.jpg The King of Drag and Drop: Alex Reardon Scott and Wes talk with Alex Reardon from Atlassian about developing drag-and-drop libraries, specifically the challenges with creating efficient and accessible drag-and-drop functionalities for the web. They also explore what it takes to build and implement a system that works seamlessly across various frameworks. Show Notes (00:00) Welcome to Syntax! (01:12) Brought to you by Sentry.io. (01:51) What Alex does at Atlassian. (04:38) What makes drag and drop tricky. (06:38) Use-cases. (10:54) What security is in place? (12:30) How to make it feel native. (19:20) Is the drag and drop spec ongoing? (20:03) How do you build this headless? (21:33) How does drag and drop work with frameworks? (23:48) Making drag and drop feel the same across mobile and desktop. (26:09) What's the key to really good drag performance? (29:58) How do you make drag and drop accessible? (34:57) Pragmatic drag and drop code vs application code (40:00) How does testing work? (43:15) Internal adoption at Atlassian. (44:27) Working on high-impact projects. (49:15) Versioning and internal adoption at Atlassian. (51:29) Sick Picks + Shameless Plugs. All links available at https://syntax.fm/806 ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript https://www.youtube.com/embed/CjGn0HahbDE 3330 2024-08-09T10:00:17.000Z https://syntax.yabby.page/video/the-value-of-typescript-vue-vs-svelte-leetcode 2026-10-15T03:45:16.901Z https://i.ytimg.com/vi/Vj9Z4Dso8y4/maxresdefault.jpg The Value of TypeScript × Vue vs Svelte × Leetcode In this potluck episode of Syntax, Scott and CJ serve up a variety of community questions, from the nuances of beginner vs. advanced TypeScript to the pros and cons of SvelteKit. They also discuss falling out of love with React, shipping private packages via NPM, and the eternal struggle of always starting but never finishing projects. Show Notes 00:00 Welcome to Syntax! 01:06 Brought to you by Sentry.io. 01:49 Today's format. 02:23 Beginner vs advanced TypeScript. 09:23 Does Sveltekit replace Svelte with Astro? 13:09 Handling multiple languages. 19:52 Falling out of love with React. 25:53 Shipping private packages via NPM. 29:00 How do you feel about importing packages from a URL? 30:36 VueJS vs Svelte. 36:15 Leetcode type interview questions. 41:58 Learning a new language for personal growth. 46:21 Always starting, never finishing. 50:23 Code quality vs tackling tickets. 55:36 Sick Picks + Shameless Plugs. All links available at https://syntax.fm/781 ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript https://www.youtube.com/embed/Vj9Z4Dso8y4 3661 2024-06-12T11:00:35.000Z https://syntax.yabby.page/video/sass-tutorials-5-selector-inheritance 2026-10-15T03:45:16.910Z https://i.ytimg.com/vi/6RpGMKjRkRw/maxresdefault.jpg Sass Tutorials #5 - Selector Inheritance This is the 5th tutorial in a series that show users how to code CSS with Sass. This tutorial shows you how to use selector inheritance in Sass. https://www.youtube.com/embed/6RpGMKjRkRw 217 2012-02-28T01:55:46.000Z https://syntax.yabby.page/video/the-world-s-first-ever-css-tournament 2026-10-15T03:45:16.918Z https://i.ytimg.com/vi/EDTiLFYRSBE/maxresdefault.jpg the world's first ever CSS tournament Build your bracket for the world's first ever CSS tournament, March MadCSS. Premieres Friday 10ET on YouTube, and the stakes are high. win over $1,500 worth of prizes madcss.com https://www.youtube.com/embed/EDTiLFYRSBE 39 2026-03-04T20:47:38.000Z https://syntax.yabby.page/video/drupal-8-basics-3-the-drupal-8-admin-toolbar 2026-10-15T03:45:16.924Z https://i.ytimg.com/vi/C4Abc_VPEXQ/maxresdefault.jpg Drupal 8 Basics #3 - The Drupal 8 Admin Toolbar Learn how The Drupal 8 Admin Toolbar works in a course design for Drupal 8 beginners. Subscribe for more free tutorials https://goo.gl/6ljoFc, buy NEXT LEVEL CSS Animations & Transitions https://goo.gl/cGB30u Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e This Drupal 8 tutorial series shows users how to build websites with the very popular open source content management system Drupal 8. The world’s favorite open source content management platform just got better. Drupal 8 is the new standard for creating incredible digital experiences—for small businesses, global enterprises, and everything in between. Meet Drupal 8, a powerful new suite of tools, and the strongest link in your new content supply chain. Interact with countless applications, thanks to REST-first native web services. Use progressive decoupling to break free from back-end restrictions without sacrificing security and accessibility. Deliver faster, with enhanced entity caching and better integration with CDNs and reverse proxies. With Drupal 8, you can build almost any integrated experience you can imagine. https://www.youtube.com/embed/C4Abc_VPEXQ 374 2016-03-02T17:53:50.000Z https://syntax.yabby.page/video/12-must-have-clipboard-managment-for-osx 2026-10-15T03:45:16.936Z https://i.ytimg.com/vi/s2LwFa6F_Wc/maxresdefault.jpg #12 - Must Have Clipboard Managment for OSX Here I show off one of my favorite tools for the web, Clip Menu. http://www.clipmenu.com/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e https://www.youtube.com/embed/s2LwFa6F_Wc 210 2015-09-11T21:57:38.000Z https://syntax.yabby.page/video/5-the-difference-between-block-and-inline-elements 2026-10-15T03:45:16.944Z https://i.ytimg.com/vi/NfwBn1ItXhM/maxresdefault.jpg #5 - The Difference Between Block and Inline Elements In this video, I talk about the difference between display block and display inline elements. In this video series, I teach you how to build your first website. No prior experience needed. The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ https://www.patreon.com/leveluptuts Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e https://www.youtube.com/embed/NfwBn1ItXhM 382 2015-09-08T00:39:39.000Z https://syntax.yabby.page/video/the-worst-of-rbaduibattles 2026-10-15T03:45:16.952Z https://i.ytimg.com/vi/BGM_qkOA6KE/maxresdefault.jpg The WORST of rBadUIBattles Scott, Wes and CJ react to the best (worst) designs from r/BadUIBattles — the subreddit that proves bad design is truly an art form. From date picker nightmares to luck based authentication, the devs break down what went wrong and how not to build a user interface. 💻 Come for the broken UX. Stay for the roasts. 🔥 Be the ~14,700th person to join our super tasty newsletter https://bit.ly/syntax_snackpack https://www.reddit.com/r/badUIbattles/ ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/BGM_qkOA6KE 669 2025-05-23T12:26:00.000Z https://syntax.yabby.page/video/this-button-broke-our-brains-css-challenge 2026-10-15T03:45:16.976Z https://i.ytimg.com/vi/xtRx-aNrNe8/maxresdefault.jpg This Button Broke Our Brains (CSS Challenge) Scott's Code: https://codepen.io/stolinski/pen/gbaBOOr Wes' Code: https://codepen.io/wesbos/pen/jEbeNdw Can we rebuild this trending UI button with just CSS? In this CSS Challenge, Wes and Scott try to recreate a pixel-perfect “Add to Cart” button from scratch using only HTML & CSS. From gradients to tricky shadows, this button is way harder than it looks. 🔥 Be the ~14,700th person to join our super tasty newsletter https://bit.ly/syntax_snackpack Watch to see who gets closest and what CSS tricks you can steal for your own projects. ⸻ Original button design by George Frigos on Dribbble https://dribbble.com/shots/25117095 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/xtRx-aNrNe8 1365 2025-08-29T12:18:00.000Z https://syntax.yabby.page/video/sass-tutorials-3-nesting-your-sass 2026-10-15T03:45:16.983Z https://i.ytimg.com/vi/bC7TXBt_OLU/maxresdefault.jpg Sass Tutorials #3 - Nesting Your Sass This is the 3rd tutorial in a series that show users how to code CSS with Sass. This tutorial covers the use of Nesting. Nesting avoids repetition by nesting selectors within one another. https://www.youtube.com/embed/bC7TXBt_OLU 399 2012-02-23T02:54:36.000Z https://syntax.yabby.page/video/how-i-set-up-vs-code 2026-10-15T03:45:16.990Z https://i.ytimg.com/vi/85q9FTdVyJs/maxresdefault.jpg How I Set Up VS Code In this video CJ shows all of his VS Code settings and most used extensions. Settings / extensions here: https://github.com/codinggarden/vscode-settings 00:00 Intro 00:13 Font 00:17 Theme 00:25 Editor Layout 00:38 Hide Status Bar 00:54 Sidebar on the Right 01:32 Tabs Hidden 01:51 Snippet Suggestions Top 02:22 Disable Minimap 02:37 Linked Editing 03:12 Most Used Extensions 03:22 Font Size Shortcuts 03:52 Prettier 04:16 Code Spell Checker 04:29 Pretty TypeScript Errors 05:02 Thunder HTTP Client 05:32 Paste JSON as Code 06:08 Language / Framework Specific Extensions 07:02 Thanks! Watch the full development setup video here: https://www.youtube.com/watch?v=GK7zLYAXdDs ------------------------------------------------------------------------------ Hit us up on Socials! https://www.syntax.fm/links Brought to you by Sentry - Use code "tastytreats" to get 2 months free - https://sentry.io/syntax #vscode #webdevelopment #javascript https://www.youtube.com/embed/85q9FTdVyJs 453 2024-08-27T10:00:08.000Z https://syntax.yabby.page/video/0-affinity-photo-beta-preview-affinity-photo-tutorials 2026-10-15T03:45:16.997Z https://i.ytimg.com/vi/ZaKSi0PcLmA/maxresdefault.jpg #0 Affinity Photo Beta Preview - Affinity Photo Tutorials Check out the latest Photoshop competitor Affinity Photo. Although it's still in beta, Affinity Photo offers a slick workflow in a familiar environment. Apply for the beta here. https://affinity.serif.com/en-us/photo/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e https://www.youtube.com/embed/ZaKSi0PcLmA 520 2015-04-10T02:09:49.000Z https://syntax.yabby.page/video/set-up-a-mac-for-power-users-and-developers 2026-10-15T03:45:17.035Z https://i.ytimg.com/vi/GK7zLYAXdDs/maxresdefault.jpg Set up a Mac for Power Users and Developers In this video CJ walks you through his Macbook setup. He covers OS settings, essential productivity apps, terminal setup, zsh settings, VS Code setup and VS Code Extensions. Whether you're brand new to a mac or have been using one for years, you will likely find something useful in this video. View all of the links to the apps I install and commands I run here: https://github.com/CodingGarden/mac-setup View all of my VS Code settings and extensions here: https://github.com/CodingGarden/vscode-settings 00:00:00 Intro 00:00:56 What Macbook did I get? 00:01:14 Desktop Settings 00:02:18 Dock Settings 00:03:44 Finder Settings 00:07:01 Quick Launcher - RayCast 00:08:20 RayCast Setup and Overview 00:10:34 Homebrew 00:13:18 RayCast Homebrew Plugin 00:14:12 Window Management - Rectangle 00:16:04 App Switching - Alt-tab 00:17:20 Menu Bar Utility - Hidden Bar 00:18:30 Menu Bar Stats 00:21:26 Menu Bar Calendar - itsycal 00:22:10 Break Timer - Time Out 00:23:37 Homebrew Cask Versions 00:24:30 Install Firefox Developer Edition 00:25:12 Firefox Settings 00:28:21 Useful Browser Extensions 00:31:05 Privacy Focused Browser Extensions 00:32:30 Firefox Layout 00:33:29 Other Apps I use 00:35:06 Install Docker Desktop 00:35:41 oh my zsh setup 00:38:37 iterm settings 00:41:09 oh my zsh configuration 00:42:46 Set up git SSH key 00:44:49 dotfiles setup 00:45:42 CLI Tools I use 00:46:29 Install Node.js with nvm 00:47:37 Useful npm global commands 00:48:33 VS Code 00:49:32 Install VS Code Extensions 00:50:33 Local Project Setup 00:51:15 Load VS Code Settings 00:52:04 VS Code Layout 00:53:29 Useful VS Code Settings 00:54:50 Useful VS Code Extensions 00:58:15 Other VS Code Extensions 00:59:19 Thanks! ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io - https://sentry.io/syntax ------------------------------------------------------------------------------ Device Mockup created from https://devicefr https://www.youtube.com/embed/GK7zLYAXdDs 3634 2024-02-29T20:12:54.000Z https://syntax.yabby.page/video/realtime-led-wall-with-react-websockets-i-let-strangers-control-it 2026-10-15T03:45:17.072Z https://i.ytimg.com/vi/4r0tS9xstzM/maxresdefault.jpg Realtime LED Wall With React + Websockets (I Let Strangers Control It) Scott, Wes, and CJ dive into Wes’s Hackweek project: a real-time, web-controlled LED grid. They break down the hardware build, custom 3D-printed diffuser, ESP32 microcontroller, and Cloudflare durable objects powering live pixel art, GitHub activity displays, and interactive web drawings. 🔥 Be the ~14,700th person to join our super tasty newsletter https://bit.ly/syntax_snackpack (00:00) - Welcome to Syntax! (02:03) - Wes’ Hackweek project: a web-controlled LED grid (03:52) - The hardware: LED panels, soldering, and power (06:38) - ESP32 microcontroller and WLED firmware explained (10:57) - Power supply challenges and injection fixes (15:05) - Debugging and testing a DIY LED matrix (15:56) - Shorts, blown circuits, and melted wires (17:58) - Designing and 3D-printing the diffuser for crisp pixels (21:29) - The software: Cloudflare Durable Objects + Party Server (22:18) - Real-time sync and state management across clients (28:43) - Connecting the server to the LED hardware (41:51) - Open access fun: scripts, NSFW images, and moderation (44:10) - Live demos (45:34) - Future plans: stats, rooms, and making it always-on All links available at https://syntax.fm/936 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/4r0tS9xstzM 2833 2025-09-10T11:00:06.000Z https://syntax.yabby.page/video/manage-state-in-javascript-like-a-pro 2026-10-15T03:45:17.079Z https://i.ytimg.com/vi/7i1f4PKSlxo/maxresdefault.jpg Manage State in JavaScript Like a Pro! Scott and Wes serve up state management in JavaScript, breaking down key concepts like reactive state, state updaters, and global vs local state. They also explore various tools like Zustand and xState. 👉 Join the exclusive newsletter - https://syntax.fm/snackpack Show Notes 00:00 Welcome to Syntax! 01:22 Brought to you by Sentry.io. 03:10 What is state? 03:29 Common state jargon. 03:48 Reactive State. 04:14 Store. 04:46 Immutable vs Mutable State. 05:53 State updaters. 06:15 Signals. 06:49 Observables. 07:07 UI is a function of state. 08:39 State Machine. 10:58 Binding state. 11:36 Global vs local. 11:49 Computed State, derived state, selector state. 12:41 Approaches to state management. 12:52 Reducer based. 16:39 Mutation based state. 21:17 Atom based state. 25:15 Ways to hold state. 25:17 Holding state in an object. 27:38 Holding state in the URL. 29:34 Holding state in IndexedDB, local storage, and cookies. 32:16 Holding state with FormData. 33:56 Holding state with Signals. 37:27 Holding state with the server database. 38:55 Global State vs Component State. 40:39 Sharing state. 42:58 State libraries. 45:26 Zustand. 50:24 Jotai. 51:50 xState. 54:56 Easy Peasy. 55:24 Pinia. 56:01 TanStack Query. 57:02 Sick Picks + Shameless Plugs. All links available at https://syntax.fm/850 ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript https://www.youtube.com/embed/7i1f4PKSlxo 3720 2024-11-20T12:00:09.000Z https://syntax.yabby.page/video/fullstack-tanstack-the-scoop-with-tanner-linsley 2026-10-15T03:45:17.088Z https://i.ytimg.com/vi/QE-Xp85l59Y/maxresdefault.jpg Fullstack TanStack! The Scoop with Tanner Linsley Live from GitHub Universe, Wes and Scott talk with Tanner Linsley about the latest from TanStack, including TanStack DB’s local-first syncing, new routing ideas, and fresh perspectives on server components and “magic” directives. They explore performance, incremental adoption, and what’s next for the rapidly growing TanStack ecosystem — plus a few spicy takes along the way. 🔥 Be the ~14,700th person to join our super tasty newsletter https://bit.ly/syntax_snackpack (00:00) - Welcome to Syntax! (01:12) - What's new in the TanStack universe? (01:57) - Introducing TanStack DB: local-first sync engine (05:17) - How syncing and transactions actually work in TanStack DB (07:03) - Next.js 16 Workflows: durable functions and the directive debate (08:46) - Brought to you by Sentry.io (09:41) - Tanner’s case for fewer “magic directives” (12:36) - TanStack's approach to React Server Components (14:30) - The momentum of leading an ecosystem (15:38) - Top-secret TanStack project in the works All links available at https://syntax.fm/954 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/QE-Xp85l59Y 1086 2025-11-12T12:00:57.000Z https://syntax.yabby.page/video/react-vs-vue-real-time-data-and-component-hierarchy 2026-10-15T03:45:17.097Z https://i.ytimg.com/vi/-5rB3MrkEMw/maxresdefault.jpg React vs Vue - Real-time Data and Component Hierarchy In this video CJ shows how he built the same real-time stock price app with both Vue and React. He focuses on comparing how we structure component hierarchies, pass props to components and how to work with real-time data across components. See the full Vue vs React series here: https://www.youtube.com/playlist?list=PLLnpHn493BHGeUSbg-tjxVyMKQnIB0kVL 00:00 Intro 01:17 Component Hierarchy 02:05 Web Socket Architecture 03:50 Top Level init 05:18 React useEffect gotchas 06:52 Vue Lifecycle Methods 07:18 Stock Symbol Form Overview 07:36 React Stock Symbol Form 08:03 Vue Stock Symbol Form 09:16 Form Submission Logic 09:37 React Form onSubmit 10:18 Vue Form onSubmit 10:32 React Element Refs and Input Focus 11:37 Vue Element Refs and Input Focus 12:01 Web Socket Subscribe 12:28 React Stock Symbol Component 13:59 Vue Stock Symbol Component 15:31 React Web Socket Update 16:10 Vue Web Socket Update 16:23 Line Chart Component 16:45 React Line Chart / remove 17:16 Vue Line Chart / remove 17:40 React StockLineChart Component 18:32 Vue StockLineChart Component 18:57 Chart.js Component Libraries 19:40 React StockLineChart onUpdate 21:48 React eslint useEffect dependencies warning 22:23 Vue StockLineChart onUpdate 23:41 Vue chart data prop 24:14 React chart data prop 24:27 Vue StockLineChart onUpdate continued 25:03 Opinions on React Implementation 25:38 Opinions on Vue Implementation 26:01 Vue vs React Takeaways 28:34 Frontend Architecture Takeaways 29:23 Brought to you by Sentry 29:54 Thanks! View the code here: https://github.com/w3cj/vue-vs-react Correction: 10:38 flushSync from react-dom can be used for this as an alternative to setTimeout ------------------------------------------------------------------------------ Hit us up on Socials! https://www.syntax.fm/links Brought to you by Sentry - Use code "tastytreats" to get 2 months free - https://sentry.io/syntax #javascript #react #vuejs https://www.youtube.com/embed/-5rB3MrkEMw 1828 2024-07-23T12:00:00.000Z https://syntax.yabby.page/video/sketch-app-tutorials-18-plugin-management-with-sketch-toolbox 2026-10-15T03:45:17.118Z https://i.ytimg.com/vi/kpq-1KJ6slM/maxresdefault.jpg Sketch App Tutorials #18 - Plugin Management with Sketch Toolbox In this Sketch App video tutorial, checkout the new Sketch Toolbox app for easy plugin management for Sketch 3! Subscribe for more free tutorials https://goo.gl/6ljoFc, more Sketch App Tutorials: https://goo.gl/SvgeZU http://sketchtoolbox.com/ Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e Sketch gives you the power, flexibility and speed you always wanted in a lightweight and easy-to-use package. Finally you can focus on what you do best: Design. https://www.youtube.com/embed/kpq-1KJ6slM 228 2014-07-30T00:09:31.000Z https://syntax.yabby.page/video/you-should-learn-nuxt 2026-10-15T03:45:17.154Z https://i.ytimg.com/vi/sMYOigI5NjM/maxresdefault.jpg You should learn Nuxt! CJ steps in for Scott and joins Wes to share his experience working with Nuxt, from routing and data fetching to the pros and cons of the framework. They break down the Nuxt ecosystem, directory structure, and how it handles server routes and modules. 🔥 Be the ~14,700th person to join our super tasty newsletter https://bit.ly/syntax_snackpack Show Notes 00:00 Syntax Meetup! 00:26 Welcome to Syntax 01:21 The deal with Nuxt. 02:51 Why do you like Vue? 04:52 Brought to you by Sentry.io. 05:17 Routing with Nuxt. 06:12 Built on Nitro. 06:49 The Nuxt Ecosystem. 07:52 API Route Support. 08:15 Nuxt Directory Structure. 09:09 Does Nuxt do too much for you? 11:15 Data fetching in a Nuxt app. 13:25 RPC, Form Actions, Server Actions? 15:00 Nuxt Server Folder Hastle. 15:57 useFetch Hook. 17:29 Core Modules and Community Modules? 21:17 Nuxt Hosting. 23:59 Anything you don’t like? All links available at https://syntax.fm/905 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/sMYOigI5NjM 1658 2025-05-26T11:01:26.000Z https://syntax.yabby.page/video/htmx-web-apps-with-carson-gross 2026-10-15T03:45:17.168Z https://i.ytimg.com/vi/5LOAGWGQwRA/maxresdefault.jpg HTMX Web Apps with Carson Gross Scott and Wes welcome HTMX creator Carson Gross to discuss the versatile applications and optimal scenarios for using HTMX, alongside insights into its creation and evolution. Join us as we explore the future prospects and improvements as we look towards HTMX 2.0. Show Notes 00:00 Welcome to Syntax! 00:52 Brought to you by Sentry.io 02:22 Who is Carson Gross? 03:53 What exactly is HTMX? 07:04 What made you want to create something like HTMX? 10:01 Would HTML look more like HTMX if we were to rebuild it today? 12:54 Isn't HTMX a step backward into old-school AJAX? 16:09 When would you avoid using HTMX? 17:56 Does HTMX put an unnecessary load on the server? 21:46 What are your thoughts on rendering everything on the server? 26:29 What is your favorite stack? 28:49 Things that are lost moving to the JavaScript framework world. 30:16 HTMX coupling your front end and back end. 32:28 How do you feel about web components? 33:40 What are the big templating engines and your top pick? 36:33 Object-oriented HTML. 37:38 Is there an offline story or a “local-first” story for HTMX? 38:44 What does the future of HTMX look like given its rise in popularity? 40:03 HTMX and X (Twitter). 42:30 The Microsoft story. 45:26 Carson's thoughts on de-escalating the language around HTMX. 47:44 Sick Picks + Shameless Plugs. All links available at https://syntax.fm/734 ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript https://www.youtube.com/embed/5LOAGWGQwRA 3121 2024-02-23T12:00:05.000Z https://syntax.yabby.page/video/effortless-light-and-dark-mode-theme-styling 2026-10-15T03:45:17.173Z https://i.ytimg.com/vi/rj4KQEdzK_U/maxresdefault.jpg Effortless Light and Dark Mode × Theme Styling In this episode of Syntax, Wes and Scott talk about the latest CSS theming properties and techniques for better controlling light and dark modes, as well as creating comprehensive color systems for applications and websites. Make sure to check out the video version of this episode for practical code examples, and explanations of light/dark function, CSS variables, meta tags for theme colors, accent color, color mix, and upcoming features like style queries and color contrast. Demo: https://tolin.ski/experiments/dark-light CSS: https://github.com/stolinski/tolin.ski/blob/main/src/routes/(blank)/experiments/dark-light/styles.css HTML: https://github.com/stolinski/tolin.ski/blob/main/src/routes/(blank)/experiments/dark-light/%2Bpage.svelte Show Notes (00:00) - Welcome to Syntax! (01:36) - Brought to you by Sentry.io (03:45) - theme-color (10:12) - color-scheme (15:14) - light-dark() (17:44) - How to force light or dark mode (23:03) - Live debugging box-shadow (28:05) - color-mix() (29:53) - accent-color (31:27) - Relative color syntax (35:49) - Style queries and color-contrast() All links available at https://syntax.fm/810 ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript https://www.youtube.com/embed/rj4KQEdzK_U 2272 2024-08-19T10:00:57.000Z https://syntax.yabby.page/video/drupal-8-basics-12-understanding-menus 2026-10-15T03:45:17.180Z https://i.ytimg.com/vi/OLys4iYgl28/maxresdefault.jpg Drupal 8 Basics #12 - Understanding Menus Learn about menus in Drupal 8 in a course design for Drupal 8 beginners. Subscribe for more free tutorials https://goo.gl/6ljoFc, buy NEXT LEVEL CSS Animations & Transitions https://goo.gl/cGB30u Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e This Drupal 8 tutorial series shows users how to build websites with the very popular open source content management system Drupal 8. The world’s favorite open source content management platform just got better. Drupal 8 is the new standard for creating incredible digital experiences—for small businesses, global enterprises, and everything in between. Meet Drupal 8, a powerful new suite of tools, and the strongest link in your new content supply chain. Interact with countless applications, thanks to REST-first native web services. Use progressive decoupling to break free from back-end restrictions without sacrificing security and accessibility. Deliver faster, with enhanced entity caching and better integration with CDNs and reverse proxies. With Drupal 8, you can build almost any integrated experience you can imagine. https://www.youtube.com/embed/OLys4iYgl28 312 2016-04-18T16:50:39.000Z https://syntax.yabby.page/video/chartjs-tutorials-6-writing-a-bar-chart-from-scratch 2026-10-15T03:45:17.208Z https://i.ytimg.com/vi/qQhn-6c_3FI/maxresdefault.jpg ChartJS Tutorials #6 - Writing A Bar Chart From Scratch In this video, we create a bar chart with chart.js. Subscribe for more free tutorials https://goo.gl/6ljoFc, Buy this series and get access to ChartJS themes! https://goo.gl/BamhKi Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e Simple yet flexible JavaScript charting for designers & developers. Mix and match bar and line charts to provide a clear visual distinction between datasets. Plot complex, sparse datasets on date time, logarithmic or even entirely custom scales with ease. Out of the box stunning transitions when changing data, updating colours and adding datasets. Chart.js is a community maintained project, contributions welcome! Visualize your data in 8 different ways; each of them animated and customisable. Redraws charts on window resize for perfect scale granularity. https://www.youtube.com/embed/qQhn-6c_3FI 648 2016-08-01T16:13:09.000Z https://syntax.yabby.page/video/github-universe-2025-announcements-reactions 2026-10-15T03:45:17.839Z https://i.ytimg.com/vi/sblq5THb1no/maxresdefault.jpg GitHub UNIVERSE 2025 Announcements + Reactions Live from GitHub Universe, Wes, Scott, and CJ talk about the latest AI and developer tools from GitHub, including Agent HQ, Copilot integrations, and the new mission control for agents. They also share stories from the Syntax meetup, hack their conference badges, and debate AI’s role in coding. 🔥 Be the ~14,700th person to join our super tasty newsletter https://bit.ly/syntax_snackpack (00:00) - Welcome to Syntax! (03:39) - This year’s GitHub Universe badges were next-level (07:35) - Keynote recap: GitHub Agents, Copilot, and Mission Control (18:21) - Brought to you by Sentry.io (20:33) - Plan Mode and the future of collaborative coding (23:40) - Cursor triggering agents from Slack (25:32) - Copilot Metrics Dashboard and agent analytics (27:53) - Effortless MCP integration and custom agent workflows (31:35) - Wrapping up GitHub Universe 2025 All links available at https://syntax.fm/952 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/sblq5THb1no 2155 2025-11-05T12:01:47.000Z https://syntax.yabby.page/video/its-hard-out-there-are-software-devs-cooked 2026-10-15T03:45:17.848Z https://i.ytimg.com/vi/RB1EucXfCJU/maxresdefault.jpg its hard out there... are software devs cooked?? In this potluck episode, Wes and Scott answer your questions about paid vs. free SSL, the state of frontend jobs, headless WordPress trade-offs, organizing TypeScript types, and more! 🔥 Be the ~14,700th person to join our super tasty newsletter https://bit.ly/syntax_snackpack (00:00) - Welcome to Syntax! (00:51) - Recapping the GitHub Meetup (05:14) - Is there any real benefit to picking a paid SSL over Let's Encrypt? (08:03) - Is the pure frontend role disappearing? (11:17) - Is the gravy train over for software devs? (20:48) - How Scott automates versioning with GitHub Actions (25:16) - Brought to you by Sentry.io (25:41) - Thoughts on VS Code alternatives and the rise of Zed (33:01) - Should I switch to headless WordPress or continue rolling my own PHP templates? (37:33) - How do you organize TypeScript types in a frontend project? (40:55) - How do I continue to level up as a developer? (45:36) - Stay in a comfortable job or embrace new challenges? All links available at https://syntax.fm/956 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #programming #coding #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/RB1EucXfCJU 3011 2025-11-19T12:00:57.000Z https://syntax.yabby.page/video/home-assistant-made-a-technical-decision-almost-a-decade-ago-that-lasted 2026-10-15T03:45:17.867Z https://i.ytimg.com/vi/u3hoJVlKl5M/maxresdefault.jpg Home Assistant made a technical decision almost a decade ago that lasted 🔥 Be the ~14,700th person to join our super tasty newsletter bit.ly/syntax_snackpack All links available at https://syntax.fm/880 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev homeautomation #javascript #webdevelopment #privacy https://www.youtube.com/embed/u3hoJVlKl5M 57 2025-02-27T19:54:44.000Z https://syntax.yabby.page/video/react-powerplug-favorite-react-packages 2026-10-15T03:45:17.872Z https://i.ytimg.com/vi/094pzQ7p1Uk/maxresdefault.jpg React Powerplug - Favorite React Packages In this series, I talk about my favorite and most used React packages. Sponsored by: DevMountain https://devmountain.com/ https://github.com/renatorib/react-powerplug Sign up for Level Up Pro for full access https://www.leveluptutorials.com/pro Buy this series: https://goo.gl/MkRA11 Subscribe for more free tutorials https://goo.gl/6ljoFc The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz React makes it painless to create interactive UIs. Design simple views for each state in your application, and React will efficiently update and render just the right components when your data changes. Declarative views make your code more predictable and easier to debug. Build encapsulated components that manage their own state, then compose them to make complex UIs. Since component logic is written in JavaScript instead of templates, you can easily pass rich data through your app and keep state out of the DOM. We don't make assumptions about the rest of your technology stack, so you can develop new features in React without rewriting existing code. React can also render on the server using Node and power mobile apps using React Native. https://www.youtube.com/embed/094pzQ7p1Uk 437 2017-11-30T21:01:23.000Z https://syntax.yabby.page/video/we-react-to-state-of-react-survey 2026-10-15T03:45:17.888Z https://i.ytimg.com/vi/lvDkauXwuI0/maxresdefault.jpg We React to State of React Survey Scott and Wes serve up their reaction to the "State of React 2023" survey results, discussing the main API pain points like forwardRef and memo. They also explore the latest on state management, hooks pain points, and exciting new libraries in the React ecosystem. Show Notes 00:00 Welcome to Syntax! 01:41 Brought to you by Sentry.io. 02:28 The State of React 2023. 03:11 The Main API Painpoints. 04:31 forwardRef. 05:27 memo. 06:39 Context API. 07:18 StrictMode. 08:45 Double rendering. 09:36 State management. 11:58 Hooks Pain Points. 12:11 useEffect. 12:33 Dependency arrays. 13:11 New API Pain Points. 13:19 React Server Components. 14:40 Taint API. 15:19 Libraries. 17:02 Jotai. 17:45 Apollo Client. 19:05 Redux. 20:57 Redwood. 21:26 React Aria. 21:55 Astro. 22:04 The most negative. 23:35 Component Libraries. 25:50 Other Component Libraries. 25:53 Mantine. 27:47 Details element. 28:59 Honorable mentions. 29:07 Animations. 29:28 Data Visualization. 31:26 CSS Tools and Libraries. 33:14 Styled Components. 34:16 Meta Frameworks. 38:50 Hosting. 40:08 Other Services. 40:45 Back-end language trivia. 43:00 State management. 43:40 Data Loading. 44:08 Other Tools. 44:09 Testing Libraries. 44:45 React Renderers. 47:58 Podcasts, thank you! 48:14 Sick Picks & Shameless Plugs. All links available at https://syntax.fm/805 ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript https://www.youtube.com/embed/lvDkauXwuI0 3366 2024-08-07T11:00:45.000Z https://syntax.yabby.page/video/how-to-look-and-sound-good-at-10-100-and-1000-with-producer-randy 2026-10-15T03:45:17.909Z https://i.ytimg.com/vi/tGlfyC5dwA4/maxresdefault.jpg How to Look and Sound Good at $10, $100 and $1000 With Producer Randy Wes and Scott talk with Syntax Producer Randy Rektor. From mastering mic technique to lighting hacks and choosing the right camera, they discuss the best ways to upgrade your audio and video setup on any budget. 👉 Join the exclusive newsletter - https://syntax.fm/snackpack (00:00) - Welcome to Syntax! (03:01) - Brought to you by Sentry.io (04:14) - Understanding signal-to-noise ratio (06:48) - Using de-noise (09:12) - The importance of mic technique (10:28) - Dealing with electrical noise (11:15) - The proximity effect (13:01) - Sound treatment vs sound proofing (23:33) - Do egg crates work for sound treatment? (25:22) - USB mics vs XLR mics (27:06) - Video composition (30:18) - How to improve your lighting (35:37) - Choosing the right camera (36:58) - The importance of codecs and bitrates (38:14) - What to look for in a webcam (38:50) - Randy's packages for $50, $150, and $500-$1000 budgets (40:02) - The $50 package/selecting your mic (43:53) - The $150 package (45:32) - The $500-$1000 package (51:07) - Mic stand recommendations (56:50) - Sick Picks & Shameless Plugs All links available at https://syntax.fm/857 ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript https://www.youtube.com/embed/tGlfyC5dwA4 3533 2024-12-06T12:01:10.000Z https://syntax.yabby.page/video/local-ai-models-in-javascript-with-xenova-of-transformers-js 2026-10-15T03:45:17.942Z https://i.ytimg.com/vi/GVY__H89Ysk/maxresdefault.jpg Local AI models in JavaScript, with Xenova of Transformers.js Scott and Wes are joined by special guest Xenova to explore local AI models in JavaScript. From Hugging Face to Transformers.js and practical applications like real-time speech recognition and object detection, this episode dives deep into the world of machine learning. Show Notes 00:00 Welcome to Syntax! 00:41 Brought to you by Sentry.io 01:05 Who is Xenova? 02:08 What is Hugging Face? 03:29 What is Transformers.js? 06:16 How was the library developed? 09:04 How is it able to run? 10:09 Do they have to run in Python and how does Onnx work? 14:19 What are some things you can do with this tech? 16:15 Vision tools. 17:38 This is actually running locally. 18:35 Doodle Dash 21:09 They currently run on CPU, what is required to make it run on GPU? 24:44 Can you run in JavaScript? 28:32 How it works with image vectors. 34:23 Why would people want to run it in another language? 35:55 Resizing images in the browser instead of on the server. 38:55 Applications distributed on the web vs running locally. 43:54 Electron has Node and Chrome, where would you run Transformers.js? 44:32 The API of Transformers.js 46:30 Object Detection. 48:33 What is the easiest way to get started? 51:26 Real-time speech recognition on the horizon? 52:08 Will we ever be able to run Stable Diffusion via JavaScript? 56:10 The Web LLM. 57:22 Practical applications for YouTube. 59:39 What we want to build for Syntax.fm. 01:06:43 Mean pooling, why it's necessary. 01:09:30 Stopping YouTube spam comments. 01:10:34 K-Means Clustering. 01:13:49 Quantization. 01:17:35 Sick Picks + Shameless Plugs. All links available at https://syntax.fm/740 ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript https://www.youtube.com/embed/GVY__H89Ysk 4777 2024-03-08T12:00:13.000Z https://syntax.yabby.page/video/drupal-tutorials-31-disqus-commenting 2026-10-15T03:45:17.949Z https://i.ytimg.com/vi/QAdjQaq9jxo/maxresdefault.jpg Drupal Tutorials #31 - Disqus Commenting This is the 31st tutorial in the Drupal 7 tutorial series. This tutorial shows you how to add the Disqus commenting system to your website. Subscribe for more free tutorials https://goo.gl/6ljoFc, more Drupal Tutorials here: https://goo.gl/YDHhLW Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e This Drupal 7 tutorial series shows users how to build websites with the very popular open source content management system Drupal 7. https://www.youtube.com/embed/QAdjQaq9jxo 425 2012-05-08T00:05:03.000Z https://syntax.yabby.page/video/wes-new-site-gatsby-to-react-server-components 2026-10-15T03:45:17.965Z https://i.ytimg.com/vi/YKRfTA-Vx9M/maxresdefault.jpg Wes’ New Site: Gatsby to React Server Components Wes rebuilt his personal site from Gatsby to a modern stack using Waku, React Server Components, and Cloudflare Workers — all while keeping the same design. Scott and Wes break down the pain points with Next.js, MDX, image handling, caching, and the custom setup that now powers a blazing-fast blog. 🔥 Be the ~14,700th person to join our super tasty newsletter https://bit.ly/syntax_snackpack Show Notes 00:00 Welcome to Syntax! 01:03 Barcelona Conference. 04:09 Brought to you by Sentry.io. 04:33 Existing stack, goodbye to Gatsby. 06:11 New stack, the goals for moving. 06:56 So what is the new stack? 08:32 Challenges with NextJS. 08:58 Problems with plugins. 09:30 Problems with dynamic imports. 10:21 Problems with Cloudflare deployment. 12:37 Landing on Waku. 13:59 Hot Tips functionality updates. 16:30 Blog Posts + JavaScript Notes. 17:09 Moving from Gatsby. 19:03 Page speeds. 19:29 Removing nav resizing process. 21:03 Writing custom MDX plugins. 23:28 Hosting. 24:08 Why is the build so fast? 28:01 Pricing. 32:25 Caching. 34:49 Migration errors. 36:37 CSS. All links available at https://syntax.fm/907 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/YKRfTA-Vx9M 2681 2025-06-02T11:00:53.000Z https://syntax.yabby.page/video/vscode-tutorials-8-code-faster-with-user-snippets 2026-10-15T03:45:17.983Z https://i.ytimg.com/vi/N_QshKsUXO8/maxresdefault.jpg VSCode Tutorials #8 - Code Faster With User Snippets Learn about Visual Studio Code and why it's an exciting new text editor. Subscribe for more free tutorials https://goo.gl/6ljoFc Become A Native App Developer with React & React Native https://www.leveluptutorials.com/store/products/tutorials/lut-dd014 keybindings.json https://gist.github.com/stolinski/f49adedf7053b76634f437e824188a70 Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e Visual Studio Code is a lightweight but powerful source code editor which runs on your desktop and is available for Windows, macOS and Linux. It comes with built-in support for JavaScript, TypeScript and Node.js and has a rich ecosystem of extensions for other languages (such as C++, C#, Python, PHP, Go) and runtimes (such as .NET and Unity). https://www.youtube.com/embed/N_QshKsUXO8 811 2017-07-05T21:23:25.000Z https://syntax.yabby.page/video/chartjs-tutorials-8-polar-area-charts-in-chartjs 2026-10-15T03:45:17.988Z https://i.ytimg.com/vi/MGPtOtSKG8Q/maxresdefault.jpg ChartJS Tutorials #8 - Polar Area Charts In ChartJS In this video, we create a polar area chart with chart.js. Subscribe for more free tutorials https://goo.gl/6ljoFc, Buy this series and get access to ChartJS themes! https://goo.gl/BamhKi Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e Simple yet flexible JavaScript charting for designers & developers. Mix and match bar and line charts to provide a clear visual distinction between datasets. Plot complex, sparse datasets on date time, logarithmic or even entirely custom scales with ease. Out of the box stunning transitions when changing data, updating colours and adding datasets. Chart.js is a community maintained project, contributions welcome! Visualize your data in 8 different ways; each of them animated and customisable. Redraws charts on window resize for perfect scale granularity. https://www.youtube.com/embed/MGPtOtSKG8Q 354 2016-08-17T17:42:39.000Z https://syntax.yabby.page/video/docker-quick-start-for-developers-hands-on-examples 2026-10-15T03:45:17.993Z https://i.ytimg.com/vi/71XHP1Wojcg/maxresdefault.jpg Docker Quick Start for Developers | Hands on Examples In this video, CJ shows how to quickly get started with Docker. Follow along with the first example here: https://github.com/w3cj/pokemon-cacher Follow along with the second example here: https://github.com/w3cj/backpack-debuggers 00:00 How do we run a redis database locally? 00:43 Simple Example API Setup 01:34 Run an image with the docker CLI 05:26 docker CLI commands 07:54 A simple docker compose example 10:49 More complex example API setup Watch the full Crash Course here: https://www.youtube.com/watch?v=RHjXPN_h1YA Overview of Docker Desktop: https://docs.docker.com/desktop/ Docker Desktop license agreement: https://docs.docker.com/subscription/desktop-license/ docker CLI reference: https://docs.docker.com/reference/cli/docker/ docker container CLI reference: https://docs.docker.com/reference/cli/docker/container/ docker exec reference: https://docs.docker.com/reference/cli/docker/container/exec/ docker compose CLI reference: https://docs.docker.com/compose/reference/ docker-compose.yml file reference: https://docs.docker.com/compose/compose-file/ Docker hub images used in this video: Redis: https://hub.docker.com/_/redis Postgres: https://hub.docker.com/_/postgres/ Docker desktop alternatives: Podman Desktop: https://podman-desktop.io/ Rancher Desktop: https://rancherdesktop.io/ Orbstack: https://orbstack.dev/ Colima: https://github.com/abiosoft/colima Redis links: Install redis: https://redis.io/docs/install/install-redis/ Redis cloud: https://redis.com/cloud/pricing/ ------------------------------------------------------------------------------ Hit us up on Socials! https://www.syntax.fm/links Brought to you by Sentry - Use code "tastytreats" to get 2 months free - https://sentry.io/syntax #docker #webdevelopment #guide https://www.youtube.com/embed/71XHP1Wojcg 721 2024-08-29T12:58:07.000Z https://syntax.yabby.page/video/blazingly-fast-console-log-in-vscode 2026-10-15T03:45:18.000Z https://i.ytimg.com/vi/QbHHhLVcXNM/maxresdefault.jpg 🔥 Blazingly Fast Console.log in VSCode 🔥 Learn how to set up lightning fast console logs in VS Code. This extension will save you a TON of time. ### Video Links https://marketplace.visualstudio.com/items?itemName=midnightsyntax.vscode-wrap-console-log Buy Level 2 React: https://www.leveluptutorials.com/store/products/tutorials/lut-dd023 Become a Pro: https://www.leveluptutorials.com/pro ### Affiliate Links Please use these links when signing up for services to help support Level Up. Easy Hosting with Netlify: https://goo.gl/pychVP Shared Web Hosting: https://goo.gl/pfC6uc ### Level Up Links Syntax Podcast ft Scott Tolinski & Wes Bos: https://goo.gl/7jDDxX Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz In this series, we dive into intermediate React concepts where you'll learn things like, how to use the React Context API, how to make a portal in React, how to use and understand render props as well as animated transitions and interactive animations in React. React makes it painless to create interactive UIs. Design simple views for each state in your application, and React will efficiently update and render just the right components when your data changes. https://www.youtube.com/embed/QbHHhLVcXNM 260 2018-08-20T21:01:23.000Z https://syntax.yabby.page/video/tokenization-explained-llm-explainer-programming-ml 2026-10-15T12:15:15.328Z https://i.ytimg.com/vi/S-97XSonO8M/maxresdefault.jpg Tokenization explained. #LLM #Explainer #Programming #ML Tokenization is the first step before a model can process a prompt. Here's how it works. ------------------------------------------------------------------------------ http://www.syntax.fm Brought to you by https://sentry.io/syntax #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/S-97XSonO8M 132 2026-07-14T14:55:05.000Z https://syntax.yabby.page/video/4-writing-integration-tests-react-testing-for-beginners 2026-10-15T03:45:18.016Z https://i.ytimg.com/vi/52-QICDljww/maxresdefault.jpg #4 Writing Integration Tests - React Testing For Beginners In this series we demystify React testing for beginners. We show you how to test React components using Jest & React Testing Library. No prior testing experience necessary. ### Video Links Buy React Testing For Beginners: https://www.leveluptutorials.com/store/products/tutorials/lut-dd026 Become a Pro: https://www.leveluptutorials.com/pro ### Affiliate Links Please use these links when signing up for services to help support Level Up. Easy Hosting with Netlify: https://goo.gl/pychVP Shared Web Hosting: https://goo.gl/pfC6uc ### Level Up Links Syntax Podcast ft Scott Tolinski & Wes Bos: https://goo.gl/7jDDxX Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz Developer Ready Complete and ready to set-up JavaScript testing solution. Works out of the box for any React project. Instant Feedback Fast interactive watch mode runs only test files related to changed files and is optimized to give signal quickly. Snapshot Testing Capture snapshots of React trees or other serializable values to simplify testing and to analyze how state changes over time. Zero configuration testing platform Jest is used by Facebook to test all JavaScript code including React applications. One of Jest's philosophies is to provide an integrated "zero-configuration" experience. We observed that when engineers are provided with ready-to-use tools, they end up writing more tests, which in turn results in more stable and healthy code bases. https://www.youtube.com/embed/52-QICDljww 482 2018-09-12T17:29:38.000Z https://syntax.yabby.page/video/16-pro-web-devs-compete-with-css-round-4-semi-finals 2026-10-15T03:45:18.067Z https://i.ytimg.com/vi/RNp1yMt9pBA/maxresdefault.jpg 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 @joshuawcomeau https://bsky.app/profile/joshwcomeau.com https://www.joshwcomeau.com/ Wes Bos @WesBos https://x.com/wesbos https://wesbos.com/courses Scott Tolinski @ScottTolinski https://x.com/stolinski Kyle (Web Dev Simplified) @WebDevSimplified https://x.com/DevSimplified https://courses.webdevsimplified.com/ CJ @CodingGarden https://x.com/CodingGarden https://coding.garden/ 🔥 Be the ~18,300th person to join our super tasty newsletter https://bit.ly/syntax_snackpack ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/RNp1yMt9pBA 1230 2026-03-27T14:00:06.000Z https://syntax.yabby.page/video/2-jest-explained-react-testing-for-beginners 2026-10-15T03:45:18.087Z https://i.ytimg.com/vi/b3VJVwQzw_Q/maxresdefault.jpg #2 Jest Explained - React Testing For Beginners In this series we demystify React testing for beginners. We show you how to test React components using Jest & React Testing Library. No prior testing experience necessary. ### Video Links Buy React Testing For Beginners: https://www.leveluptutorials.com/store/products/tutorials/lut-dd026 Become a Pro: https://www.leveluptutorials.com/pro ### Affiliate Links Please use these links when signing up for services to help support Level Up. Easy Hosting with Netlify: https://goo.gl/pychVP Shared Web Hosting: https://goo.gl/pfC6uc ### Level Up Links Syntax Podcast ft Scott Tolinski & Wes Bos: https://goo.gl/7jDDxX Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz Developer Ready Complete and ready to set-up JavaScript testing solution. Works out of the box for any React project. Instant Feedback Fast interactive watch mode runs only test files related to changed files and is optimized to give signal quickly. Snapshot Testing Capture snapshots of React trees or other serializable values to simplify testing and to analyze how state changes over time. Zero configuration testing platform Jest is used by Facebook to test all JavaScript code including React applications. One of Jest's philosophies is to provide an integrated "zero-configuration" experience. We observed that when engineers are provided with ready-to-use tools, they end up writing more tests, which in turn results in more stable and healthy code bases. https://www.youtube.com/embed/b3VJVwQzw_Q 517 2018-09-12T17:24:20.000Z https://syntax.yabby.page/video/5-mock-functions-why-react-testing-for-beginners 2026-10-15T03:45:18.108Z https://i.ytimg.com/vi/2d-SX8YRyis/maxresdefault.jpg #5 Mock Functions & Why - React Testing For Beginners In this series we demystify React testing for beginners. We show you how to test React components using Jest & React Testing Library. No prior testing experience necessary. ### Video Links Buy React Testing For Beginners: https://www.leveluptutorials.com/store/products/tutorials/lut-dd026 Become a Pro: https://www.leveluptutorials.com/pro ### Affiliate Links Please use these links when signing up for services to help support Level Up. Easy Hosting with Netlify: https://goo.gl/pychVP Shared Web Hosting: https://goo.gl/pfC6uc ### Level Up Links Syntax Podcast ft Scott Tolinski & Wes Bos: https://goo.gl/7jDDxX Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz Developer Ready Complete and ready to set-up JavaScript testing solution. Works out of the box for any React project. Instant Feedback Fast interactive watch mode runs only test files related to changed files and is optimized to give signal quickly. Snapshot Testing Capture snapshots of React trees or other serializable values to simplify testing and to analyze how state changes over time. Zero configuration testing platform Jest is used by Facebook to test all JavaScript code including React applications. One of Jest's philosophies is to provide an integrated "zero-configuration" experience. We observed that when engineers are provided with ready-to-use tools, they end up writing more tests, which in turn results in more stable and healthy code bases. https://www.youtube.com/embed/2d-SX8YRyis 556 2018-09-12T17:32:21.000Z https://syntax.yabby.page/video/ai-background-agents-cli-tooling-and-max-mode 2026-10-15T03:45:18.113Z https://i.ytimg.com/vi/r9b8Q4G6_tc/maxresdefault.jpg AI Background Agents, CLI Tooling and “Max Mode” AI coding agents are getting wild. Scott and Wes break down the latest tools that run in the background, write code across multiple steps, and charge you $200 a month to do it. From CLI-based primitives to full-on copilots, this episode covers the next wave of dev tools and what it takes to use them effectively 🔥 Be the ~14,700th person to join our super tasty newsletter https://bit.ly/syntax_snackpack Show Notes 00:00 Welcome to Syntax! 03:13 Background Agents. 04:26 Appropriate tasks for background agents. 12:46 CLI tooling. 14:17 Claude Code Pricing. 18:20 Approaches to get the most from these tools. 19:56 PRD Documents. 20:50 Claude Taskmaster. 25:29 Sick Picks & Shameless Plugs. All links available at https://syntax.fm/915 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/r9b8Q4G6_tc 2018 2025-06-30T11:01:35.000Z https://syntax.yabby.page/video/ai-sucks-at-css 2026-10-15T03:45:18.127Z https://i.ytimg.com/vi/5dEp1ZpYDUg/maxresdefault.jpg 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 setups, navigating AI-era job interviews, Figma dev mode, modern API choices, and more. 🔥 Be the ~18,300th person to join our super tasty newsletter https://bit.ly/syntax_snackpack (00:00) Welcome to Syntax! (00:55) Why AI struggles with CSS and design workflows (10:50) How much AI should you use when learning to code? (18:41) Debugging performance: tools and team workflows (23:52) Brought to you by Sentry.io (26:26) Beginner soldering setup and essential tools (29:54) Preparing for interviews without AI (while jobs require it) (35:16) Thoughts on Figma dev mode and design workflows (39:20) Ice vs Thaw menu bar apps (40:27) Why AI isn’t pushing us toward better APIs (44:54) Vibe rules, skills, and shipping docs for agents (54:44) Sick Picks + Shameless Plugs All links available at https://syntax.fm/994 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/5dEp1ZpYDUg 3617 2026-04-08T11:00:14.000Z https://syntax.yabby.page/video/blind-ranking-tlds-because-why-not 2026-10-15T03:45:18.132Z https://i.ytimg.com/vi/5tBeAMcCPRs/maxresdefault.jpg Blind Ranking TLDs Because Why Not We’re blind ranking the best and worst top level domains from .dev to .computer. Scott, Wes, and CJ have no idea what’s coming next. Each TLD has to be placed immediately on a 1–15 list with no take backs. The only lifeline is one move, one chance to fix a mistake. Total chaos.🔥 Be the ~14,700th person to join our super tasty newsletter https://bit.ly/syntax_snackpack ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/5tBeAMcCPRs 677 2025-10-17T12:32:00.000Z https://syntax.yabby.page/video/do-i-still-need-to-know-js-css-html-with-ai-how-to-sell-an-app-is-react-context-bad-more 2026-10-15T03:45:18.159Z https://i.ytimg.com/vi/tEt3OEFd1OY/maxresdefault.jpg Do I Still Need To Know JS/CSS/HTML with AI? × How To Sell An App × Is React Context Bad? × More In this potluck episode of Syntax, Wes and Scott answer your questions about AI’s role in web dev, modernizing legacy codebases, selling side projects, React context best practices, the Discord vs forum debate, and more!🔥 Be the ~14,700th person to join our super tasty newsletter bit.ly/syntax_snackpack (00:00) - Welcome to Syntax! (04:30) - Do you still need to learn JS/CSS/HTML in the age of AI? (08:33) - Where do you start with moving a large codebase from vanilla JS to a more modern stack? (15:09) - Thoughts on Effect.ts (19:53) - What's the best way to hand off or sell an app? (23:55) - Brought to you by Sentry.io (24:20) - React context vs component composition? (29:00) - What's your take on the ongoing trend of open source projects using Discord for support? (36:20) - Are companies over-relying on AI? (43:44) - How do you reliably scroll to elements when they become visible on the page? (48:27) - Sick Picks + Shameless Plugs All links available at https://syntax.fm/896 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/tEt3OEFd1OY 3237 2025-04-23T11:01:33.000Z https://syntax.yabby.page/video/drupal-7-tutorials-45-how-to-move-your-drupal-site-off-your-localhost 2026-10-15T03:45:18.167Z https://i.ytimg.com/vi/fWy8clD4vL8/maxresdefault.jpg Drupal 7 Tutorials #45 - How To Move Your Drupal Site Off Your Localhost This is the 45th tutorial in the Drupal 7 tutorial series. This tutorial shows you how to migrate your site. Subscribe for more free tutorials https://goo.gl/6ljoFc, more Drupal Tutorials here: https://goo.gl/YDHhLW Note* In the video I mention using tar -czvf mytarfile.tgz --exclude="._*", you will see that in the end of the video that the exclude part did not work. To tar without just us the command tar -czvf mytarfile.tgz mydirectory Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e This Drupal 7 tutorial series shows users how to build websites with the very popular open source content management system Drupal 7. https://www.youtube.com/embed/fWy8clD4vL8 866 2012-07-19T03:25:42.000Z https://syntax.yabby.page/video/drupal-7-tutorials-64-removing-a-page-title-with-context 2026-10-15T03:45:18.172Z https://i.ytimg.com/vi/SenPLKMGM7o/maxresdefault.jpg Drupal 7 Tutorials #64 - Removing A Page Title With Context This tutorial shows how to remove a page title using Context and an add on module to Context. Subscribe for more free tutorials https://goo.gl/6ljoFc, more Drupal Tutorials here: https://goo.gl/YDHhLW Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e This Drupal 7 tutorial series shows users how to build websites with the very popular open source content management system Drupal 7. https://www.youtube.com/embed/SenPLKMGM7o 239 2013-06-28T00:56:32.000Z https://syntax.yabby.page/video/drupal-8-basics-9-roles-user-permissions 2026-10-15T03:45:18.197Z https://i.ytimg.com/vi/C4prvaTK-hE/maxresdefault.jpg Drupal 8 Basics #9 - Roles & User Permissions Learn how to manage user roles & permissions in Drupal 8 in a course design for Drupal 8 beginners. Subscribe for more free tutorials https://goo.gl/6ljoFc, buy NEXT LEVEL CSS Animations & Transitions https://goo.gl/cGB30u Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e This Drupal 8 tutorial series shows users how to build websites with the very popular open source content management system Drupal 8. The world’s favorite open source content management platform just got better. Drupal 8 is the new standard for creating incredible digital experiences—for small businesses, global enterprises, and everything in between. Meet Drupal 8, a powerful new suite of tools, and the strongest link in your new content supply chain. Interact with countless applications, thanks to REST-first native web services. Use progressive decoupling to break free from back-end restrictions without sacrificing security and accessibility. Deliver faster, with enhanced entity caching and better integration with CDNs and reverse proxies. With Drupal 8, you can build almost any integrated experience you can imagine. https://www.youtube.com/embed/C4prvaTK-hE 538 2016-03-31T18:15:06.000Z https://syntax.yabby.page/video/fullstack-cloudflare 2026-10-15T03:45:18.217Z https://i.ytimg.com/vi/RKxjMIDCwS8/maxresdefault.jpg Fullstack Cloudflare Wes and CJ break down everything Cloudflare—from Workers and R2 Storage to Hyperdrive and AI Gateway. Get the scoop on what makes Cloudflare tick, the quirks of their ecosystem, and whether vendor lock-in is a real concern. 🔥 Be the ~14,700th person to join our super tasty newsletter bit.ly/syntax_snackpack Show Notes 00:00 Welcome to Syntax! 01:40 Brought to you by Sentry.io. 01:58 What we’re talking about today. 02:48 Cloudflare Workers. 03:06 How Cloudflare Workers… work. 04:39 How Cloudflare Workers run. 06:05 Workers size limitations in JavaScript. 07:37 Cloudflare has their own way. 08:13 Potential vendor lock-in. 08:51 You pay based on CPU time, not wall time. 10:26 Cloudflare Pages. 12:07 Durable Objects. 16:41 Cloudflare Workflows. 19:52 How we do something similar on Syntax.fm. 20:52 Cloudflare Queues. 25:26 Files. 26:15 R2 Storage. 28:00 The Open Bandwidth Alliance. 28:39 Image Pipelines. 33:24 Cloudflare Stream. 34:24 Data. 36:37 Key Value. 40:16 Time To Live. 41:13 Hyperdrive. 44:01 Vectorize Data. 45:41 AI Gateway. 47:49 Automated Rate-Limiting. 48:50 Frameworks. 52:13 Analytics Engine. 52:52 WebRTC Engine. 53:01 Puppeteer API. 54:09 Sick Picks + Shameless Plugs. All links available at https://syntax.fm/879 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/RKxjMIDCwS8 3510 2025-02-24T12:00:36.000Z https://syntax.yabby.page/video/cloudflare-blocks-ai-crawlers-debugging-local-data-and-more 2026-10-15T03:45:18.229Z https://i.ytimg.com/vi/nxWwtvv6EIk/maxresdefault.jpg Cloudflare Blocks AI Crawlers × Debugging Local Data and more Scott and Wes tackle listener questions on everything from local-first databases and AI-built CRMs to protecting APIs and raising kids with healthy digital habits. They also weigh in on Cloudflare’s AI crawler ban, portfolio critiques, and more hot takes from the dev world. 🔥 Be the ~14,700th person to join our super tasty newsletter https://bit.ly/syntax_snackpack Show Notes 00:00 Welcome to Syntax! 00:49 Dreaming about web components. 02:55 Local-First Apps for Customer Support. 08:17 AI-Built CRM: Portfolio or Problem? 18:55 InstantDB vs. Other Local-First Databases. 21:46 Raising Kids with Healthy Digital Habits. 32:55 Cloudflare Blocks AI Crawlers. Good for Creators? 41:46 Protecting APIs and Obfuscating Source Code. 44:49 Will Portfolio Critiques Return? 46:45 Sick Picks + Shameless Plugs. All links available at https://syntax.fm/929 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/nxWwtvv6EIk 3239 2025-08-18T11:01:23.000Z https://syntax.yabby.page/video/how-to-give-your-ai-agent-long-term-memory 2026-10-15T03:45:18.241Z https://i.ytimg.com/vi/cWBVMEHPgQU/maxresdefault.jpg How to Give Your AI Agent Long-Term Memory Beads: https://github.com/steveyegge/beads?tab=readme-ov-file A memory upgrade for your coding agent https://github.com/mantoni/beads-ui https://github.com/Dicklesworthstone/beads_viewer Beads is a lightweight memory system for coding agents, using a graph-based issue tracker. Four kinds of dependencies work to chain your issues together like beads, making them easy for agents to follow for long distances, and reliably perform complex task streams in the right order. Drop Beads into any project where you're using a coding agent, and you'll enjoy an instant upgrade in organization, focus, and your agent's ability to handle long-horizon tasks over multiple compaction sessions. Your agents will use issue tracking with proper epics, rather than creating a swamp of rotten half-implemented markdown plans. ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/cWBVMEHPgQU 955 2025-12-13T12:01:21.000Z https://syntax.yabby.page/video/i-made-a-sega-game-in-2025 2026-10-15T03:45:18.259Z https://i.ytimg.com/vi/YF9TeUDyXKE/maxresdefault.jpg I Made A Sega Game in 2025 CJ takes us behind the scenes of Hackweek to share how he built a custom Sega Genesis game from scratch, complete with assembly code, level loading, and retro hardware tricks. From SGDK to parallax faking, this episode is a deep dive into old-school game dev with a modern twist. 🔥 Be the ~14,700th person to join our super tasty newsletter https://bit.ly/syntax_snackpack Show Notes 00:00 Welcome to Syntax! 00:44 Why a Sega game? 06:55 What is it running on? 07:49 Working with assembly code. 10:11 Sega Genesis Development Kit. 10:54 Awesome Megadrive. 12:02 Booting on an emulator. 13:07 Gens and KMod. 15:54 Compiling stage. 17:44 Genesis Code VS Code Extension. 18:22 Images and Assets. 19:46 Loading images with bitmap. 23:50 Megacat Studios. 25:21 Z index? 27:34 Specific code examples. 27:51 Platformer Engine. 30:01 Platformer Sample Game. 30:44 LDTK (Level Designer Toolkit). 33:13 Tiled Collision mapping. 37:42 What about debugging? 39:37 Loading in levels. 43:56 Challenges with graphics. 49:56 Adding music. All links available at https://syntax.fm/935 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/YF9TeUDyXKE 3150 2025-09-08T11:01:03.000Z https://syntax.yabby.page/video/intro-to-hardware-hacking-with-matt-brown 2026-10-15T03:45:18.265Z https://i.ytimg.com/vi/SpPd0Q6dmYI/maxresdefault.jpg Intro to Hardware Hacking with Matt Brown Scott and Wes chat with YouTuber and security consultant Matt Brown about breaking into IoT devices, extracting firmware, and decoding the hidden tech inside everyday gadgets. Matt shares his methods, the legal boundaries, and the wild stories behind his most interesting hacks.🔥 Be the ~17,800th person to join our super tasty newsletter https://bit.ly/syntax_snackpack @mattbrwn Show Notes 00:00 Welcome to Syntax! 01:21 Curiosity in Hacking 03:28 Understanding IoT Devices 07:15 Brought to you by Sentry.io. 07:40 Linux vs Microcontrollers 10:11 UART Console Access 13:56 Firmware Extraction Techniques 14:19 Guessing Usernames and Passwords 19:22 Extracting Password Hashes 23:15 Legal Considerations in Hacking 30:06 Where does the inspiration come from? 31:20 Using Logic Analyzers 37:45 CAN Protocol in Automotive 45:42 Influence of Lewis Rossman 54:05 Sick Picks & Shameless Plugs All links available at https://syntax.fm/963 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/SpPd0Q6dmYI 3483 2025-12-15T12:01:03.000Z https://syntax.yabby.page/video/the-workflow-of-the-future-with-zed 2026-10-18T16:15:13.389Z https://i.ytimg.com/vi/GsLyhrxaMIo/maxresdefault.jpg 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.🔥 Be the ~19,500th person to join our super tasty newsletter https://bit.ly/syntax_snackpack 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! 07:07 Building a UI from scratch in Rust 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 29:06 The Evolution of Collaborative Coding 44:45 The Future of User Interfaces 52:42 Sick Picks + Shameless Plugs All links available at https://syntax.fm/1029 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by https://sentry.io/syntax #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/GsLyhrxaMIo 3578 2026-08-12T11:00:13.000Z https://syntax.yabby.page/video/js-news-new-react-svelte-apis-rsc-updates-redwood-and-storybook 2026-10-15T03:45:18.281Z https://i.ytimg.com/vi/hosIXZOq3xM/maxresdefault.jpg JS News: New React & Svelte APIs, RSC Updates, Redwood and Storybook Scott and Wes break down the latest in JavaScript news, including new async patterns in Svelte, React Server Component tooling with Parcel, and Redwood’s push into Cloudflare with its new SDK. They also cover what’s new in Storybook 9 Beta, from visual testing to a sleeker, lighter build. 🔥 Be the ~14,700th person to join our super tasty newsletter https://bit.ly/syntax_snackpack Show Notes 00:00 Welcome to Syntax! 02:50 Brought to you by Sentry.io. 03:37 Syntax Meetup! 04:09 React View Transitions. 08:58 addTransitionType. 11:18 Activity API. 14:22 Maintaining state in search queries. 16:29 Asynchronous Svelte. 19:04 Svelte Boundary. 25:13 Parcel RSC. 27:15 Redwood SDK. 30:55 Storybook 9 Beta. All links available at https://syntax.fm/901 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/hosIXZOq3xM 2324 2025-05-12T11:01:09.000Z https://syntax.yabby.page/video/loading-uis-rust-webpack-new-cookie-types-conference-talks-more 2026-10-15T03:45:18.903Z https://i.ytimg.com/vi/NjhIi-9uNmc/maxresdefault.jpg Loading UIs, Rust Webpack, New Cookie Types, Conference Talks + More Scott and Wes dive into your questions on Hono and SvelteKit, partitioned cookies, redirect codes, and using Rspack instead of Vite. Plus, they share insights on quoting projects, interview best practices, and whether you should slow down those speedy loading spinners. 👉 Join the exclusive newsletter - https://syntax.fm/snackpack Show Notes 00:00 Welcome to Syntax! 00:50 Brought to you by Sentry.io. 02:23 Apple developer accounts and certificates. 06:58 Hono, SvelteKit, and using them together. 11:14 Rspack & Rsbuild over Vite? 21:01 Quoting projects without seeing under the hood. 25:26 HTTP cookies, partitioned cookies, and chips. 30:29 Redirect codes; 301, 302, 303, 307 36:22 Gaining inspiration for talks and posts. 40:02 My loading state is too fast! Should I use setTimeout? 42:29 Interviews and landing the job. 49:50 Sick Picks & Shameless Plugs. All links available at https://syntax.fm/856 ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript https://www.youtube.com/embed/NjhIi-9uNmc 3361 2024-12-04T12:00:34.000Z https://syntax.yabby.page/video/local-first-and-typescript-s-missing-library-with-johannes-schickling 2026-10-15T03:45:18.910Z https://i.ytimg.com/vi/TrVYBfIsOa0/maxresdefault.jpg Local First and TypeScript's Missing Library with Johannes Schickling In this episode, Scott and Wes dive into the world of local-first apps with Johannes Schickling, the mastermind behind Prisma. From databases, WASM for non-JS, to authentication challenges, they explore the ins and outs of crafting apps that prioritize local functionality. Show Notes 00:00 Welcome to Syntax! 01:10 Brought to you by Sentry.io. 01:28 What is Overtone? 03:45 Can you explain the experience you're trying to achieve? 06:43 What makes the best music app? Is it local first? 08:03 Is it best to create a local first app from the ground up? 10:31 What are the considerations when making a local first app? 13:04 What database are you using? 16:12 How do you handle authentication? 19:15 Pick the tech based on the problem. 20:40 WASM for Non-JS or heavy lifting tasks. 24:39 How did you get SQLite running in the browser? 27:58 What about WA-SQLite, how does it compare to Riffle? 29:24 The backstory of Effect for TypeScript. 34:04 What actually is Effect? 39:32 Consolidating tools. 42:30 What's a cool aspect of Effect that is often overlooked? 45:47 Building a web server with this. 48:16 Will this ever get "Bluebirded"? 50:29 What about promises? 52:19 Sick Picks + Shameless Plugs. All links available at https://syntax.fm/767 ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript https://www.youtube.com/embed/TrVYBfIsOa0 3383 2024-05-10T11:00:33.000Z https://syntax.yabby.page/video/local-first-from-scratch-how-to-make-a-web-app-with-local-data 2026-10-15T03:45:18.916Z https://i.ytimg.com/vi/Qoqh9Mdmk80/maxresdefault.jpg Local First from Scratch - How to make a web app with local data In this tutorial, Scott shows you the ins and outs of working with IndexedDB via Dexie and Svelte Kit. We're talking foundational skills, so you can follow along with your framework of choice, NextJS & React developers can follow along too! 0:00 Intro 2:06 Npm Install 4:58 Database Initialization 10:26 Scripts and HTML 14:47 Saving Data 18:11 Loading Data 28:30 Auto Save 31:00 Offline 34:50 Exporting Data As JSON In this app, we'll learn how to make an app that uses 100% local data stored in your browser that autosaves, works offline and allows users to export the data as JSON. Based on: https://github.com/stolinski/invoicer Demo: https://invoice.tolin.ski/ ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript https://www.youtube.com/embed/Qoqh9Mdmk80 2513 2024-07-16T12:00:29.000Z https://syntax.yabby.page/video/our-prediction-a-bevy-of-prebuilt-extremely-functional-web-components-grab-em-and-slap-em-in 2026-10-15T03:45:18.923Z https://i.ytimg.com/vi/lpUTXdwWPPo/maxresdefault.jpg Our prediction 🔮: A bevy of prebuilt extremely functional web components. grab 'em and slap 'em in Today's episode #808 The Future of JavaScript Frameworks × Building Auth × DB Design Tips, and more! In this episode, Scott and Wes answer questions from listeners on topics like predicting the future of JavaScript frameworks, using local development proxies, building your own authentication system, designing relational databases, and more. ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #javascriptframeworks #jsframework #webdev #programming #syntaxfm https://www.youtube.com/embed/lpUTXdwWPPo 39 2024-08-14T22:41:37.000Z https://syntax.yabby.page/video/get-localhost-domain-with-true-ssl-certs-by-running-something-like-caddy-locally 2026-10-15T03:45:18.939Z https://i.ytimg.com/vi/y37RGg2F44w/maxresdefault.jpg Get .localhost domain with true SSL certs by running something like Caddy locally. Today's fresh episode #798 Self Hosting: Reverse Proxy Servers -- Discussion on what reverse proxy servers are, popular options, and various use cases like combining multiple apps and servers, handling SSL, security, serving static assets, and local development. All links and show notes at syntax.fm/show/798 ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #ssl #proxy #servers #localfirst #reverseproxy #selfhosting #webdev #syntaxfm https://www.youtube.com/embed/y37RGg2F44w 58 2024-07-22T15:27:54.000Z https://syntax.yabby.page/video/news-remix-drops-react-safari-26-css-mega-fast-vite-and-typescript 2026-10-15T03:45:18.945Z https://i.ytimg.com/vi/5KfthPkqRh0/maxresdefault.jpg NEWS: Remix drops React, Safari 26 CSS + mega fast Vite and TypeSCript Wes and CJ break down the latest web dev news, including big changes in Safari 26, TypeScript Native Previews, and Remix dropping React. They also chat about new proposals from TC39, Vite 7 beta, and a surprise project from the Astro team 🔥 Be the ~14,700th person to join our super tasty newsletter https://bit.ly/syntax_snackpack Show Notes 00:00 Welcome to Syntax! 00:41 Safari WWDC. 01:05 SVG Favicons. 02:01 Every site can be a web app on iOS and iPadOS. 03:08 WebGPU in Safari. 08:02 Lots of CSS goodies. 10:19 Remix 3 dropping React. 17:40 Typescript Native Preview. 20:53 Cursor 1.0. 29:12 TC39 Advances Several Proposals to Stage 4. 29:51 Array.fromAsync. 31:15 Error.isError. 32:14 Explicit Resource Management: using. 36:53 Astro Creators working on an email client. 39:23 Announcing Rolldown-Vite. 44:43 Vite 7 in Beta. 46:04 Angular v20 Released. 47:30 Take the State of CSS Survey! 48:40 Brought to you by Sentry.io. All links available at https://syntax.fm/913 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/5KfthPkqRh0 3012 2025-06-23T11:00:15.000Z https://syntax.yabby.page/video/next-gen-fullstack-react-with-tanstack 2026-10-15T03:45:18.952Z https://i.ytimg.com/vi/4PymccvinIo/maxresdefault.jpg Next Gen Fullstack React with TanStack Scott and Wes talk with Tanner Linsley, creator of TanStack, about the React ecosystem, and the evolution and futue of TanStack's suite of tools, including TanStack Router and TanStack Start. Show Notes (00:00) - Welcome to Syntax! (02:59) - What is TanStack Start? (06:17) - What is the Vite Environment API? (07:20) - Was it always the plan to use Vite? (08:02) - TanStack Router and client-side vs server-side (16:18) - How TanStack Start will work (27:26) - Moving from Create React App to TanStack (30:42) - Brought to you by Sentry.io (31:15) - Will TanStack Router ever support other frameworks? (33:54) - How will TanStack Start handle forms? (36:13) - TanStack Virtual (39:41) - What is the future of TanStack? (42:49) - How Tanner writes documentation (47:55) - Server functions and middleware (54:41) - When will TanStack Start be in beta? (57:00) - Sick Picks + Shameless Plugs All links available at https://syntax.fm/833 ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript https://www.youtube.com/embed/4PymccvinIo 3753 2024-10-11T11:00:03.000Z https://syntax.yabby.page/video/js-promises-fundamentals-part-1 2026-10-15T03:45:18.959Z https://i.ytimg.com/vi/bmOzRI5Job0/maxresdefault.jpg JS Promises Fundamentals - Part 1 In this 3-course series, Scott and Wes serve up some JavaScript Promises treats. In part 1, they unravel the concept of promises and delve into common examples of their usage, from creating and waiting on promises, to database queries and user permissions. Show Notes 00:00 Welcome to Syntax! 01:27 Brought to you by Sentry.io. 02:32 What is a promise? 03:27 Common examples of promises. 03:45 A fetch call to an API returns a promise. 05:54 A database query or Insert command 07:18 A request for user permissions. 07:37 A wait function. 08:08 Resolve or rejecting promises. 09:33 Creating promises. 09:46 New promise. 11:09 Promise.withResolvers(). 11:37 An async function. 14:34 Waiting on a promise. 15:09 .then(). 16:50 Await. 17:44 Why use one wait method over the other? All links available at https://syntax.fm/765 ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript https://www.youtube.com/embed/bmOzRI5Job0 1321 2024-05-06T11:00:35.000Z https://syntax.yabby.page/video/perfect-sitemaps-for-seo 2026-10-15T03:45:18.963Z https://i.ytimg.com/vi/W18o_qlWBtM/maxresdefault.jpg Perfect Sitemaps for SEO Scott and Wes break down the importance of sitemaps for SEO. They dive into the different file formats, essential fields, and common pitfalls to avoid when creating and submitting your sitemap to search engines. Show Notes 00:00 Welcome to Syntax! 02:09 Brought to you by Sentry.io. 02:39 Sitemaps. 04:36 Why do you need a sitemap? 06:34 Sitemap file formats. 08:31 Choosing a file format. 09:17 Site map file size limits. 10:32 Fully-qualified URLs. 10:50 Fields and metadata. 10:58 What fields matter for SEO? 14:20 What to avoid in your sitemap? 14:23 Dynamic user pages and account pages. 14:43 Parameter-based URLs. 16:01 Redirects, duplicates or disallowed pages. 16:11 Unlisted pages. 17:07 How do you make a sitemap? 20:06 What to do once you have a sitemap. 20:08 Validation. 20:20 Submit to search engine. 22:11 Cache them! All links available at https://syntax.fm/792 ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript https://www.youtube.com/embed/W18o_qlWBtM 1424 2024-07-08T11:00:25.000Z https://syntax.yabby.page/video/planning-a-build 2026-10-15T03:45:18.968Z https://i.ytimg.com/vi/PaS6FUtgAh8/maxresdefault.jpg Planning A Build Scott and Wes talk about the planning process for a major redesign of the Syntax.fm website. They share their thoughts on organizing tasks, choosing tech, handling styling, and the debates that come with deciding what to keep and what to change. 🔥 Be the ~14,700th person to join our super tasty newsletter bit.ly/syntax_snackpack Show Notes 00:00 Welcome to Syntax! 01:36 Brought to you by Sentry.io. 02:48 Why we need version 3.0 of Syntax.fm. 04:41 Project planning and organization. 05:53 The codebase. 09:50 The CSS changes. 12:27 Tooling. 15:54 Development process. 16:38 Mobile and responsiveness. 18:37 Saving VS Code extension into the repo. 19:56 Using a dev container. 20:53 AI agent rules. 21:35 Code styles. 23:42 Canadian podcast. 24:33 Content storage. All links available at https://syntax.fm/889 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/PaS6FUtgAh8 1787 2025-03-31T11:00:35.000Z https://syntax.yabby.page/video/prestashop-tutorials-7-modifying-the-main-navigation 2026-10-15T03:45:18.974Z https://i.ytimg.com/vi/92Bi4DSdV0Q/maxresdefault.jpg PrestaShop Tutorials #7 - Modifying the Main Navigation Here we show you how to modify and add links to the main navigation in PrestaShop. Download Prestashop here http://www.prestashop.com/ Fast, efficient and easy to use, PrestaShop's free e-commerce solution provides everything you need to open, operate and maintain a successful online store. Subscribe to Level Up Pro for extra features! http://leveluptuts.com/level-up-pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e https://www.youtube.com/embed/92Bi4DSdV0Q 308 2014-08-29T20:31:19.000Z https://syntax.yabby.page/video/prestashop-tutorials-5-creating-a-product 2026-10-15T03:45:18.983Z https://i.ytimg.com/vi/fTKDV3wQZNI/maxresdefault.jpg PrestaShop Tutorials #5 - Creating A Product We're now ready to create our first product in PrestaShop. Here we create a basic product. Download Prestashop here http://www.prestashop.com/ Fast, efficient and easy to use, PrestaShop's free e-commerce solution provides everything you need to open, operate and maintain a successful online store. Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e https://www.youtube.com/embed/fTKDV3wQZNI 446 2014-08-22T22:34:45.000Z https://syntax.yabby.page/video/react-for-everyone-5-working-with-state 2026-10-15T03:45:19.001Z https://i.ytimg.com/vi/53PXPK6yY30/maxresdefault.jpg React For Everyone #5 - Working With State In this React video tutorial, I'll be showing you how to set and use state in a component. Subscribe for more free tutorials https://goo.gl/6ljoFc, more React Tutorials: https://goo.gl/tRUAB9 Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e Learn React js from scratch in the new video tutorial series React For Beginners. We'll be introducing core concepts and exploring real world application techniques as we go. New videos every week! https://www.youtube.com/embed/53PXPK6yY30 508 2015-11-20T18:50:05.000Z https://syntax.yabby.page/video/react-vs-vue-template-syntax-and-state-management 2026-10-15T03:45:19.024Z https://i.ytimg.com/vi/57KvPCGQ818/maxresdefault.jpg React vs Vue - Template Syntax and State Management In this video CJ shows how he built the same app with both Vue and React. He focuses on comparing the syntax of React and Vue and also how each manages state updates. See the full Vue vs React series here: https://www.youtube.com/playlist?list=PLLnpHn493BHGeUSbg-tjxVyMKQnIB0kVL 00:00 Intro 00:52 Example App Overviews 03:30 Sign Up Form Example 03:55 Zod Schema Validation 04:11 State in React 05:13 State in Vue 06:07 React Render Function 07:01 React setField State Update 07:40 v-model in Vue 08:44 Vue Template Syntax 10:18 Conditional Rendering in Vue 10:36 Conditional Rendering in React 10:46 Accessing Values inside Elements 11:03 onBlur helper in React 11:48 onBlur helper in Vue 12:01 Render Cycle Considerations in React 12:51 Vue SFC Considerations 13:30 React vs Vue - Render Cycle 13:48 Vue vs React - Summary 14:37 Next Time 14:52 Thanks! React Docs | https://react.dev/ Vue Docs | https://vuejs.org/ View the code here: https://github.com/w3cj/vue-vs-react ------------------------------------------------------------------------------ Hit us up on Socials! https://www.syntax.fm/links Brought to you by Sentry - Use code "tastytreats" to get 2 months free - https://sentry.io/syntax #javascript #react #vuejs https://www.youtube.com/embed/57KvPCGQ818 948 2024-07-04T12:00:09.000Z https://syntax.yabby.page/video/real-talk-on-web-accessibility-with-marcy-sutton-todd 2026-10-15T03:45:19.028Z https://i.ytimg.com/vi/A7cVW-8tCXY/maxresdefault.jpg Real Talk on Web Accessibility with Marcy Sutton Todd Scott and Wes talk with Marcy Sutton Todd, a senior front-end developer and accessibility advocate, about practical ways for developers to learn about and improve web accessibility. Show Notes (00:00) - Welcome to Syntax! (01:01) - Meet Marcy Sutton Todd (04:33) - Key accessibility considerations (11:55) - New features in HTML and CSS (13:36) - When to use focus-visible and focus-within (15:01) - What is inert? (17:00) - Are we overusing dialogues? (19:33) - When should you use ARIA? (22:18) - Testing and tools for accessibility (31:46) - Brought to you by Sentry.io (32:10) - The complexities of doing accessibility right across devices (34:06) - Navigating websites with disabilities (37:58) - Making drag and drop accessible (39:30) - ARIA live regions (45:43) - Underutilized ARIA attributes (47:50) - Accessibility in forms (52:29) - Jobs in accessibility (57:00) - Joining Khan Academy (59:54) - Van life adventures (01:01:24) - Sick Picks + Shameless Plugs All links available at https://syntax.fm/836 ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript https://www.youtube.com/embed/A7cVW-8tCXY 3965 2024-10-18T11:00:17.000Z https://syntax.yabby.page/video/receipt-printer-with-javascript 2026-10-15T03:45:19.034Z https://i.ytimg.com/vi/tqZjSY-8N1E/maxresdefault.jpg Receipt Printer with JavaScript Wes unveils his Hack-Week project —a thermal printer controlled by JavaScript that prints out Sentry.io errors in real-time. Scott and Wes dive into the nitty-gritty of how it works, from the ESC/POS protocol to tackling socket issues, and whether the project was worth the effort. Show Notes 00:00 Welcome to Syntax! 00:38 Brought to you by Sentry.io. 01:10 What is Hack Week? 01:41 The project. 02:40 Why a receipt printer? 03:55 How do these printers work? 05:20 Communicating with the printer. 07:24 ESC/POS Encoder. 08:42 Socket issues. 09:56 Using Transformers.js to stop 'toxic comments'. 10:48 Back to socket issues. 12:18 Integrating with Sentry. 15:01 Printing images with Playwright. 16:17 Was it worth it? All links available at https://syntax.fm/822 ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript https://www.youtube.com/embed/tqZjSY-8N1E 1214 2024-09-16T11:01:00.000Z https://syntax.yabby.page/video/scott-cj-s-fave-productivity-apps-web-apps 2026-10-15T03:45:19.050Z https://i.ytimg.com/vi/4EAQsk0Gm1U/maxresdefault.jpg Scott & CJ’s Fave Productivity Apps & Web Apps Scott and CJ go full productivity nerd, swapping notes on their favorite web apps for writing, coding, planning, and more. From terminals to to-do lists to dumb phones, it’s a deep dive into the tools powering their workflows. 🔥 Be the ~14,700th person to join our super tasty newsletter https://bit.ly/syntax_snackpack Show Notes 00:00 Welcome to Syntax! 00:35 Brought to you by Sentry.io. 01:56 Text to speech or speech to text. 02:20 Superwhisper. 08:29 Kiro. 16:16 CJ’s current editor preference. 17:59 Finding the right editor. 18:47 Terminals. 20:22 Ghostty. 24:16 Note-taking. 26:32 Obsidian. 30:24 Logseq. 31:03 Todo lists. 31:08 Tweek.so 34:42 Trello. 37:25 Notion Calendar. 38:55 Email. 43:21 FairEmail. 43:43 Dumb phones. 45:10 Olauncher 47:39 Audio Bookshelf. All links available at https://syntax.fm/925 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/4EAQsk0Gm1U 3103 2025-08-04T11:00:06.000Z https://syntax.yabby.page/video/sketch-app-tutorials-15-dynamic-buttons 2026-10-15T03:45:19.066Z https://i.ytimg.com/vi/X_TMEkptrTo/maxresdefault.jpg Sketch App Tutorials #15 - Dynamic Buttons In this Sketch App video tutorial, learn how to create dynamic buttons that expand to your text size with a declared padding with Sketch 3. Subscribe for more free tutorials https://goo.gl/6ljoFc, more Sketch App Tutorials: https://goo.gl/SvgeZU https://github.com/ddwht/sketch-dynamic-button Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e Sketch gives you the power, flexibility and speed you always wanted in a lightweight and easy-to-use package. Finally you can focus on what you do best: Design. https://www.youtube.com/embed/X_TMEkptrTo 288 2014-06-20T00:18:28.000Z https://syntax.yabby.page/video/stop-email-from-going-to-spam 2026-10-15T03:45:19.079Z https://i.ytimg.com/vi/ERiQc8hoDvo/maxresdefault.jpg Stop email from going to spam Wes and Scott explore the web standards and email authentication methods that keep your email from going to spam; DMARC, SPF and DKIM. If you send email via a custom domain name, you need to listen to this! Show Notes 00:00 Welcome to Syntax! 01:06 Brought to you by Sentry.io. 02:08 What exactly are SPF, DKIM, and DMARC? 02:53 Different ways that you may want to send email. 03:23 Transactional emails. 05:07 Email marketing. 05:47 Anything else that sends email on your behalf. 07:13 SPF (Sender Policy Framework). 08:34 You can only have one SPF record. 10:18 DKIM (DomainKeys Identified Mail). 13:39 DMARC (Domain-based Message Authentication, Reporting, and Conformance). Convertkit 16:38 RUA Reporting. 18:03 How to set up reporting. 21:08 Does emails marked as spam hurt the IP that sends them? 22:18 Other things to consider. Special thanks to David Flanagan for the help on this! All links available at https://syntax.fm/732 ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript https://www.youtube.com/embed/ERiQc8hoDvo 1582 2024-02-19T12:00:17.000Z https://syntax.yabby.page/video/super-fast-snippet-generation-for-vscode-sublime-text-atom 2026-10-15T03:45:19.083Z https://i.ytimg.com/vi/Swwhj3Nlh-c/maxresdefault.jpg Super Fast Snippet Generation for VSCode, Sublime Text & Atom Link: https://pawelgrzybek.com/snippet-generator/ Pawel's site: https://pawelgrzybek.com/ Subscribe for more free tutorials https://goo.gl/6ljoFc Become A Native App Developer with React & React Native https://www.leveluptutorials.com/store/products/tutorials/lut-dd014 Links: https://affinity.serif.com/en-us/ https://www.figma.com/ https://www.sketchapp.com https://www.blackmagicdesign.com/products/davinciresolve/ https://www.apple.com/final-cut-pro/ https://www.apple.com/final-cut-pro/motion/ https://www.foundry.com/products/nuke Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e https://www.youtube.com/embed/Swwhj3Nlh-c 287 2017-08-25T19:22:31.000Z https://syntax.yabby.page/video/syntax-bytes-with-cj-code-challenges-working-on-syntax-fm-code-q-a 2026-10-15T03:45:19.100Z https://i.ytimg.com/vi/mK0Q_3_yWoc/maxresdefault.jpg Syntax Bytes with CJ - Code Challenges | Working on syntax.fm | CODE Q&A In this live stream variety show, CJ solves some code wars code katas, worked on syntax.fm features and answered CODE questions. 00:00:00 Welcome 00:01:03 What is Code Wars? 00:01:50 7 kyu - Odd-Even String Sort 00:06:00 Splitting Strings with Emojis 00:08:51 6 kyu - The Vowel Code 00:12:28 How to approach streaming voice / Webrtc 00:14:20 Do you have a react course? 00:15:06 Deep Cloning class instances 00:16:43 What do you think of Hono? 00:19:16 6 kyu - Backspaces in string 00:25:17 5 kyu - Mean square error 00:30:16 Exploring cloning class instances 00:39:48 5 kyu - Convert a hex string to RGB 00:44:33 4 kyu - Human readable duration format 01:19:33 Looking through syntax.fm github issues 01:40:22 Setting up syntax.fm code base 01:42:33 Fixing episode play button 02:16:25 Adding edit form for AI show notes 02:48:31 Thanks! syntax.fm github | https://github.com/syntaxfm/website 7 kyu - Odd-Even String Sort | https://www.codewars.com/kata/580755730b5a77650500010c 6 kyu - The Vowel Code | https://www.codewars.com/kata/53697be005f803751e0015aa 6 kyu - Backspaces in string | https://www.codewars.com/kata/5727bb0fe81185ae62000ae3 5 kyu - Mean square error | https://www.codewars.com/kata/51edd51599a189fe7f000015 5 kyu - Convert a hex string to RGB | https://www.codewars.com/kata/5282b48bb70058e4c4000fa7 4 kyu - Human readable duration format | https://www.codewars.com/kata/52742f58faf5485cae000b9a ------------------------------------------------------------------------------ Hit us up on Socials! https://www.syntax.fm/links Brought to you by Sentry - Use code "tastytreats" to get 2 months free - https://sentry.io/syntax #javascript #webdevelopment #codewars https://www.youtube.com/embed/mK0Q_3_yWoc 10278 2024-08-08T20:43:47.000Z https://syntax.yabby.page/video/tailwind-is-css-but-adam-was-just-nice-enough-to-write-it-for-you 2026-10-15T03:45:19.107Z https://i.ytimg.com/vi/aKCC336a83E/maxresdefault.jpg Tailwind is CSS but Adam was just nice enough to write it for you Episode #829 Web Development Tips I Wish I Knew Sooner Scott and Wes share 13 web development tips they wish they knew earlier in their careers relating to skills, tools, learning approaches and career growth. ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #Career #Beginner #Tips #tailwind #css #tailwindcss https://www.youtube.com/embed/aKCC336a83E 51 2024-10-02T16:36:25.000Z https://syntax.yabby.page/video/the-biggest-upset-in-mad-css-1-wins-it 2026-10-15T03:45:19.114Z https://i.ytimg.com/vi/ok2BoCei3vI/maxresdefault.jpg 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 https://synhax.syntax.fm Battle 1 (Left Bracket) https://www.youtube.com/watch?v=nuxSFTjXrhI Battle 2 (Right Bracket) https://www.youtube.com/watch?v=QaS5GFJkuzc Battle 3 (Quarter Finals) https://www.youtube.com/watch?v=YZZbc57DyQI Battle 4 (Semi Finals) https://www.youtube.com/watch?v=RNp1yMt9pBA Battle 5 (Finals) https://www.youtube.com/watch?v=7rOUgT7HK5k Josh Comeau @joshuawcomeau https://bsky.app/profile/joshwcomeau.com https://www.joshwcomeau.com/ Cassidy Williams @cassidoo https://bsky.app/profile/cassidoo.co https://cassidoo.co/ 🔥 Be the ~18,300th person to join our super tasty newsletter https://bit.ly/syntax_snackpack ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/ok2BoCei3vI 607 2026-04-10T12:04:00.000Z https://syntax.yabby.page/video/the-future-of-javascript-frameworks-building-auth-db-design-tips-and-more 2026-10-15T03:45:19.118Z https://i.ytimg.com/vi/4u0M_AqQPbo/maxresdefault.jpg The Future of JavaScript Frameworks × Building Auth × DB Design Tips, and more! In this potluck episode of Syntax, Wes and Scott answer your questions about the future of JavaScript frameworks, building custom authentication systems, limiting API access, using Caddy server proxy for local development, component props in JSX, structuring a relational database, and more! Show Notes (00:00) - Welcome to Syntax! (01:48) - Brought to you by Sentry.io (04:37) - The future of JavaScript frameworks (09:09) - How to use Caddy for local development (14:27) - When to use an API (17:38) - Where does Scott get his amazing t-shirts? (21:33) - Best screwdriver for kids toys (24:31) - Strategies for database design (30:21) - Do we need frameworks? (32:19) - Best tech stack for building a basic login system (37:56) - Syntax video episodes (40:25) - Component props in JSX (45:26) - Sick Picks & Shameless Plugs All links available at https://syntax.fm/808 ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript https://www.youtube.com/embed/4u0M_AqQPbo 3155 2024-08-14T10:00:07.000Z https://syntax.yabby.page/video/the-happiest-teams-are-ones-where-everyone-treats-each-other-like-peers 2026-10-15T03:45:19.125Z https://i.ytimg.com/vi/QCJdU_YFbSQ/maxresdefault.jpg The happiest teams are ones where everyone treats each other like peers Career Development with Topher Martini Topher Martini discusses his career development lessons from working at Apple for over 15 years across various products like iPhone and VisionPRO. ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #Career #Apple #Development #Leadership https://www.youtube.com/embed/QCJdU_YFbSQ 58 2024-09-27T19:49:47.000Z https://syntax.yabby.page/video/vscode-tutorials-5-theming-vscode 2026-10-15T03:45:19.132Z https://i.ytimg.com/vi/4hdJwHZNDT4/maxresdefault.jpg VSCode Tutorials #5 - Theming VSCode Learn about Visual Studio Code and why it's an exciting new text editor. Subscribe for more free tutorials https://goo.gl/6ljoFc Learn Meteor & React for modern real-time apps. https://www.leveluptutorials.com/store/products/tutorials/lut-dd012 Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e Visual Studio Code is a lightweight but powerful source code editor which runs on your desktop and is available for Windows, macOS and Linux. It comes with built-in support for JavaScript, TypeScript and Node.js and has a rich ecosystem of extensions for other languages (such as C++, C#, Python, PHP, Go) and runtimes (such as .NET and Unity). https://www.youtube.com/embed/4hdJwHZNDT4 411 2017-05-30T16:43:55.000Z https://syntax.yabby.page/video/prestashop-tutorials-13-customer-referral-program 2026-10-15T03:45:19.145Z https://i.ytimg.com/vi/bysbzVw-7PI/maxresdefault.jpg PrestaShop Tutorials #13 - Customer Referral Program Here we show you how to add a customer referral program with PrestaShop. Download Prestashop here http://www.prestashop.com/ Fast, efficient and easy to use, PrestaShop's free e-commerce solution provides everything you need to open, operate and maintain a successful online store. Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e https://www.youtube.com/embed/bysbzVw-7PI 306 2014-10-30T17:19:19.000Z https://syntax.yabby.page/video/susy-tutorials-1-getting-started 2026-10-15T03:45:19.149Z https://i.ytimg.com/vi/KYpqPZCzbwA/maxresdefault.jpg Susy Tutorials #1 - Getting Started THe first video tutorial in the Susy 2 Tutorials Mini Series. In this video, we kick things off with an introduction, installation and project preparation so that we can start using Susy. Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations Config.rb require "susy" project_type = :stand_alone http_path = "/" sass_dir = "scss" css_dir = "css" images_dir = "img" fonts_dir = "fonts" javascripts_dir = "js" line_comments = false preferred_syntax = :scss output_style = :expanded relative_assets = true https://www.youtube.com/embed/KYpqPZCzbwA 516 2014-03-12T02:20:52.000Z https://syntax.yabby.page/video/web-dev-trivia-css-performance-rate-limiting-array-sort-behavior 2026-10-15T03:45:19.163Z https://i.ytimg.com/vi/nSYiEN4t-kg/maxresdefault.jpg Web Dev Trivia! CSS Performance × Rate Limiting × Array Sort Behavior Scott and Wes challenge each other’s knowledge on everything from array sorting quirks to browser isolation types in a rapid-fire trivia format. They dive deep into performance optimizations, TypeScript type safety, and HTML best practices while uncovering surprising edge cases that every web developer should know about. 👉 Join the exclusive newsletter - https://syntax.fm/snackpack Show Notes 00:00 Welcome to Syntax! 00:43 Brought to you by Sentry.io. 01:23 Question 1: Array Sort Default Behavior. 03:24 Question 2: Splitting Into Individual Words & Characters. 06:06 Question 3: NodeJS Stream Backpressure. 09:07 Question 4: Custom Middleware Rate Limiting. 13:00 Question 5: Transform Function Property Changes. 15:18 Question 6: TranslateZ & Will-Change Performance. 17:52 Question 7: Table Structure Best Practices. 20:23 Question 8: Dialog vs Div with Dialog Role. 23:21 Question 9: TypeScript Unknown vs Any & Never. 26:31 Question 10: Response Type Safety in TypeScript. 29:48 Question 11: Browser Isolation Types. 32:54 Question 12: HTML Quirks Mode Behavior. All links available at https://syntax.fm/865 ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript https://www.youtube.com/embed/nSYiEN4t-kg 2156 2025-01-06T12:01:06.000Z https://syntax.yabby.page/video/automatic-git-push-vscode-pro-tips 2026-10-15T03:45:19.170Z https://i.ytimg.com/vi/GVGc_CiJiJg/maxresdefault.jpg Automatic Git Push - VSCode Pro Tips Automatic Git Push - VSCode Pro Tips https://www.youtube.com/embed/GVGc_CiJiJg 294 2022-02-28T20:25:40.000Z https://syntax.yabby.page/video/web-vitals-explained 2026-10-15T03:45:19.177Z https://i.ytimg.com/vi/KY6Cr6t-cuA/maxresdefault.jpg Web Vitals Explained What are Web Vitals, and why should you care? Scott and Wes break down metrics like LCP, FCP, CLS, and INP, explaining what they measure, how they impact your site’s performance, and how to track them yourself. 🔥 Be the ~14,700th person to join our super tasty newsletter bit.ly/syntax_snackpack Show Notes 00:00 Welcome to Syntax! 03:26 What each web vital means. 03:38 LCP - Largest Contentful Paint. 05:04 FCP - First Contentful Paint. 06:07 CLS - Cumulative Layout Shift. 10:58 INP - Interaction to Next Paint. 13:43 Measuring the impact. 14:22 TTFB - Time to First Byte 15:27 How to track this on your own. 17:42 Checking the performance of Syntax.fm. 21:07 Brought to you by Sentry.io. 21:49 Checking the performance of Wes’ site. All links available at https://syntax.fm/883 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/KY6Cr6t-cuA 1354 2025-03-10T11:00:30.000Z https://syntax.yabby.page/video/what-is-a-transition-in-react 2026-10-15T03:45:19.191Z https://i.ytimg.com/vi/FFE2WDGw66g/maxresdefault.jpg What is a transition in React?? A transition in React is a way to mark certain state updates as non-urgent, allowing React to prioritize more important updates (like user input) and keep the UI responsive. 🔥 Be the ~17,790th person to join our super tasty newsletter https://bit.ly/syntax_snackpack All links available at https://syntax.fm/943 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev #react #reacttransition https://www.youtube.com/embed/FFE2WDGw66g 59 2025-10-06T19:29:21.000Z https://syntax.yabby.page/video/what-is-arc-a-deep-dive-into-my-favorite-web-browser 2026-10-15T03:45:19.198Z https://i.ytimg.com/vi/YJjsY2e5pAY/maxresdefault.jpg What Is Arc? - A Deep Dive Into My Favorite Web Browser 0:00 Introduction 0:47 Sponsor - Filestack 2:43 Website Love 4:06 Opening The Browser 7:36 Command Pallet 8:19 Side Tabs, Spaces and Pinned Sites 10:05 Screen Capture 11:32 Customization 13:27 Split Tabs 14:50 Safari Sadness 15:55 Settings 17:52 Closing thoughts and dev team love Filestack: https://www.filestack.com/?utm_source=LevelUpTuts&utm_medium=LeadsAcquisition&utm_content=videojune22 Become a Level Up Pro and take your web skills to the next level! https://www.leveluptutorials.com The best web development podcast out there Syntax with Wes Bos and Scott Tolinski https://syntax.fm 🎨 VSCode Theme: https://marketplace.visualstudio.com/items?itemName=leveluptutorials.theme-levelup All of the stuff I use https://www.scotttolinski.com/uses https://www.youtube.com/embed/YJjsY2e5pAY 1204 2022-06-29T17:05:24.000Z https://syntax.yabby.page/video/3-5-using-postcss-with-stylus-in-gulp-postcss-tutorials 2026-10-15T03:45:19.202Z https://i.ytimg.com/vi/XcreZ5NM9lk/maxresdefault.jpg #3.5 - Using PostCSS with Stylus in Gulp - PostCSS Tutorials Here we show you how to add PostCSS with Stylus to your Gulp workflow. https://www.patreon.com/leveluptuts The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e https://www.youtube.com/embed/XcreZ5NM9lk 217 2015-08-25T03:01:13.000Z https://syntax.yabby.page/video/what-is-css-grid 2026-10-15T03:45:19.209Z https://i.ytimg.com/vi/NLLMwJwDgBs/maxresdefault.jpg What Is CSS Grid Purchase Modern CSS Layouts: https://goo.gl/BXwqYH The Story of CSS Grid, from Its Creators: https://alistapart.com/article/the-story-of-css-grid-from-its-creators Syntax Episode #18: https://syntax.fm/show/018/all-about-css-grid Grid By Example: https://gridbyexample.com/examples/ In this video of the Modern CSS Layouts tutorials we’ll be introducing the series and what we'll be learning over the course of the next 17 videos. The first 5 videos are free and you have to sign up to Level Up Pro to have access to: Streaming or downloading all the videos of “Modern CSS Layouts” and the code A Premium video series of tutorials every month Vote for the next potential Premium video series Sign up for Level Up Pro for full access here: https://www.leveluptutorials.com/pro Buy this series: https://goo.gl/BXwqYH Subscribe for more free tutorials: https://goo.gl/6ljoFc Subscribe to the Level Up Newsletter: http://eepurl.com/AWjGz The best shared web hosting: http://www.bluehost.com/track/leveluptutorials/ https://www.youtube.com/embed/NLLMwJwDgBs 680 2017-11-29T20:54:37.000Z https://syntax.yabby.page/video/5-awesome-svelte-packages-weekly-svelte 2026-10-15T03:45:19.216Z https://i.ytimg.com/vi/1Dma8hchfdk/maxresdefault.jpg 5 Awesome Svelte Packages - Weekly Svelte Packages https://mdsvex.com/ https://date-picker-svelte.kasper.space/ https://github.com/leveluptuts/Svelte-Element-Query https://www.npmjs.com/package/svelte-drag?ref=leveluptuts https://svelte-steps.web.app/ Become a Level Up Pro and take your web skills to the next level! https://www.leveluptutorials.com/pro?utm_source=youtube&utm_medium=video&utm_campaign=weekly_svelte Svelte for Beginners https://leveluptutorials.com/tutorials/svelte-for-beginners/introduction The best web development podcast out there Syntax with Wes Bos and Scott Tolinski https://syntax.fm https://www.youtube.com/embed/1Dma8hchfdk 579 2021-10-01T20:27:05.000Z https://syntax.yabby.page/video/what-is-the-true-meaning-of-the-gift-of-open-source-open-path-1 2026-10-15T03:45:19.231Z https://i.ytimg.com/vi/g3DwMGwalrU/maxresdefault.jpg What is the true meaning of the gift of Open Source? ❧ Open Path #1 And now for something completely different ... this is the first episode of Chad's new show Open Path on Syntax! Chad Whitacre is Head of Open Source at Sentry. He has been doing Open Source for 20+ years and has the scars to prove it. After all these years he can't quite shake the intuition that Open Source is a gift that's even greater than we realize ... and that truly accepting it could heal the world. After launching the Open Source Pledge, he now has the daunting task of growing the Pledge into a meaningful movement. To do that, he'll have to bring the vision to a lot more people. What better way than a new YouTube show? :D Open Path show: https://openpath.quest/ Open Source Pledge: https://opensourcepledge.com/ Syntax: https://syntax.fm/ Want to help Chad grow the Pledge? Join the Slack: https://join.slack.com/t/opensourcepledge/shared_invite/zt-33qxp7jsz-CJeYxDBnc2Y3FuZvGCHLMw ------------------------------------------------------------------------------ Brought to you by Sentry https://sentry.io/ ------------------------------------------------------------------------------ Music from bensound.com: https://www.bensound.com/royalty-free-music/track/slow-life-intriguing-epic License code: TJYM46WCOZU1QMYN https://www.bensound.com/royalty-free-music/track/jazzy-frenchy-upbeat-funny License code: VLUJZVO6K4GK30QR https://www.bensound.com/royalty-free-music/track/cozy-coffeehouse-shiny-chill License code: VDVIKVCEN77VQB8G https://www.bensound.com/royalty-free-music/track/tomorrow License code: CNOPZQQCXFZTDRDJ https://www.youtube.com/embed/g3DwMGwalrU 1325 2025-05-01T11:01:06.000Z https://syntax.yabby.page/video/whoever-made-the-shopify-spinny-wheel-is-probably-rolling-in-it-rn 2026-10-15T03:45:19.810Z https://i.ytimg.com/vi/6PJ38K-St64/maxresdefault.jpg Whoever made the Shopify spinny wheel is probably rolling in it rn 💰 Watch the full episode here https://www.youtube.com/watch?v=WY9q2PVd2q4 This episode, released today, covers -- Coding Shopify with Anne and Trudy of Design Packs Anne and Trudy discuss their backgrounds working with Shopify and building their app Design Packs which adds sections and templates to Shopify themes. ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #shopify #templates #design #plugins #ecommerce #webdev #programming #softwaredev https://www.youtube.com/embed/6PJ38K-St64 60 2024-03-29T18:14:36.000Z https://syntax.yabby.page/video/why-did-anthropic-buy-bun 2026-10-15T03:45:19.815Z https://i.ytimg.com/vi/zvSJsHmOCXc/maxresdefault.jpg Why Did Anthropic Buy Bun? Wes and Scott answer your questions about whether Git GUIs beat the terminal, balancing accessibility with experimental web projects, blocking malicious traffic, smart home setups, why Anthropic bought Bun, navigating tricky team dynamics, and more! 🔥 Be the ~18,300th person to join our super tasty newsletter https://bit.ly/syntax_snackpack (00:00) Welcome to Syntax! (00:51) Why did Anthropic buy Bun? (07:33) Should you use Git GUIs or the terminal? (12:54) How to make better coding videos (20:31) How do you handle a difficult dev teammate? (24:16) Brought to you by Sentry.io (24:41) Creative and experimental code vs accessible code (31:51) Smart home setups we actually use (35:37) How do you block bad bots and ISPs? (38:02) What is SAP UI and why is it everywhere? (41:28) Sick Picks + Shameless Plugs All links available at https://syntax.fm/970 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/zvSJsHmOCXc 2711 2026-01-14T12:02:04.000Z https://syntax.yabby.page/video/why-is-this-accountant-confused-about-open-source-open-path-2 2026-10-15T03:45:19.819Z https://i.ytimg.com/vi/VTY-lQ3S1gw/maxresdefault.jpg Why is this accountant confused about Open Source? ❧ Open Path #2 Join Chad Whitacre on a quest to discover the true meaning of the gift of Open Source. In this episode, Chad talks with Adam Steinfurth, a Certified Public Accountant, to understand where Open Source Pledge payments should go in a company's chart of accounts. The answer is more complicated than you might think, and could eventually lead to an evolution in accounting(!). Along the way, Chad gets into some shenanigans in New York City and at the annual Python conference. Welcome to Episode 2 of Open Path! ------- 0:00 Intro 1:22 Open Path Narrative World ACT 1 2:36 Adam Steinfurth, CPA - Icebreakers 5:06 Adam - Open Source / Free Software 5:59 CTO Lunch - Level-set 7:21 Adam - Accounting 8:44 PyCon - Intros 10:01 Adam - Intellectual Property 11:03 PyCon - Burnout 11:35 Adam - Licensing / Beerware / Gift Economy 12:40 PyCon - Money / Gift Economy 14:44 CTO Lunch - Settling Up / Gift Economy 16:50 Adam - Dreams Are Modular ACT 2 17:45 Times Square - Open Source Pledge on Nasdaq 19:56 Adam - Accounting Evolution 25:41 Times Square - Beerware Interviews ACT 3 29:17 Adam - Next Generation 31:32 CCBC 33:33 Kennywood 35:14 Postscript - Prolific Oaktree Preview 36:09 Outro ------- Episode 1: https://www.youtube.com/watch?v=g3DwMGwalrU Open Path: https://openpath.quest/ Open Source Pledge: https://opensourcepledge.com/ Chad Whitacre: https://chadwhitacre.com/ Adam Steinfurth: https://www.youtube.com/c/ProlificOaktree & https://sheetshelp.com/ PyCon: https://us.pycon.org/ CTO Lunch: https://ctolunches.com/ CCBC: https://ccbc.edu/ Syntax: https://syntax.fm/ Sentry: https://sentry.io/welcome/ https://www.youtube.com/embed/VTY-lQ3S1gw 2222 2025-06-26T20:13:29.000Z https://syntax.yabby.page/video/why-is-typeof-null-object-netscape-source-code-dive 2026-10-15T03:45:19.823Z https://i.ytimg.com/vi/HAprhbkZGlM/maxresdefault.jpg Why is typeof null "object"? | Netscape Source Code Dive In this video CJ dives into the original Netscape C source code from 1998 (the original implementation of JavaScript) to look at why typeof null === "object" in JavaScript. He also explores the history of ECMAScript harmony and talks about why this will probably never be fixed. View the code CJ was running here: https://gist.github.com/w3cj/754709a0643256c6179ca70656301377 View the original source code here: https://github.com/jrmuizel/mozilla-cvs-history/blob/781c48087175615674b38b31fcc0aae17f0651b6/js/src/jsapi.h MDN typeof | https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/typeof The history of “typeof null” | https://2ality.com/2013/10/typeof-null.html jsapi.c on the web archive | https://web.archive.org/web/20200211221355/https://dxr.mozilla.org/classic/source/js/src/jsapi.c Netscape Announces Plans to Make Next-Generation Communicator Source Code Available Free on the Net | https://web.archive.org/web/19980503010048/https://techmall.com/techdocs/TS980122-6.html jsapi.h | https://github.com/jrmuizel/mozilla-cvs-history/blob/781c48087175615674b38b31fcc0aae17f0651b6/js/src/jsapi.h c data types wikipedia | https://en.wikipedia.org/wiki/C_data_types ECMAScript Version History | https://en.wikipedia.org/wiki/ECMAScript_version_history ECMAScript Harmony Announcement | https://web.archive.org/web/20100718150639/https://mail.mozilla.org/pipermail/es-discuss/2008-August/003400.html Harmony typeof null proposal | https://web.archive.org/web/20160331031419/http://wiki.ecmascript.org:80/doku.php?id=harmony:typeof_null One JavaScript: avoiding versioning in ECMAScript 6 | https://2ality.com/2014/12/one-javascript.html ------------------------------------------------------------------------------ Hit us up on Socials! https://www.syntax.fm/links Brought to you by Sentry - Use code "tastytreats" to get 2 months free - https://sentry.io/syntax #javascript #history #cprogramming https://www.youtube.com/embed/HAprhbkZGlM 949 2024-11-29T00:20:11.000Z https://syntax.yabby.page/video/why-the-jquery-creator-uses-react-and-typescript-john-resig 2026-10-15T03:45:19.827Z https://i.ytimg.com/vi/aE9mIWqC8cs/maxresdefault.jpg Why the jQuery Creator Uses React and Typescript - John Resig In episode 800 of Syntax, Scott and Wes sit down with John Resig, the creator of jQuery, to discuss the current state of React and TypeScript. They dive into the evolution of frontend frameworks, the challenges of server-side rendering, and the tech stack at Khan Academy. Show Notes 00:00 Welcome to Syntax! 00:59 Brought to you by Sentry.io. 01:32 What is jQuery? 05:31 Did you anticipate the success jQuery had? 07:16 allow-discrete, @starting-style. 07:54 Building the community around jQuery. 11:16 jQuery plugins. 13:00 Did you ever make money from jQuery? 16:13 What is your role at Khan Academy. 17:58 What is the tech stack at Khan Academy? 21:56 Why do you want to change your CSS and JS framework? 24:03 TypeScript vs Flow. 25:25 GraphQL federation. 28:08 What was your frontend framework journey? 30:23 Is there any part of React you wish would improve? 32:37 Reservations using React Router. 33:14 Khan Academy web platform vs native platform. 35:21 What do you use for state management? 38:48 What's harder than it should be on the web today? 42:46 Opinions on JavaScript Sprinkles. 44:04 What's with the $ sign in jQuery? 45:29 The challenges of having your name in such a widely used software. 51:06 Challenges with server-side rendering in React. 52:42 Sick Picks & Shameless Plugs. 54:48 What are the performance issues associated with internationalization? 56:57 Back to Sick Picks & Shameless Plugs. All links available at https://syntax.fm/800 ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript https://www.youtube.com/embed/aE9mIWqC8cs 3500 2024-07-26T11:00:00.000Z https://syntax.yabby.page/video/preparing-august-s-pro-course-2 2026-10-15T03:45:19.843Z https://i.ytimg.com/vi/xBQSipuR_5E/maxresdefault.jpg Preparing August's Pro Course Scott tries Twitch Streaming while preparing code for this month's Pro course. https://www.youtube.com/embed/xBQSipuR_5E 256 2020-08-05T22:18:40.000Z https://syntax.yabby.page/video/you-are-sleeping-on-nuxt-nitro-and-vue-w-daniel-roe 2026-10-15T03:45:19.847Z https://i.ytimg.com/vi/tq8EluL70hw/maxresdefault.jpg You Are Sleeping On Nuxt, Nitro and Vue w/ Daniel Roe Wes and Scott talk with Daniel Roe about Nuxt and Nitro, demystifying the UnJS ecosystem, serverless deployments, open-source sustainability, and the future of full-stack web development. 🔥 Be the ~14,700th person to join our super tasty newsletter bit.ly/syntax_snackpack Show Notes: (00:00) - Welcome to Syntax! (02:52) - Daniel's work with Nitro (06:01) - What's the connection between Nitro and Nuxt? (09:23) - What makes something an UnJS package? (12:55) - Nitro's built-in features (18:21) - What would Daniel use to build an app today? (28:01) - Brought to you by Sentry.io (28:36) - Nuxt and SST (32:25) - Nuxt vs. Next.js in 2025 (40:06) - Keeping docs up to date (44:46) - Who is behind the fantastic design of the Nuxt website? (47:27) - Why is Vue awesome? (52:47) - How do you make money in full-time open source? (55:32) - Sick Picks + Shameless Plugs All links available at https://syntax.fm/878 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/tq8EluL70hw 3507 2025-02-19T12:01:25.000Z https://syntax.yabby.page/video/you-should-try-vue-js 2026-10-15T03:45:19.860Z https://i.ytimg.com/vi/TkJMtssND-U/maxresdefault.jpg You Should Try Vue js Scott and CJ dive deep into the world of Vue.js, exploring what makes this frontend framework unique and why it stands out from React and Svelte. CJ gives a comprehensive tour, covering everything from getting started to advanced features like state management and Vue’s built-in styles. Show Notes 00:00 Welcome to Syntax! 00:46 Brought to you by Sentry.io. 02:24 What is Vue? 04:13 Similar to Svelte, different from React. 05:35 How to get started with Vue. 05:43 Script tag. 06:01 CLI. 07:10 The value of an opinionated CLI. 10:51 Why do you like Vue.js over React or Svelte? 11:03 Less boilerplate. 15:24 Self-closing tags. 16:09 Svelte parsing HTML tags incorrectly. 17:08 Easily adding event handlers to elements. 18:20 Conditional rendering. 19:19 What is a directive? 20:29 'Borrowing' from Angular One. 21:07 Styles are built in. 22:11 Tailwind for scoping. 26:08 State management. 30:28 Ref Functions similar to Svelte Runes. 32:03 Global state management. 34:24 Pinia. 36:18 What is the full-stack application platform for Next.js? 38:00 Nuxt auto-imports. 39:37 Creating API functions and server side codes. 41:12 The future of Vue and compilers for front end frameworks. 41:43 Vue's compiler. 44:19 Are people actually using Vue? 46:50 Laravel and Vue. 48:29 Sick Picks & Shameless Plugs. All links available at https://syntax.fm/787 ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript https://www.youtube.com/embed/TkJMtssND-U 3239 2024-06-26T11:00:24.000Z https://syntax.yabby.page/video/you-should-use-maps-and-sets-in-js 2026-10-15T03:45:19.867Z https://i.ytimg.com/vi/De6JOU9yaGM/maxresdefault.jpg You Should Use Maps and Sets in JS In this video CJ talks about the scenarios when it is better to use Maps and Sets instead of Objects and Arrays in JavaScript. 00:00 Intro 01:09 The problem with Objects 02:41 When to use a Map 03:07 How to use Map 04:34 Create a Map from an Object 04:59 Object Keys are Strings 05:59 Create a Map from an Array 07:02 Map methods are nice 07:45 JSON.stringify a Map 08:53 Sets 09:15 The problem with Array.includes 10:36 Making a Set with an Object 11:50 Create a Set from an Array 12:23 Sets and Duplicate Values 12:58 Set methods on MDN 13:21 Thanks for watching Listen to episode 689 on Syntax: https://syntax.fm/show/689/you-should-be-using-javascript-maps-and-sets Read about Map on MDN: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Map Read about Set on MDN: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Set ------------------------------------------------------------------------------ Hit us up on Socials! https://www.syntax.fm/links Brought to you by Sentry, use code tastytreats to get your first 2 months free: https://sentry.io/syntax/ #javascript #webdevelopment #programming #typescript https://www.youtube.com/embed/De6JOU9yaGM 868 2024-03-07T13:02:03.000Z https://syntax.yabby.page/video/i-m-using-gpui-for-everything 2026-10-18T16:15:13.109Z https://i.ytimg.com/vi/SdJXHYuRr48/maxresdefault.jpg I’m Using GPUI For Everything Scott and Wes ditch Electron and Tauri for GPUI, the GPU accelerated Rust UI framework from the Zed team. They get into its React-like API, styling that feels a lot like Tailwind, GPUI Kit components, the community fork drama, and the tiny desktop apps Scott has built with it🔥 Be the ~19,500th person to join our super tasty newsletter https://bit.ly/syntax_snackpack All links available at https://syntax.fm/1043 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by https://sentry.io/syntax #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/SdJXHYuRr48 1964 2026-09-30T11:00:08.000Z https://syntax.yabby.page/video/compass-tutorials-11-font-face-font-files 2026-10-15T03:45:19.874Z https://i.ytimg.com/vi/6LYBXHCZJkg/maxresdefault.jpg Compass Tutorials #11 - Font-Face & Font-Files The 11th Compass tutorial in the Sass tutorial series. This tutorial teaches you how to use the font-face mixin with the font-files helper to easily set up your @font-face declarations. https://www.youtube.com/embed/6LYBXHCZJkg 371 2012-04-27T01:49:18.000Z https://syntax.yabby.page/video/deno-is-dead-sub-q-snap-is-way-better-than-jev-open-code-2-released-syntax-weekly 2026-10-18T16:15:14.306Z https://i.ytimg.com/vi/Ov_KPnwuu0U/maxresdefault.jpg Deno Is Dead ⟡ SubQ Snap is way better than Jev ⟡ OpenCode 2 Released ⌁ Syntax Weekly ⌁ Deno is joining Cloudflare, and Scott, Wes, and CJ dig into what that means for the runtime wars and whether Deno as we know it is really dead. Plus OpenCode 2, Bootstrap 6 alpha, a 1ms whole-disk file search, a bot leaking a CEO’s bank balance in Slack, and a fresh round of new models from Google, Meta, and Anthropic. 00:00:00 welcome to Syntax 00:01:44 Deno is Dead 00:12:53 OpenCode 2 Released 00:22:51 Taloyrs - An Agent hosted on Cloudflare free tier 00:24:00 Wes started a Photo Frame movement 00:37:12 SubQ Snap better than Jev 00:43:48 Airdrop reverse engineered 00:47:52 Tanstack 1.0 is stable 00:53:42 fff, fsearch drama 01:03:28 Gemini 4 Argon Released 01:17:36 Muse Wonder Released 01:20:10 EmbeddingGemma 2 Released 01:23:39 Haiku 5.5 Released 01:25:30 Agent posts personal bank balances 01:29:48 Commodore 64 Keyboard Font 01:30:29 Lightbulb Computer 01:34:37 AnyPS5 - Port any PS5 game to Linux / Windows 01:37:57 "Craft" Open Source Apps 01:43:35 ps2 / psp web recomp 01:44:37 Bootstrap 6 Alpha ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by https://sentry.io/syntax #news #programming #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/Ov_KPnwuu0U 6447 2026-10-13T16:25:27.000Z https://syntax.yabby.page/video/sass-tutorials-10-built-in-functions 2026-10-15T03:45:19.880Z https://i.ytimg.com/vi/BmRWgv6A8fU/maxresdefault.jpg Sass Tutorials #10 - Built in Functions This is the 10th tutorial in a series that show users how to code CSS using advanced features in Sass. This tutorial covers the use of functions built into Sass. I cover rgba() and fade-out() as well as percentage() and round(). For a complete reference of Sass functions, check out: http://sass-lang.com/docs/yardoc/Sass/Script/Functions.html The code: width:round(percentage(890px / 1440px)) rgba(#333,0.7) https://www.youtube.com/embed/BmRWgv6A8fU 485 2012-03-02T03:56:58.000Z https://syntax.yabby.page/video/why-iwo-plaza-created-typegpu 2026-10-15T03:45:19.887Z https://i.ytimg.com/vi/ZxPaKfRlrOE/maxresdefault.jpg Why Iwo Plaza Created TypeGPU Scott and CJ sit down live at JSNation NYC with Iwo Plaza, creator of TypeGPU, to dig into how WebGPU is unlocking a new wave of graphics and compute power on the web. They chat about shader authoring in TypeScript, the future of GPU-powered AI in the browser, and what it takes to build a killer developer-friendly graphics library 🔥 Be the ~17,800th person to join our super tasty newsletter https://bit.ly/syntax_snackpack Show Notes 00:00 Welcome to Syntax! 00:32 What is TypeGPU? High-level overview and why it exists 01:20 WebGPU vs WebGL – the new era of GPU access on the web 01:47 Why shader languages are hard + making them accessible 02:24 Iwo’s background in C++, OpenGL, and discovering JS 03:06 Sharing graphics work on the web vs native platforms 03:29 WebGPU frustrations that inspired TypeGPU 04:17 Making GPU–CPU data exchange easier with Zod-like schemas 05:01 Writing shaders in JavaScript + the unified type system 05:38 How the “use_gpu” directive works under the hood 06:05 Building a compiler that turns TypeScript into shader code 07:00 Type inference, primitives, structs, and TypeScript magic 08:21 Leveraging existing tooling via Unplugin + bundler integration 09:15 How TypeGPU extracts ASTs and generates TinyEST metadata 10:10 Runtime shader generation vs build-time macros 11:07 How the AST is traversed + maintaining transparency in output 11:43 Example projects like Jelly Shader and community reception 12:05 Brought to you by Sentry.io 12:30 Does TypeGPU replace 3JS? How it fits the existing ecosystem 13:20 Low-level control vs high-level abstractions 14:04 Upcoming Three.js integration – plugging TypeGPU into materials compute shaders 15:34 Making GPU development more approachable 16:26 Docs, examples, and the philosophy behind TypeGPU documentation 17:03 Building features by building examples first 18:13 Using examples as a test suite + how docs shape API design 19:00 Docs as a forcing function for intuitive APIs 20:21 GPU for AI – browser inference and future abstractions 21:11 How AI examples https://www.youtube.com/embed/ZxPaKfRlrOE 1537 2025-12-01T12:01:12.000Z https://syntax.yabby.page/video/our-favorite-things-this-year 2026-10-15T03:45:19.897Z https://i.ytimg.com/vi/UHr8H-xhZxs/maxresdefault.jpg Our Favorite Things This year The Syntax team brings us their annual Holiday Gift Guide! They’ve curated the best gadgets, tools, food, and even kitchen essentials for the dev in your life — plus a few treats anyone would love to unwrap. 🔥 Be the ~17,800th person to join our super tasty newsletter https://bit.ly/syntax_snackpack 00:00 - Welcome to Syntax 00:54 - Our Favorite Things 01:03 - Wes - Bambu Lab 3d Printers https://bambulab.com/ https://www.amazon.com/s?k=bambu+lab+printer&tag=webo080-20 01:50 - Wes - Leatherman Arc Multi-tool https://ca.leatherman.com/products/arc 03:07 - Kaitlin - Ruffwear Roamer Bungee Dog Leash https://ruffwear.com/products/roamer-bungee-dog-leash 04:49 - Niki - Magic Mirror Home Screen https://magicmirror.builders/ 06:42 - Randy - Everything Presence Lite https://shop.everythingsmart.io/products/everything-presence-lite 08:22 - Randy - Henson Safety Razor https://hensonshaving.com/ 10:24 - CJ - Viltrox 28mm Pancake Lens https://amzn.to/3K9Mg5N 11:17 - Scott - 3D Printers 11:37 - Scott - Anker 4-Port Charger https://amzn.to/3X7kCJR 12:45 - Randy - DJI Mic Mini https://www.dji.com/mic-mini 13:37 - Randy - Velcro Cable Ties 14:22 - Kaitlin - Prequel Skin Care https://prequelskin.com/ 16:18 - Kaitlin - Coros Pace 3 Running Watch https://us.coros.com/pace3 17:30 - Niki - Steam Machine Gaming Console https://store.steampowered.com/sale/steammachine 18:02 - Niki - VR Headset 18:18 - Under $30 18:25 - Wes - ESP32 https://www.amazon.com/s?k=esp32&tag=webo080-20 18:45 - Wes - WS2811 LED Strips https://www.amazon.com/s?k=WS2811+LED+Strips&tag=webo080-20 19:44 - CJ - Precision Screw Driver Set https://amzn.to/43JEqqp 20:42 - Scott - Magsafe Popsocket https://amzn.to/4poSPk2 21:23 - Wes - Digital Calipers https://www.amazon.com/s?k=Digital+Calipers&tag=webo080-20 22:45 - CJ - Microfiber Device Cloth https://amzn.to/3JYhLQp 23:33 - Scott - Candle Warmer https://amzn.to/47UR1tl 25:30 - Wes - Matte Screen Protectors https://www.amazon.com/s?k=Matte+Screen+Protector&tag=webo080-20 25:38 - Desk Items https://www.youtube.com/embed/UHr8H-xhZxs 3930 2025-11-26T12:01:00.000Z https://syntax.yabby.page/video/the-home-server-synology-show 2026-10-15T03:45:19.902Z https://i.ytimg.com/vi/AVXFadE8Q9A/maxresdefault.jpg The Home Server / Synology Show Wes and Scott talk about their evolving home-server setups—Synology rigs, Mac minis, Docker vs. VMs, media servers, backups, Cloudflare Tunnels, and the real-world pros and cons of running your own hardware. 🔥 Be the ~17,800th person to join our super tasty newsletter https://bit.ly/syntax_snackpack (00:00) Welcome to Syntax! (01:35) Why use a home server? (07:29) Apps for home servers (16:23) Home server hardware (18:27) Brought to you by Sentry.io (20:45) VMs vs containers and choosing the right software (25:53) How to expose services to the internet safely (30:38) Securing access to your server All links available at https://syntax.fm/962 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/AVXFadE8Q9A 2121 2025-12-10T12:00:20.000Z https://syntax.yabby.page/video/animations-should-be-cancelable 2026-10-15T03:45:19.908Z https://i.ytimg.com/vi/6OJQ4UcFtYc/maxresdefault.jpg Animations should be cancelable! 🔥 Be the ~15,700th person to join our super tasty newsletter bit.ly/syntax_snackpack All links available at https://syntax.fm/897 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev #webdev #performance #ux #syntaxfm #animation #spotify #instagram https://www.youtube.com/embed/6OJQ4UcFtYc 87 2025-04-29T19:45:42.000Z https://syntax.yabby.page/video/what-is-the-browser-if-not-a-container-of-itself-guru-scott 2026-10-15T03:45:19.915Z https://i.ytimg.com/vi/0kfnd4e3ITg/maxresdefault.jpg What is the browser if not a container of itself?” - Guru Scott 🔥 Be the ~14,700th person to join our super tasty newsletter bit.ly/syntax_snackpack All links available at https://syntax.fm/870 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev #mediaquery https://www.youtube.com/embed/0kfnd4e3ITg 55 2025-04-01T19:33:17.000Z https://syntax.yabby.page/video/sublime-text-tutorials-17-write-html-quickly-with-emmet 2026-10-15T03:45:19.919Z https://i.ytimg.com/vi/8n923UBjV9w/maxresdefault.jpg Sublime Text Tutorials #17 - Write HTML Quickly with Emmet The 17th video in the Sublime Text 2 tutorial series. Here I show you how to install and use Emmet with Sublime Text. Check out the Emmet Docs for more info on all shortcuts. http://docs.emmet.io/ For questions post in the comments or visit: http://leveluptuts.com/forum https://www.youtube.com/embed/8n923UBjV9w 326 2014-02-07T02:27:50.000Z https://syntax.yabby.page/video/wordpress-basics-9-adding-a-page 2026-10-15T03:45:19.926Z https://i.ytimg.com/vi/1QdQ-QCio9A/maxresdefault.jpg WordPress Basics #9 - Adding A Page The 9th video in the new WordPress Basics video series. Here we show you how to add new page to your WordPress site. For questions post in the comments or visit: http://leveluptuts.com/forum https://www.youtube.com/embed/1QdQ-QCio9A 269 2014-02-05T03:32:34.000Z https://syntax.yabby.page/video/the-impossible-avatar 2026-10-15T03:45:19.933Z https://i.ytimg.com/vi/0ua-Odhd0Go/maxresdefault.jpg 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 https://www.youtube.com/embed/0ua-Odhd0Go 581 2026-02-06T13:15:00.000Z https://syntax.yabby.page/video/sass-tutorials-23-installing-singularity-grid-system 2026-10-15T03:45:19.937Z https://i.ytimg.com/vi/f7rw3MZS-OU/maxresdefault.jpg Sass Tutorials #23 - Installing Singularity Grid System The 23rd video in the Sublime Text 2 tutorial series. Here I show how to install and get set up with the Singularity Grid System. http://singularity.gs/ https://www.youtube.com/embed/f7rw3MZS-OU 227 2014-01-29T02:04:25.000Z https://syntax.yabby.page/video/sass-tutorials-21-extending-sass-and-writing-a-config-file 2026-10-15T03:45:19.941Z https://i.ytimg.com/vi/ZLwg7bUXC90/maxresdefault.jpg Sass Tutorials #21 - Extending Sass and Writing a Config file The 21st video in the Sublime Text 2 tutorial series. Here I talk about the great ways you can extend Sass and we create a Compass config.rb file to start using plugins and frameworks. https://www.youtube.com/embed/ZLwg7bUXC90 451 2014-01-29T01:58:58.000Z https://syntax.yabby.page/video/sublime-text-tutorials-14-cleaning-up-projects-by-hiding-files 2026-10-15T03:45:19.948Z https://i.ytimg.com/vi/g0EY5Gl_VQM/maxresdefault.jpg Sublime Text Tutorials #14 - Cleaning Up Projects by Hiding Files The 14th video in the Sublime Text 2 tutorial series. Here I show you how to exclude files from view on a per-project basis. "folder_exclude_patterns": ["misc", "profiles", ".git", ".sass-cache"], "file_exclude_patterns": ["._*", ".DS_Store", "*.txt", "cron.php"] https://www.youtube.com/embed/g0EY5Gl_VQM 404 2014-01-28T22:19:07.000Z https://syntax.yabby.page/video/js-signals-vs-react-state 2026-10-15T03:45:19.956Z https://i.ytimg.com/vi/XmGAgqIVRqQ/maxresdefault.jpg JS Signals vs React State React State is unidirectional, while JS Signals are super flexible 🔥 Be the ~14,700th person to join our super tasty newsletter bit.ly/syntax_snackpack All links available at https://syntax.fm/875 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/XmGAgqIVRqQ 59 2025-02-10T23:16:24.000Z https://syntax.yabby.page/video/sublime-text-tutorials-13-sublime-text-3 2026-10-15T03:45:19.973Z https://i.ytimg.com/vi/sBQS9nK5Qps/maxresdefault.jpg Sublime Text Tutorials #13 - Sublime Text 3 The 13th video in the Sublime Text 2 tutorial series. Here I talk about Sublime Text 3. This is a quick basic overview of the application. https://www.youtube.com/embed/sBQS9nK5Qps 232 2014-01-25T18:35:02.000Z https://syntax.yabby.page/video/our-2025-web-development-predictions 2026-10-15T03:45:19.979Z https://i.ytimg.com/vi/lkf1Y5qHpwE/maxresdefault.jpg Our 2025 Web Development Predictions Scott and Wes look into their crystal ball to predict what’s coming in web development next year. From the rise of on-device AI to the vanilla CSS comeback, Bun’s big moves, and React’s evolution, this episode is packed with bold predictions and hot takes! 👉 Join the exclusive newsletter - https://syntax.fm/snackpack Show Notes 00:00 Welcome to Syntax! 02:00 Brought to you by Sentry.io. 03:09 The agenda. 03:40 Temporal Javascript api will ship in Safari and Chrome. 06:23 On device AI. 10:26 Models will plateau. 13:40 Web Awesome will become the most used web components library. 15:57 We will be using more web components. 16:59 A push towards the ‘standard stack’. 19:38 We can really use relative color. 21:39 Vanilla CSS comeback. 23:35 A complete Mixins / Functions API for CSS. 24:27 Conditionals will ship in all browsers. 25:50 People will still make vertical centering jokes. 27:08 VSCode will be feature parity with Cursor. 28:22 Framework choice will matter less with AI tools. 29:12 OpenAI will launch a browser. 37:18 React will drop Babel. 38:05 React Server Components will pop. 39:46 Remix will relaunch as something entirely different. 41:11 React Native will have it’s time. 42:06 Svelte will get component-based islands or data loading. 44:19 Server Runtimes, Bun will continue to do non-standard, lovable things. 44:44 Bun will release a PAS to compete with NPM, Vercel, and Vite. 46:06 Laravel will release a CMS. 47:57 Vite will stay king. 48:03 Rolldown ships in the next version of Vite. 49:35 Sick Picks & Shameless Plugs. All links available at https://syntax.fm/866 ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript https://www.youtube.com/embed/lkf1Y5qHpwE 3168 2025-01-08T12:01:10.000Z https://syntax.yabby.page/video/why-everyone-is-moving-to-stylex 2026-10-18T16:15:13.315Z https://i.ytimg.com/vi/NIG9GbVU5po/maxresdefault.jpg Why is everyone 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 🔥 Be the ~19,500th person to join our super tasty newsletter https://bit.ly/syntax_snackpack Show Notes 00:00 Welcome to Syntax! 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 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 24:41 The Auto-Complete Experience: Why StyleX Shines for Agents Syntax Ep 650 | https://syntax.fm/show/650/why-is-facebook-s-html-css-such-a-mess/transcript San Francisco Syntax Meetup | https://luma.com/5ng6bniy StyleX | https://stylexjs.com/ Jared Palmer | https://x.com/jaredpalmer/status/2091907378488680582 Adam Hutchinson | https://x.com/adjohu/status/2066859767461478831 Aiden Bai | https://x.com/aidenybai/status/2092021888642085254 Syntax Ep 658 | https://syntax.fm/show/658/supper-club-make-react-70-faster-million-js-with-18-year-old-aiden-bai Sentry.io | https://sentry.io/syntax/ Panda CSS | https://panda-css.com/ Syntax Ep 807 | https://syntax.fm/show/807/css-components-tailwind-panda-scoped-modules-classes-variables-css-in-js-and-sprinkles All links available at https://syntax.fm/1035 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor https://www.youtube.com/embed/NIG9GbVU5po 1597 2026-09-02T11:00:14.000Z https://syntax.yabby.page/video/supabase-w-paul-copplestone 2026-10-15T03:45:19.988Z https://i.ytimg.com/vi/KtxoJUZDgIU/maxresdefault.jpg Supabase w Paul Copplestone Scott and CJ chat with Paul Copplestone, CEO and co-founder of Supabase, about the journey of building an open source alternative to Firebase. Learn about the tech stack, the story behind their excellent documentation, and how Supabase balances business goals with open-source values. Show Notes 00:00 Welcome to Syntax! 00:30 Who is Paul Copplestone? 01:17 Why 'Supa' and not 'Super'? 02:26 How did Supabase start? 04:29 How long from inception to joining Y Combinator? 05:10 Was it always intended to be open source? 07:22 How many users chose to self-host? 07:49 Open source mindset. 08:42 Simplicity in design. 10:32 How do you take Supabase one step beyond the competition? 12:35 How do you decide which libraries are officially supported vs community maintained? 15:17 You don't need a client library! 16:48 Edge functions for server-side functionality. 18:51 The genesis of pgvector. 20:59 The product strategy. 22:25 What's the story behind Supabase's awesome docs? 25:26 The tech behind Supabase. 25:39 What is the UI built on? 27:33 Consolidation follows kaizen. 28:54 What else is involved in the stack? 31:47 Authentication. 32:35 Storage engine. 33:13 For self-hosting. 35:46 How do you balance business goals with open source? 42:01 What's next for Supabase? 44:15 Supabase's GA + new features. Top 10 LAunches from Supabase GA Week. 48:24 Who runs the X account? 50:39 Sick Picks + Shameless Plugs. All links available at https://syntax.fm/788 ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript https://www.youtube.com/embed/KtxoJUZDgIU 3225 2024-06-28T11:00:30.000Z https://syntax.yabby.page/video/coolify-crash-course-self-host-101-secure-set-up 2026-10-15T03:45:20.006Z https://i.ytimg.com/vi/taJlPG82Ucw/maxresdefault.jpg Coolify Crash Course | Self Host 101 | Secure Set up In this video CJ shows you what Coolify is, what it does, how to choose a server to deploy it to, how to lock it down with https, how to deploy several types of applications on it, how to setup s3 compatible storage for file uploads / backups and more. View all the Self Host 101 videos here: https://www.youtube.com/playlist?list=PLLnpHn493BHHAxTeLNUZEDLYc8uUwqGXa 00:00 Intro 00:56 What can you do with Coolify? 02:09 Coolify minimum specs required 02:59 Create a VPS with Hetzner and Set Up with Cloud Config 06:16 ssh into VPS as root and update / upgrade 07:18 Install Coolify 08:29 Coolify: localhost vs remote server 10:25 Update VPS user passwords 11:51 Set up Coolify https instance domain and https wildcard domain 16:04 Why not Cloudflare? 16:41 Create a firewall and lock down all unused ports 17:47 Update Coolify user password and setup 2fa 18:49 Deploy a static website to Coolify with an https subdomain 20:55 www redirects and custom Caddy configs 25:25 Create dynamic proxy configurations 27:04 Create a basic Next.js project in Coolify 28:09 What is nixpacks? 29:37 Deploy a basic Next.js application with nixpacks 31:38 Create a Github application in Coolify 33:31 Deploy a Next.js app with auto deploy 35:41 Create a postgres database for a t3 application 37:10 Create a Dockerfile to push the db schema to our database 40:35 Create a Dockerfile to push the db schema from a private repo 44:46 Deploy a t3 app 47:10 Set up http basic auth with Caddy 51:01 Upgrade Coolify 52:06 Deploy a git repo with an existing docker compose file 59:26 VPS status dashboards 01:00:56 Deploy a service with docker compose 01:04:13 Deploy supabase and monitor VPS status during deploy 01:07:00 Set up minIO / s3 compatible storage 01:10:42 Configure database backups 01:15:17 Coolify cloud demo 01:18:37 Where and how to get help with Coolify 01:22:22 CJ's opinions and final thoughts about Coolify 01:28:20 Thanks! List to episode 730 of Syntax: https://syntax.fm/show/730/own-your-own-paas Coolify: https://coolify.io/ Learn more about h https://www.youtube.com/embed/taJlPG82Ucw 5346 2024-04-27T14:11:41.000Z https://syntax.yabby.page/video/stop-running-code-on-your-computer 2026-10-18T16:15:13.329Z https://i.ytimg.com/vi/-ulRSvQIObk/maxresdefault.jpg every developer should know this In this video CJ explains basic secure code isolation concepts and shows tools you can use to limit the blast radius of infected codebases. 00:00 - Intro 02:03 - The Blast Radius 02:59 - Security Concept 1: Principle of Least Privilege 03:27 - Security Concept 2: Egress Filtering 04:06 - Security Concept 3: Ephemeral Environments 04:21 - Securty Concept 4: Defense in Depth 04:52 - Containerization 05:51 - Dev Containers 06:32 - Virtual Machines 07:11 - GUI VM Apps 07:57 - Docker sandbox 08:28 - Lima / Colima 08:46 - Full Seperation - VPS / Cloud Environments 09:42 - Github Codespaces / coder.com 10:08 - Paranoid 10:20 - Seperate Development Laptop 10:46 - Live OS 11:24 - Air Gapped Development 11:54 - Recap Egress Filtering | https://en.wikipedia.org/wiki/Egress_filtering Defense In Depth | https://en.wikipedia.org/wiki/Defense_in_depth_(computing) Containerization | https://en.wikipedia.org/wiki/Containerization_(computing) Docker Getting Started | https://docs.docker.com/get-started/ Dev Containers | https://containers.dev/ Virtual Machine | https://en.wikipedia.org/wiki/Virtual_machine Virtual Box | https://www.virtualbox.org/ UTM | https://mac.getutm.app/ VMware | https://www.vmware.com/ Docker Sandboxes | https://docs.docker.com/ai/sandboxes/ Lima | https://lima-vm.io/ Colima | https://colima.run/ VPS | https://en.wikipedia.org/wiki/Virtual_private_server Github Codespaces | https://github.com/features/codespaces Coder | https://coder.com/ Live OS | https://en.wikipedia.org/wiki/Live_CD Air Gap | https://en.wikipedia.org/wiki/Air_gap_(networking) Fansmitter: Acoustic data exfiltration from air-Gapped computers via fans noise | https://www.sciencedirect.com/science/article/abs/pii/S0167404820300080 AirKeyLogger: Hardwareless Air-Gap Keylogging Attack | https://www.computer.org/csdl/proceedings-article/compsac/2023/269700a637/1PhCRSujeBa ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: http https://www.youtube.com/embed/-ulRSvQIObk 799 2026-08-28T11:00:00.000Z https://syntax.yabby.page/video/casually-working-on-typescript-react 2026-10-15T03:45:20.020Z https://i.ytimg.com/vi/jQsa_qqc_HQ/maxresdefault.jpg Casually Working On Typescript & React Casually Working On Typescript & React https://www.youtube.com/embed/jQsa_qqc_HQ 3132 2020-09-09T21:54:08.000Z https://syntax.yabby.page/video/my-code-fixes-itself-now 2026-10-18T16:15:14.312Z https://i.ytimg.com/vi/BLRReTwV8Fc/maxresdefault.jpg You need to check out Pi Durable Last night, my code fixed itself. A Sentry error started my agent with nobody typing. I stopped it mid-fix, it picked up right where it left off, and it opened one pull request. That agent runs on Pi Durable, a library from Earendil for building durable agents: agents that save what they're doing as they go, so a crash or a restart doesn't lose their place, any screen can open them, and you can talk to them while they work. Moving my own agent to it let me delete about 8,000 lines of custom code. If you're building agents, make them durable. ```prompt Read the Pi Durable README and every example in https://github.com/earendil-works/pi/tree/main/packages/durable (the examples are in test/examples). Then look at how this project runs its agents and tell me what I'd gain by moving to Pi Durable: - Which code it would replace: message storage, queues, streaming to the UI, steering mid-run, approvals, retries, summarizing old messages, keeping app state in sync with what the agent did. - What happens today when the process crashes mid-task, and what would happen with Pi Durable. Which of my tools are safe to run twice, and which aren't. - What the move would take, step by step, and what's risky about it. Point to the example that backs up each claim. Don't change any code. ``` - Pi Durable: https://github.com/earendil-works/pi/tree/main/packages/durable - Pi Durable examples: https://github.com/earendil-works/pi/tree/main/packages/durable/test/examples - Pi Durable launch post from Earendil: https://earendil.com/posts/pi-durable/ Archive footage from the Moving Image Archive (https://www.movingimagearchive.com), from public-domain collections. ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by https://sentry.io/syntax #webdevelopment #webdeveloper #java https://www.youtube.com/embed/BLRReTwV8Fc 916 2026-10-16T11:30:18.000Z https://syntax.yabby.page/video/drupal-tutorials-the-complete-guide-to-omega-4-12-setting-up-your-grid-with-singularity 2026-10-15T03:45:20.038Z https://i.ytimg.com/vi/huKh08hxf38/maxresdefault.jpg Drupal Tutorials - The Complete Guide To Omega 4 #12 - Setting Up Your Grid With Singularity The 12th tutorial in the The Complete Guide To Omega 4. Here we show you how to configure a basic grid with Singularity. https://www.youtube.com/embed/huKh08hxf38 625 2013-11-22T02:24:01.000Z https://syntax.yabby.page/video/drupal-tutorials-the-complete-guide-to-omega-4-11-sass-structure-and-style-part-2 2026-10-15T03:45:20.045Z https://i.ytimg.com/vi/FfvB_--QYOI/maxresdefault.jpg Drupal Tutorials - The Complete Guide To Omega 4 #11 - Sass Structure and Style Part 2 The 11th in the The Complete Guide To Omega 4. Here we show you how to make sense of the many folders and Sass partials in the Sass folder of your Omega 4 subtheme. We also touch on some of the Sass Libraries and Extensions included by default. https://www.youtube.com/embed/FfvB_--QYOI 909 2013-11-22T02:06:39.000Z https://syntax.yabby.page/video/drupal-tutorials-the-complete-guide-to-omega-4-10-sass-structure-and-style 2026-10-15T03:45:20.049Z https://i.ytimg.com/vi/Va2q-yBbclM/maxresdefault.jpg Drupal Tutorials - The Complete Guide To Omega 4 #10 - Sass Structure and Style The 10th in the The Complete Guide To Omega 4. Here we show you how to make sense of the many folders and Sass partials in the Sass folder of your Omega 4 subtheme. We also touch on some of the Sass Libraries and Extensions included by default. https://www.youtube.com/embed/Va2q-yBbclM 575 2013-11-22T01:57:11.000Z https://syntax.yabby.page/video/drupal-tutorials-the-complete-guide-to-omega-4-6-exploring-omega-4-s-files-part-2 2026-10-15T03:45:20.059Z https://i.ytimg.com/vi/o2V2Morv6bc/maxresdefault.jpg Drupal Tutorials - The Complete Guide To Omega 4 #6 - Exploring Omega 4's Files Part 2 The 6th in the The Complete Omega 4 Course. Here we continue to give an overview of the files that make up an Omega 4 Sub-Theme. https://www.youtube.com/embed/o2V2Morv6bc 542 2013-11-15T05:10:21.000Z https://syntax.yabby.page/video/drupal-tutorials-the-complete-guide-to-omega-4-5-exploring-omega-4-s-files 2026-10-15T03:45:20.064Z https://i.ytimg.com/vi/NHkMUoxYJ7Y/maxresdefault.jpg Drupal Tutorials - The Complete Guide To Omega 4 #5 - Exploring Omega 4's Files The 5th in the The Complete Omega 4 Course. Here we give an overview of the files that make up an Omega 4 Sub-Theme. https://www.youtube.com/embed/NHkMUoxYJ7Y 463 2013-11-15T05:01:45.000Z https://syntax.yabby.page/video/html5-tutorials-17-html5-custom-data-attributes 2026-10-15T03:45:20.068Z https://i.ytimg.com/vi/ewIF02B5wX8/maxresdefault.jpg HTML5 Tutorials #17 - HTML5 Custom Data Attributes The 17th video in our HTML5 Tutorial series. Here, I show you the how to use custom data attributes to add data to HTML elements. https://www.youtube.com/embed/ewIF02B5wX8 630 2013-07-10T01:50:39.000Z https://syntax.yabby.page/video/the-modern-dev-cms-pocketbase 2026-10-15T03:45:20.077Z https://i.ytimg.com/vi/Eg38JbgbttA/maxresdefault.jpg The Modern Dev CMS - Pocketbase Today, Scott and Wes are diving into Pocketbase, a fantastic tool for web developers to quickly set up a CMS without breaking a sweat. We'll cover everything from its Go-based architecture to its slick admin interface and how you can get started hosting it for free on Fly.io. Show Notes 00:00 Welcome to Syntax! 01:34 Brought to you by Sentry.io. 02:26 Overview of Pocketbase. 06:51 Written in Go, but no extending needed. 07:37 Hooks. 08:05 Authentication + roles. 09:23 The admin experience. 11:18 Managing export collections. 13:21 Creating your own schema. 13:53 Adding indexes. 14:08 API rules. 15:01 Adding complex roles. 16:15 Full-featured admin with a great UI. 16:59 Collection API preview. 17:41 Docs with app-specific context. 18:54 Logs. 19:02 Settings. 19:42 Executable vs npm install. 20:29 Are the collections fully typed? 21:01 Some more settings. All links available at https://syntax.fm/777 ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript https://www.youtube.com/embed/Eg38JbgbttA 1525 2024-06-03T11:00:19.000Z https://syntax.yabby.page/video/drupal-7-tutorials-65-changing-layouts-with-context-omega-and-delta 2026-10-15T03:45:20.084Z https://i.ytimg.com/vi/EQjO7yetxH0/maxresdefault.jpg Drupal 7 Tutorials #65 - Changing Layouts With Context, Omega and Delta This tutorial shows you how you can transform page layouts using context. Subscribe for more free tutorials https://goo.gl/6ljoFc, more Drupal Tutorials here: https://goo.gl/YDHhLW Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e This Drupal 7 tutorial series shows users how to build websites with the very popular open source content management system Drupal 7. https://www.youtube.com/embed/EQjO7yetxH0 367 2013-06-28T00:56:02.000Z https://syntax.yabby.page/video/the-most-starred-js-projects 2026-10-15T03:45:20.091Z https://i.ytimg.com/vi/NBDnS9UQg5w/maxresdefault.jpg The MOST Starred JS Projects In this video CJ counts down the 15 most starred JavaScript tools, libraries, frameworks and run-times of 2024. For each project he recounts all their new features, releases and announcements from 2024. The star data and code for retrieving it is here: https://github.com/w3cj/github-stars-api/ 00:00 intro 00:23 nodejs - 15 01:17 biome - 14 02:16 drizzle orm - 13 03:19 tailwindcss - 12 04:00 bun - 11 04:38 deno - 10 05:43 astro - 9 06:58 playwright - 8 07:36 zustand - 7 08:20 hono - 6 09:25 next.js - 5 10:09 react.js - 4 11:24 htmx - 3 12:13 tauri - 2 12:57 shadcn/ui - 1 14:12 thanks! --- 🔥 Be the ~14,700th person to join our super tasty newsletter bit.ly/syntax_snackpack All links available at https://syntax.fm/870 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/NBDnS9UQg5w 934 2025-01-28T11:00:33.000Z https://syntax.yabby.page/video/drupal-7-tutorials-66-creating-a-feature-module 2026-10-15T03:45:20.098Z https://i.ytimg.com/vi/tDdEoZunkkM/maxresdefault.jpg Drupal 7 Tutorials #66 - Creating a Feature Module This tutorial shows you how to make modules out of your sites features with Features. Subscribe for more free tutorials https://goo.gl/6ljoFc, more Drupal Tutorials here: https://goo.gl/YDHhLW Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e This Drupal 7 tutorial series shows users how to build websites with the very popular open source content management system Drupal 7. https://www.youtube.com/embed/tDdEoZunkkM 490 2013-04-09T04:19:43.000Z https://syntax.yabby.page/video/sublime-text-tutorials-11-sublime-sftp-folder-sync-with-map-to-remote 2026-10-15T03:45:20.108Z https://i.ytimg.com/vi/g6NqBGHFfm0/maxresdefault.jpg Sublime Text Tutorials #11 - Sublime SFTP Folder Sync With Map To Remote The 11th video in the Sublime Text 2 tutorial series. Here I show how you can sync a remote folder to a local one with Sublime SFTP. https://www.youtube.com/embed/g6NqBGHFfm0 438 2013-04-02T02:24:58.000Z https://syntax.yabby.page/video/the-ai-bubble-is-bursting 2026-10-14T11:45:15.419Z https://i.ytimg.com/vi/rgOZWGvzDpA/maxresdefault.jpg The AI bubble is bursting In this video, Wes and CJ talk about the changing world of AI. From usage-based pricing and restricted model access to the impact on developers and users alike. Links: Google I/O updates: https://cloud.google.com/blog/products/ai-machine-learning/innovations-from-google-io-26-on-google-cloud Copilot Billing Review: https://copilot-billing-preview.github.com/ Usage-based billing for Copilot: https://github.blog/news-insights/company-news/github-copilot-is-moving-to-usage-based-billing/ Microsoft bans Claude Code: https://www.forbes.com/sites/jonmarkman/2026/06/01/microsoft-ends-claude-code-licenses-as-it-pushes-copilot-cli/ 🔥 Be the ~19,500th person to join our super tasty newsletter https://bit.ly/syntax_snackpack All links available at https://syntax.fm/000 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by https://sentry.io/syntax #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/rgOZWGvzDpA 1367 2026-06-12T12:10:19.000Z https://syntax.yabby.page/video/sublime-text-tutorials-10-sublime-sftp-introduction 2026-10-15T03:45:20.115Z https://i.ytimg.com/vi/WU_aZ0gZABU/maxresdefault.jpg Sublime Text Tutorials #10 - Sublime SFTP Introduction The 10th video in the Sublime Text 2 tutorial series. Here I give a brief introduction to Sublime SFTP the amazing ftp add on for Sublime Text 2. https://www.youtube.com/embed/WU_aZ0gZABU 264 2013-04-02T02:15:46.000Z https://syntax.yabby.page/video/drupal-commerce-kickstart-tutorials-5-creating-a-product-variation 2026-10-15T03:45:20.122Z https://i.ytimg.com/vi/i6BlM43QRmI/maxresdefault.jpg Drupal Commerce Kickstart Tutorials #5 - Creating A Product Variation In an extension of our Drupal Tutorial series, this is the 5th video for Drupal Commerce. Here we show you how to create a product variation or product type. We also explore the difference between a product and a product display. Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations https://www.youtube.com/embed/i6BlM43QRmI 473 2013-03-17T23:55:19.000Z https://syntax.yabby.page/video/susy-tutorials-9-susy-breakpoint 2026-10-15T03:45:20.129Z https://i.ytimg.com/vi/QoYvafiOPmk/maxresdefault.jpg Susy Tutorials #9 - Susy Breakpoint The 9th video tutorial in the Susy 2 Tutorials Mini Series. In this video, we show you how to use the susy-breakpoint mixin for easier breakpoint integration. Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e https://www.youtube.com/embed/QoYvafiOPmk 226 2014-05-28T01:37:19.000Z https://syntax.yabby.page/video/sublime-text-tutorials-8-changing-your-theme 2026-10-15T03:45:20.133Z https://i.ytimg.com/vi/CWbZ6IVbHiY/maxresdefault.jpg Sublime Text Tutorials #8 - Changing Your Theme The 8th video in the Sublime Text 2 tutorial series. Here I show you how you can change Sublime Text 2's overall visual appearance. https://www.youtube.com/embed/CWbZ6IVbHiY 270 2012-12-21T02:03:40.000Z https://syntax.yabby.page/video/sublime-text-tutorials-6-using-multi-select 2026-10-15T03:45:20.140Z https://i.ytimg.com/vi/czQipWJA8EU/maxresdefault.jpg Sublime Text Tutorials #6 - Using Multi Select The 6th video in the Sublime Text 2 tutorial series. Here I give a brief overview of Sublime Text 2's multi select features. https://www.youtube.com/embed/czQipWJA8EU 269 2012-12-14T02:06:26.000Z https://syntax.yabby.page/video/sublime-text-tutorials-5-project-management 2026-10-15T03:45:20.145Z https://i.ytimg.com/vi/1sHVTzWXG3Q/maxresdefault.jpg Sublime Text Tutorials #5 - Project Management The 5th video in the Sublime Text 2 tutorial series. Here I show you how to use Sublime Text 2 to manage a project of files. https://www.youtube.com/embed/1sHVTzWXG3Q 325 2012-12-14T02:03:36.000Z https://syntax.yabby.page/video/sublime-text-tutorials-4-how-to-change-and-add-color-schemes 2026-10-15T03:45:20.150Z https://i.ytimg.com/vi/6Vz5m1_88rw/maxresdefault.jpg Sublime Text Tutorials #4 - How To Change and Add Color Schemes The 4th video in the Sublime Text 2 tutorial series. Here I give explain how to change or add color schemes to personalize your Sublime Text experience. https://www.youtube.com/embed/6Vz5m1_88rw 361 2012-12-14T02:00:21.000Z https://syntax.yabby.page/video/sublime-text-tutorials-3-modifying-preferences 2026-10-15T03:45:20.156Z https://i.ytimg.com/vi/jTcwhLk_7xY/maxresdefault.jpg Sublime Text Tutorials #3 - Modifying Preferences The 3rd video in the Sublime Text 2 tutorial series. Here I show you the correct way to modify preferences and settings in Sublime Text 2. https://www.youtube.com/embed/jTcwhLk_7xY 322 2012-11-30T02:56:27.000Z https://syntax.yabby.page/video/sublime-text-tutorials-2-interface-overview 2026-10-15T03:45:20.756Z https://i.ytimg.com/vi/KnfWIfCTKro/maxresdefault.jpg Sublime Text Tutorials #2 - Interface Overview The 2nd video in the Sublime Text 2 tutorial series. Here I give a brief overview of Sublime Text 2 interface and show you how to get around and use the standard features found in most text editors. https://www.youtube.com/embed/KnfWIfCTKro 595 2012-11-30T02:53:20.000Z https://syntax.yabby.page/video/css-tutorials-15-positioning-your-elements 2026-10-15T03:45:20.761Z https://i.ytimg.com/vi/g0r1JGjJfY0/maxresdefault.jpg CSS Tutorials #15 - Positioning Your Elements The 15th tutorial in the CSS tutorial series. In this lesson, I'll be showing how to position your elements with position: relative, absolute, and fixed. Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations https://www.youtube.com/embed/g0r1JGjJfY0 453 2012-10-12T01:29:14.000Z https://syntax.yabby.page/video/command-line-basics-3-making-and-deleting-files-and-directories 2026-10-15T03:45:20.765Z https://i.ytimg.com/vi/Q9EeK5_QfvI/maxresdefault.jpg Command Line Basics #3 - Making and Deleting Files and Directories Learn command line from the very basics. Here we create and delete files and directories. Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations https://www.youtube.com/embed/Q9EeK5_QfvI 446 2014-04-04T01:36:25.000Z https://syntax.yabby.page/video/my-coding-skills-are-atrophying 2026-10-18T16:15:13.367Z https://i.ytimg.com/vi/WKa1Tq4u79A/maxresdefault.jpg 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 🔥 Be the ~19,500th person to join our super tasty newsletter https://bit.ly/syntax_snackpack 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 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 44:14 Using Hermes and Self-Hosted AI Assistants 49:27 Sick Picks + Shameless Plugs All links available at https://syntax.fm/1031 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by https://sentry.io/syntax #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/WKa1Tq4u79A 3424 2026-08-19T11:00:27.000Z https://syntax.yabby.page/video/wordpress-basics-14-how-to-use-widgets 2026-10-15T03:45:20.776Z https://i.ytimg.com/vi/zx258_5Vv9Y/maxresdefault.jpg WordPress Basics #14 - How To Use Widgets The 14th video in the new WordPress Basics video series. Here we show you how to use widgets in WordPress. For questions post in the comments or visit: http://leveluptuts.com/forum https://www.youtube.com/embed/zx258_5Vv9Y 312 2014-02-14T01:52:40.000Z https://syntax.yabby.page/video/web-mcp-is-here-and-you-should-care 2026-10-18T16:15:13.292Z https://i.ytimg.com/vi/xtVvkRTH5ck/maxresdefault.jpg 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. 🔥 Be the ~19,500th person to join our super tasty newsletter https://bit.ly/syntax_snackpack 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 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 52:45 Sick Picks + Shameless Plugs All links available at https://syntax.fm/1037 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by https://sentry.io/syntax #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/xtVvkRTH5ck 3391 2026-09-09T11:00:23.000Z https://syntax.yabby.page/video/compass-tutorials-12-utilities-part1-links-color-contrast 2026-10-15T03:45:20.781Z https://i.ytimg.com/vi/lbIyQIvbEtY/maxresdefault.jpg Compass Tutorials #12 - Utilities Part1 - Links & Color Contrast The 12th Compass tutorial in the Sass tutorial series. This tutorial teaches you how to use Links and Color Contrast utilities in Compass https://www.youtube.com/embed/lbIyQIvbEtY 500 2012-04-27T01:59:18.000Z https://syntax.yabby.page/video/sass-tutorials-15-for-loops 2026-10-15T03:45:20.785Z https://i.ytimg.com/vi/EZKl7snoF0U/maxresdefault.jpg Sass Tutorials #15 - For Loops The 15th tutorial in the Sass Tutorial series. This video teaches you how to use For loops in Sass to accomplish some really interesting things. One more tool in your Sass library. https://www.youtube.com/embed/EZKl7snoF0U 274 2012-04-24T01:19:35.000Z https://syntax.yabby.page/video/drupal-7-tutorials-46-getting-to-know-feeds 2026-10-15T03:45:20.789Z https://i.ytimg.com/vi/yxCzrkcpEvs/maxresdefault.jpg Drupal 7 Tutorials #46 - Getting To Know Feeds This tutorial gives you an introduction to the feeds module. Subscribe for more free tutorials https://goo.gl/6ljoFc, more Drupal Tutorials here: https://goo.gl/YDHhLW Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e This Drupal 7 tutorial series shows users how to build websites with the very popular open source content management system Drupal 7. https://www.youtube.com/embed/yxCzrkcpEvs 490 2012-08-02T00:38:39.000Z https://syntax.yabby.page/video/i-made-a-custom-game-boy-game 2026-10-18T16:15:13.098Z https://i.ytimg.com/vi/POylAyrYzTw/maxresdefault.jpg I made a Game Boy game in 2026 CJ built a Game Boy Color game in 4 days. Here's how he did it. 00:00 - intro 01:24 - the plan 02:36 - ways to build a GBC game 03:26 - i've built retro games before 03:56 - just get it working first 05:17 - GBC sd card flash cart 05:58 - GBC emulators 07:04 - GBC Rom Format Testing 07:46 - GBC mods: shell swap and backlight screen 09:16 - build build build 09:47 - creating pixel art with pixelorama 10:28 - how game boy color graphics work 12:55 - scoping down the plan, fixing bugs 14:34 - story dialogue 15:36 - polish and clean up 16:15 - GBC music format 17:31 - attract mode 18:24 - syntax error retro ad 18:41 - we did it (and what's next) 20:18 - call for artists 20:36 - thanks I'm looking for an artist for the game cover art. See the brief here: https://docs.google.com/document/d/1OfrbtdTVhJmFONzQbb7p7XVb1ueWDnEL1BjDHE9RJrM/ Backlight Mod | https://amzn.to/4rFE92g Custom Shell | https://amzn.to/4hDmSCj 8GB SD Game Cartridge | https://amzn.to/4jyJwOG Worm Light | https://amzn.to/4xVsfCU Refurbished Game Boy Color | https://amzn.to/4rIMPVv GB Studio | https://www.gbstudio.dev/ GBDK 2020 | https://gbdk.org/ GBDK Github | https://github.com/gbdk-2020/gbdk-2020/ GBDK Platformer Template | https://github.com/gbdk-2020/gbdk-2020/tree/develop/gbdk-lib/examples/cross-platform/platformer_template PyBoy | https://github.com/Baekalfen/PyBoy SameBoy | https://sameboy.github.io/ Pixelorama | https://pixelorama.org/ hUGETracker | https://github.com/SuperDisk/hUGETracker GBS Music | https://www.gbstudio.dev/music/ Backlight Mod install guide | https://www.youtube.com/watch?v=kDnYH0dnr0w ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by https://sentry.io/syntax #gameboy #gameboycolor #retrogaming #syntax #syntaxfm #programming #coding https://www.youtube.com/embed/POylAyrYzTw 1262 2026-10-02T11:00:13.000Z https://syntax.yabby.page/video/drupal-7-tutorials-44-how-to-create-a-responsive-slideshow-in-drupal-7-with-flexslider 2026-10-15T03:45:20.796Z https://i.ytimg.com/vi/s8I0r6zEvjI/maxresdefault.jpg Drupal 7 Tutorials #44 - How To Create a Responsive Slideshow In Drupal 7 with FlexSlider This Drupal 7 tutorial shows you how to create a responsive slideshow using the Views Slideshow module and jQuery FlexSlider. Subscribe for more free tutorials https://goo.gl/6ljoFc, more Drupal Tutorials here: https://goo.gl/YDHhLW Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! http://leveluptuts.com/level-up-pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e This Drupal 7 tutorial series shows users how to build websites with the very popular open source content management system Drupal 7. https://www.youtube.com/embed/s8I0r6zEvjI 412 2012-06-25T01:33:21.000Z https://syntax.yabby.page/video/drupal-tutorials-36-taxonomy-part-2 2026-10-15T03:45:20.802Z https://i.ytimg.com/vi/ukAI0mUz-Ks/maxresdefault.jpg Drupal Tutorials #36 - Taxonomy Part 2 This is the 36th tutorial in the Drupal 7 tutorial series. This tutorial shows you how to use parent child relationships with Taxonomy terms. https://www.youtube.com/embed/ukAI0mUz-Ks 344 2012-05-26T01:24:27.000Z https://syntax.yabby.page/video/sass-tutorials-17-using-live-reload 2026-10-15T03:45:20.809Z https://i.ytimg.com/vi/xpoAhQFRo1o/maxresdefault.jpg Sass Tutorials #17 - Using Live Reload The 17th tutorial in the Sass Tutorial Series. This tut shows you how to use Live Reload to compile your Sass and automatically refresh your browser. http://livereload.com/ https://www.youtube.com/embed/xpoAhQFRo1o 298 2012-05-22T00:07:51.000Z https://syntax.yabby.page/video/the-worst-birth-date-selector-ui-badui-webdevelopment-react-ux-ui-rage 2026-10-15T03:45:20.815Z https://i.ytimg.com/vi/Xsf_vKX3tho/maxresdefault.jpg The WORST birth date selector UI #badui #webdevelopment #react #ux #ui #rage What's the WORST birth date selector you've ever encountered in the wild? 🔥 Be the ~14,700th person to join our super tasty newsletter https://bit.ly/syntax_snackpack ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/Xsf_vKX3tho 55 2025-05-27T16:42:40.000Z https://syntax.yabby.page/video/there-s-probably-browser-api-for-that 2026-10-15T03:45:20.819Z https://i.ytimg.com/vi/8x1428A6G9A/maxresdefault.jpg there's probably browser API for that👌 🔥 Be the ~14,700th person to join our super tasty newsletter bit.ly/syntax_snackpack All links available at https://syntax.fm/874 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/8x1428A6G9A 39 2025-02-06T19:26:20.000Z https://syntax.yabby.page/video/how-do-we-choose-the-next-token-from-a-transformer-llm-explainer-programming-ml 2026-10-18T16:15:13.484Z https://i.ytimg.com/vi/Jikgwe1rY_o/maxresdefault.jpg How do we choose the next token from a transformer (LLM)? #explainer #programming #ml The output of a transformer (LLM) is a score (logit) for every possible next token. We then use temperature, softmax, top-p and sampling to choose the next token, excerpt from my video "I Built an LLM From Scratch" Watch the full video here: https://www.youtube.com/watch?v=YmLp8qe87A0 ------------------------------------------------------------------------------ http://www.syntax.fm Brought to you by https://sentry.io/syntax #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/Jikgwe1rY_o 110 2026-07-17T19:36:38.000Z https://syntax.yabby.page/video/there-will-probably-be-another-vs-code-fork-in-2025 2026-10-15T03:45:20.823Z https://i.ytimg.com/vi/97dBQSNVMC0/maxresdefault.jpg there will probably be another vs code fork in 2025 In this 2025 web development predictions episode, Scott and Wes make guesses about what will happen in AI, React, CSS, Svelte, servers, and more over the next couple years. 👉 Join the exclusive newsletter - https://syntax.fm/snackpack ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #AI #webdev #React #tech2025 #techpredictions #2025 #Podcasts #syntaxfm https://www.youtube.com/embed/97dBQSNVMC0 48 2025-01-09T19:28:49.000Z https://syntax.yabby.page/video/compass-tutorials-9-using-codekit-to-install-and-compile-compass 2026-10-15T03:45:20.829Z https://i.ytimg.com/vi/gNR79wV0kdI/maxresdefault.jpg Compass Tutorials #9 - Using CodeKit to Install and Compile Compass The 9th Compass tutorial in the Sass tutorial series. This tutorial covers how to use the application CodeKit to compile, configure, and install your compass. http://incident57.com/codekit/ https://github.com/stolinski/Level-Up-Tuts---Sass-Tutorials https://www.youtube.com/embed/gNR79wV0kdI 224 2012-04-15T01:17:00.000Z https://syntax.yabby.page/video/there-s-python-in-my-javascript-with-andrea-giammarchi 2026-10-15T03:45:20.836Z https://i.ytimg.com/vi/8WAntUHM_CY/maxresdefault.jpg There's Python in my JavaScript! with Andrea Giammarchi Scott and Wes talk with Andrea Giammarchi (aka WebReflection) about his projects, including LinkDOM and PyScript, and the exciting future of running Python in the browser via WebAssembly. 👉 Join the exclusive newsletter - https://syntax.fm/snackpack Show Notes 00:00 Welcome to Syntax! 01:04 Andrea’s background and early work 07:25 Brought to you by Sentry.io 09:56 Pyscript 14:31 Why run Python in the browser? 20:17 Using WebAssembly to run different languages in JS 23:33 The advantages of WebAssembly 25:55 What excites Andrea about WASM 31:10 What is WASI? 32:21 Andrea’s experience with IOT and microcontrollers 35:35 How can the JS ecosystem be improved? 38:07 Should we have reactivity in the browser? 41:06 Andrea’s thoughts on server-side APIs 43:43 Andrea’s thoughts on TypeScript 49:13 Sick Picks & Shameless Plugs All links available at https://syntax.fm/842 ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript https://www.youtube.com/embed/8WAntUHM_CY 3225 2024-11-01T11:00:11.000Z https://syntax.yabby.page/video/compass-tutorials-6-sprites-in-compass 2026-10-15T03:45:20.842Z https://i.ytimg.com/vi/Tl6bceyTjFw/maxresdefault.jpg Compass Tutorials #6 - Sprites In Compass This is the 6th tutorial in the Compass series. This tutorial covers how to use Compass to generate your image sprites and do all of the heavy lifting for you. Compass-style.org says.. "It makes creating sprites a breeze", and they were not kidding. https://www.youtube.com/embed/Tl6bceyTjFw 412 2012-03-29T03:48:28.000Z https://syntax.yabby.page/video/compass-tutorials-5-config-rb-introduction 2026-10-15T03:45:20.849Z https://i.ytimg.com/vi/8BX-GL_8QNw/maxresdefault.jpg Compass Tutorials #5 - Config.rb Introduction This is the 5th tutorial in the Compass series. This tutorial is an introduction to the config.rb file that tells Compass the configuration of your site. https://www.youtube.com/embed/8BX-GL_8QNw 217 2012-03-29T03:17:10.000Z https://syntax.yabby.page/video/this-ai-agent-runs-your-entire-dev-workflow 2026-10-15T03:45:20.866Z https://i.ytimg.com/vi/KShA22Crumc/maxresdefault.jpg This AI Agent Runs Your Entire Dev Workflow Wes and Scott talk about building hyper-specific personal software with AI. They explore personal agents, home automation, JSON-as-a-database, and how LLMs unlock fast, custom apps that reduce friction and replace bloated SaaS. 🔥 Be the ~18,300th person to join our super tasty newsletter https://bit.ly/syntax_snackpack (00:00) Welcome to Syntax! (01:53) What is personal software (and why it matters) (04:49) Using AI agents to build hyper-specific apps for yourself (13:43) Supercharging your dev workflow with Tailscale (19:06) Privacy when working with LLMs (21:39) Brought to you by Sentry.io (22:21) Real-world personal app ideas (39:14) Sick Picks + Shameless Plugs All links available at https://syntax.fm/974 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/KShA22Crumc 2772 2026-01-28T12:00:40.000Z https://syntax.yabby.page/video/think-of-a-javascript-promise-as-a-data-iou 2026-10-15T03:45:20.870Z https://i.ytimg.com/vi/vCky3Z9-qjs/maxresdefault.jpg Think of a JavaScript Promise as a data IOU Today's episode JS Promises Fundamentals - Part 1 A 3-part series on JavaScript promises. Part 1 covers the basics of what promises are, creating promises, and waiting on promises to resolve. Full episode https://www.youtube.com/watch?v=bmOzRI5Job0 ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #promises #data #async #await #programming https://www.youtube.com/embed/vCky3Z9-qjs 46 2024-05-07T13:32:44.000Z https://syntax.yabby.page/video/compass-tutorials-4-css3-transitions 2026-10-15T03:45:20.877Z https://i.ytimg.com/vi/wn6mTxdiEFY/maxresdefault.jpg Compass Tutorials #4 - CSS3 Transitions This is the 4th tutorial in the Compass series. This tutorial covers how to use the built in Css3 mixins for easier transitions in your css. https://www.youtube.com/embed/wn6mTxdiEFY 253 2012-03-23T01:11:47.000Z https://syntax.yabby.page/video/this-component-could-have-been-a-class 2026-10-15T03:45:20.888Z https://i.ytimg.com/vi/JoHjduq87-0/maxresdefault.jpg 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 https://www.youtube.com/embed/JoHjduq87-0 93 2026-02-09T19:35:43.000Z https://syntax.yabby.page/video/this-custom-highlight-api-is-neat 2026-10-15T21:15:16.312Z https://i.ytimg.com/vi/iGrLxdC99jA/maxresdefault.jpg This custom highlight API is NEAT Interop's Custom Highlight API is NEAT https://www.youtube.com/embed/iGrLxdC99jA 46 2026-04-10T17:06:34.000Z https://syntax.yabby.page/video/drupal-tutorials-2-the-admin-bar-part-1 2026-10-15T03:45:20.892Z https://i.ytimg.com/vi/r6rllB4-xoE/maxresdefault.jpg Drupal Tutorials #2 - The Admin Bar Part 1 This Drupal 7 tutorial shows users how to navigate the Drupal 7 admin bar. Subscribe for more free tutorials https://goo.gl/6ljoFc, more Drupal Tutorials here: https://goo.gl/YDHhLW Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e This Drupal 7 tutorial series shows users how to build websites with the very popular open source content management system Drupal 7. https://www.youtube.com/embed/r6rllB4-xoE 350 2012-03-15T04:30:10.000Z https://syntax.yabby.page/video/sass-tutorials-12-build-your-own-function-part-2-if-else 2026-10-15T03:45:20.899Z https://i.ytimg.com/vi/HN0i9cYekKY/maxresdefault.jpg Sass Tutorials #12 - Build Your Own Function Part 2 - If Else This is the 12th tutorial in a series that show users how to code CSS using advanced features in Sass. This tutorial covers how to use If and Else conditionals inside of your Sass functions to add further options and functionality. https://www.youtube.com/embed/HN0i9cYekKY 310 2012-03-06T02:15:41.000Z https://syntax.yabby.page/video/sass-tutorials-2-the-basics-of-variables-in-sass 2026-10-15T03:45:20.905Z https://i.ytimg.com/vi/u-f72IQMloA/maxresdefault.jpg Sass Tutorials #2 - The Basics of Variables in Sass This is the 2nd tutorial in a series that show users how to code CSS with Sass. This tutorial covers the use of Variables. Variables allow for the reuse of values within CSS and can use basic math and operations. Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations https://www.youtube.com/embed/u-f72IQMloA 525 2012-02-23T03:01:55.000Z https://syntax.yabby.page/video/drupal-tutorials-28-imce-imce-wysiwyg-bridge 2026-10-15T03:45:20.910Z https://i.ytimg.com/vi/ddH34QJmWR0/maxresdefault.jpg Drupal Tutorials #28 - IMCE & IMCE Wysiwyg Bridge This is the 28th tutorial in the Drupal 7 tutorial series. This tutorial shows you how to add an image upload to your Wysiwyg with IMCE & IMCE Wysiwyg Bridge. Subscribe for more free tutorials https://goo.gl/6ljoFc, more Drupal Tutorials here: https://goo.gl/YDHhLW Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e This Drupal 7 tutorial series shows users how to build websites with the very popular open source content management system Drupal 7. https://www.youtube.com/embed/ddH34QJmWR0 437 2012-04-21T00:49:28.000Z https://syntax.yabby.page/video/how-to-debug-webapps-on-ios-using-a-mac 2026-10-15T03:45:20.916Z https://i.ytimg.com/vi/U0kGi26r5wQ/maxresdefault.jpg How To Debug Webapps On iOS Using A Mac Become a Level Up Pro and take your web skills to the next level! https://www.leveluptutorials.com The best web development podcast out there Syntax with Wes Bos and Scott Tolinski https://syntax.fm 🎨 VSCode Theme: https://marketplace.visualstudio.com/items?itemName=leveluptutorials.theme-levelup All of the stuff I use https://www.scotttolinski.com/uses https://www.youtube.com/embed/U0kGi26r5wQ 106 2022-10-25T18:42:20.000Z https://syntax.yabby.page/video/live-with-level-up-tuts-framer-x-first-look 2026-10-15T03:45:20.920Z https://i.ytimg.com/vi/oUhoBus1nn0/maxresdefault.jpg Live With Level Up Tuts - Framer X First Look # Links Learn more about Framer X : http://bit.ly/2OpFqXr Level Up your web development & design skills: https://www.leveluptutorials.com/pro The tastiest web development podcast around: https://syntax.fm/ Shop Level Up Tutorials: https://www.leveluptutorials.com/store/products/tutorials https://www.youtube.com/embed/oUhoBus1nn0 2856 2018-08-10T20:28:33.000Z https://syntax.yabby.page/video/stop-using-ai-for-this 2026-10-15T03:45:20.926Z https://i.ytimg.com/vi/pVBKWLkRqXw/maxresdefault.jpg Stop Using AI For This In this video CJ gives some alternatives to depending on AI for everything. 🔥 Be the ~14,700th person to join our super tasty newsletter https://bit.ly/syntax_snackpack 00:00 - intro 01:15 - $1200 OpenAI Bill 02:24 - use existing solutions 11:18 - convert JSON to types 13:14 - use IDE refactoring 15:13 - use CLI generators 17:02 - use deterministic linters 18:53 - viewer comments ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/pVBKWLkRqXw 1279 2025-10-28T11:02:01.000Z https://syntax.yabby.page/video/is-it-vibe-coded-or-did-barney-raise-a-seed-round 2026-10-15T03:45:20.930Z https://i.ytimg.com/vi/eOvEJJ2WojA/maxresdefault.jpg Is it vibe coded or did Barney raise a seed round? 🔥 Be the ~16,795th person to join our super tasty newsletter https://bit.ly/syntax_snackpack ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev #vibecoding #aislop #aiproblems https://www.youtube.com/embed/eOvEJJ2WojA 56 2025-10-03T17:49:14.000Z https://syntax.yabby.page/video/customizing-wordpress-12-starter-themes-intro-to-underscores 2026-10-15T03:45:20.937Z https://i.ytimg.com/vi/DspPgD4-EOY/maxresdefault.jpg Customizing WordPress #12 - Starter Themes - Intro To Underscores The 12th video in the Customizing WordPress tutorial series. Here we create a new theme with the Underscores Starter Theme. http://underscores.me/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro #1 OUTSOURCING SERVICE FOR WORDPRESS https://api.referoo.co/hits/create_hit?partner_id=16&medium_id=1 For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations https://www.youtube.com/embed/DspPgD4-EOY 264 2014-04-16T00:57:39.000Z https://syntax.yabby.page/video/wtf-is-jev 2026-10-18T16:15:13.172Z https://i.ytimg.com/vi/QbYBRjOaGOo/maxresdefault.jpg Jev Explained: Demos and Use Cases In this video CJ explains what Jev is, how it works and goes through several use cases and demos. View the code for jev chat here: https://github.com/w3cj/jev-chat 00:00 - intro 00:13 - what is jev? 01:35 - how does jev work? 03:26 - how is jev different from an LLM? 04:48 - where does jev fit in? 05:36 - demo: browser use demo 06:11 - demo: classifying data 07:21 - demo: realtime classifying 09:45 - demo: code review / analysis 10:14 - demo: LLM summary checking and analysis 11:26 - demo: model router 12:10 - demo: jev chat bot with no LLM 14:27 - demo: jev chat bot wikipedia question answer 15:40 - demo: jev chat bot smart home control 16:40 - jev chat bot architecture Announcing Jev | https://x.com/CompleteSkeptic/status/2099925682726002904 Introducing System One | https://typesafe.ai/blog/introducing-system-one-models-and-jev Thinking Fast and Slow | https://en.wikipedia.org/wiki/Thinking,_Fast_and_Slow Jev Docs | https://docs.typesafe.ai/introduction Jev Demos: Find flights | https://x.com/gregpr07/status/2100411066966749359 Classify Articles | https://x.com/nutlope/status/2100426999546184123 Classify Resumes / Job Postings Match | https://x.com/h_nilforoshan/status/2100409794276520341 Classify Emails | https://www.youtube.com/watch?v=9oWxrsRo4d8 Realtime text analysis | https://x.com/stevekrouse/status/2100287368221659289 Realtime X browser extension | https://x.com/marcelpociot/status/2100520134481735729 Realtime debate BS meter | https://x.com/chetaslua/status/2100473581251748216 Play Tetris | https://x.com/marcus_lowe/status/2100315518930661861 Self Driving | https://x.com/jpschroeder/status/2100347770867458384 Jev Code Review | https://x.com/devagrawal09/status/2100341005690298687 Junior by Sentry | https://github.com/getsentry/junior Jev Smart home demo | https://docs.typesafe.ai/demos/smart-home Use Vercel AI SDK with Jev | https://vercel.com/changelog/typesafe-ai-jev-now-available-on-ai-gateway ------------------------------------------------------------------------------ Hit us up on Socials! https://www.youtube.com/embed/QbYBRjOaGOo 1071 2026-09-17T18:50:49.000Z https://syntax.yabby.page/video/the-true-cost-of-ai-coding 2026-10-18T16:15:13.382Z https://i.ytimg.com/vi/iPUn1Fnfn0k/maxresdefault.jpg Is AI Addictive? In this video Scott explores both the negative and positive mental health effects of AI coding, with data and expert commentary. 00:00 - intro 00:20 - Rob in the hospital from prompting 01:08 - Disclaimer 01:11 - Chapter 1: Crash & Burnout 05:29 - Chapter 2: Why is prompting hard to put down? 07:39 - Chapter 3: If AI saves time, why is there more pressure? 10:23 - Chapter 4: What happens to enjoyment, skill, and identity? 14:00 - Chapter 5: What separates energizing use from unhealthy use? 17:52 - Chapter 6: What should change? 24:21 - Support Take the Survey: https://forms.gle/TvtjgtU7UPnK7DC9A See the charts here: https://ai-health.syntax.fm Dr. Courtney Tolinski PhD, LP, NCSP: https://phases.fm @phasesfm Adam Elmore: https://x.com/adamdotdev @adamdotdev Mark Erikson: https://bsky.app/profile/acemarke.dev @markerikson3383 Mark Erikson's Blog: https://blog.isquaredsoftware.com Miranda Heath: https://bsky.app/profile/mirandaheath.website, http://mirandaheath.website @mirandaheath.website Aaron Francis: https://x.com/aarondfrancis, https://aaronfrancis.com/ @aarondfrancis Stanford AI Index Report: https://hai.stanford.edu/assets/files/ai_index_report_2026.pdf The brain side of human-AI interactions in the long-term: the “3R principle”: https://www.nature.com/articles/s44387-025-00063-1 If you’re struggling with anxiety or depression, you don’t have to face it alone. Consider reaching out to a licensed mental health professional or visit ADAA.org for information and support. If you’re in crisis or need immediate emotional support in the United States, call or text 988. If there is immediate danger, call 911. ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski http://www.syntax.fm Brought to you by https://sentry.io/syntax #mentalhealth #programming #interview #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/iPUn1Fnfn0k 1467 2026-08-14T12:00:10.000Z https://syntax.yabby.page/video/someone-rebuilt-the-entire-adobe-suite-for-free 2026-10-18T16:15:14.317Z https://i.ytimg.com/vi/UxSOq83ve3A/maxresdefault.jpg Someone rebuilt the entire Adobe Suite for free Someone rebuilt the entire Adobe Suite for free #photoshop #adobe #rust #opensource #syntaxfm https://www.youtube.com/embed/UxSOq83ve3A 67 2026-10-15T12:36:43.000Z https://syntax.yabby.page/video/copilot-workspace-first-look-test 2026-10-15T03:45:20.941Z https://i.ytimg.com/vi/lFMXc2f8-Do/maxresdefault.jpg Copilot Workspace First Look & Test Scott puts an early version of Copilot Workspace to the test by having it attempt to solve 5 issues on the Syntax.fm repo. 00:00 intro 01:50 test 1 - copy file 10:23 test 2 - remove Ben from about page 👉 Join the exclusive newsletter - https://syntax.fm/snackpack **Show Notes** All links available at https://syntax.fm/724 ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript https://www.youtube.com/embed/lFMXc2f8-Do 2211 2024-11-05T19:26:35.000Z https://syntax.yabby.page/video/what-are-style-queries-in-css 2026-10-15T03:45:20.945Z https://i.ytimg.com/vi/-fCnxiXqUBs/maxresdefault.jpg What are Style Queries in CSS? What are style queries in CSS? AND how do they relate to container queries? #css #stylequeries #containerqueries #webdesign #webdev #newincss https://www.youtube.com/embed/-fCnxiXqUBs 60 2023-07-24T14:48:50.000Z https://syntax.yabby.page/video/8-a-basic-lost-grid 2026-10-15T03:45:20.949Z https://i.ytimg.com/vi/xTcOUh4rKMo/maxresdefault.jpg #8 - A Basic Lost Grid Here, I show you my favorite and most used grid system. Lost by Cory Simmons. https://github.com/corysimmons/lost https://www.patreon.com/leveluptuts The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e https://www.youtube.com/embed/xTcOUh4rKMo 455 2015-09-01T21:54:29.000Z https://syntax.yabby.page/video/svelte-5-in-action-build-a-tasks-app 2026-10-15T03:45:20.957Z https://i.ytimg.com/vi/uSWMvDPpG0k/maxresdefault.jpg Svelte 5: In Action | Build A Tasks App In this video CJ showcases the new features of Svelte 5 by building tasks application. He demos $state, $derived, $props, $derived.by and talks about some of the other changes in Svelte 5. 👉 Join the exclusive newsletter - https://syntax.fm/snackpack View the code here: https://github.com/w3cj/svelte-5-tasks-app 00:00 intro 00:42 create form 05:15 tasks list 07:50 mark as done 10:08 total status 11:24 remove task 13:34 filter tasks 17:34 filter buttons 20:11 transition animations 20:53 thanks! Svelte | https://svelte.dev/ Svelte 5 Release | https://svelte.dev/blog/svelte-5-is-alive Svelte 5 Migration Guide | https://svelte.dev/docs/svelte/v5-migration-guide Pico CSS | https://picocss.com/ ------------------------------------------------------------------------------ Hit us up on Socials! https://www.syntax.fm/links Brought to you by Sentry - Use code "tastytreats" to get 2 months free - https://sentry.io/syntax #svelte #javascript #webdevelopment https://www.youtube.com/embed/uSWMvDPpG0k 1300 2024-11-19T17:05:29.000Z https://syntax.yabby.page/video/and-here-s-what-scott-tolinski-has-to-say-about-soft-skills-for-web-developers 2026-10-15T03:45:20.972Z https://i.ytimg.com/vi/epqvKw7kmHo/maxresdefault.jpg And here's what Scott Tolinski has to say about soft skills for web developers Episode # 663 - Potluck × Soft Skills × Release Notes × Headless CMS × Organizing Code × Inet CSS? Listen to the whole episode here: https://syntax.fm/show/663/potluck-soft-skills-release-notes-headless-cms-organizing-code-inet-css #softskills #webdev #benice #learntocode #webdevelopment #softwaredev #career #techcareer #communication #skills https://www.youtube.com/embed/epqvKw7kmHo 57 2023-09-15T21:36:10.000Z https://syntax.yabby.page/video/behind-the-scenes-syntax-live-2 2026-10-15T03:45:20.976Z https://i.ytimg.com/vi/I6pSlESq_bY/maxresdefault.jpg Behind the Scenes Syntax Live https://syntax.fm/live Friday Oct 30th, 10:30am PST, 1:30 EST. Join the fun & call into the show! Ask a potluck question, give us your sick pick, do a shameless plug or have us ask you a Stump'd question! https://www.youtube.com/embed/I6pSlESq_bY 29 2020-10-30T17:11:55.000Z https://syntax.yabby.page/video/your-dirty-css-secrets 2026-10-14T11:15:16.727Z https://i.ytimg.com/vi/tYvXx87f7iY/maxresdefault.jpg Your dirty CSS secrets 50 shades of Syntax yellow 🫦 https://www.youtube.com/embed/tYvXx87f7iY 62 2026-07-02T15:34:43.000Z https://syntax.yabby.page/video/8-new-css-js-and-html-features-you-should-know 2026-10-18T16:15:13.336Z https://i.ytimg.com/vi/Ssm0vJtJr2U/maxresdefault.jpg 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 🔥 Be the ~19,500th person to join our super tasty newsletter https://bit.ly/syntax_snackpack Show Notes 00:00 Welcome to Syntax! 00:22 CSS Alpha() Relative Color Function 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 Wes’s Demo Site | https://recent-web-feature-examples.wesbos.chatgpt.site/ Google Groups | https://groups.google.com/a/mozilla.org/g/dev-platform/c/AqwTSNH6gkk/m/yBAzWz9_CAAJ?pli=1 Sentry.io | https://sentry.io/syntax All links available at https://syntax.fm/1033 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by https://sentry.io/syntax #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/Ssm0vJtJr2U 1118 2026-08-26T11:00:19.000Z https://syntax.yabby.page/video/bun-re-written-in-rust-zig-team-big-mad-typescript-7-released-now-10x-faster-syntax-weekly 2026-10-14T10:45:12.761Z https://i.ytimg.com/vi/pMwTR2KeuaU/maxresdefault.jpg Bun re-written in Rust, Zig team big mad ⟡ TypeScript 7 released, now 10x faster! ⌁ Syntax Weekly ⌁ CJ and Scott break down the biggest week in web dev: TypeScript 7 ships with a 10x-faster native port, Bun gets rewritten in Rust (much to the Zig team's dismay), and Better Auth joins Vercel. Plus GPT-5.6 first impressions, Odin 1.0, Cloudflare's new Workers cache and drag-and-drop deploys, and the OpenCode 2 beta 🔥 Be the ~19,500th person to join our super tasty newsletter https://bit.ly/syntax_snackpack 00:00:00 Welcome to Syntax! 00:00:17 CJ upgraded his homelab network 00:02:09 TypeScript 7 is 10x faster 00:11:36 Bun Rust rewrite drama 00:28:35 GPT 5.6 Impressions 00:41:02 Better Auth Acquired by Vercel 00:49:55 Grok Build CLI is stealing your code 00:56:05 Cloudflare Worker Cache and Drop 01:01:26 Check out CJ's latest video "I Built an LLM from Scratch" 01:03:10 Odin 1.0 Announced 01:05:39 OpenCode 2.0 Beta released 01:07:39 Winamp Skin Museum 01:11:12 CJ's new MP3 player 01:13:10 Scott's Robot Update ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by https://sentry.io/syntax #news #programming #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/pMwTR2KeuaU 4515 2026-07-13T15:49:05.000Z https://syntax.yabby.page/video/drizzle-the-typescript-sql-orm 2026-10-15T03:45:20.983Z https://i.ytimg.com/vi/Hh9xqRWYEJs/maxresdefault.jpg Drizzle The TypeScript SQL ORM Scott and Wes chat with Alex Blokh and Andrew Sherman, the co-founders of Drizzle ORM, about building a modern ORM from the ground up. They dive into the importance of type safety, creating filters with Drizzle, and the differences between Drizzle and other ORMs like Prisma. Pick up a Syntax × Drizzle Tee - https://sentry.shop/products/syntax-drizzle-tee Show Notes 00:00 Welcome to Syntax! 01:15 What is Drizzle? 02:36 The genesis of Drizzle. 04:15 The process of building an ORM. 05:38 '100% Type-Safe' and why that's not a great goal. 07:50 Who is responsible for writing the complicated TypeScript? 09:40 Is an ORM necessary for anyone working with data? 12:15 Creating a product that fits different complexities. 13:19 Brought to you by Sentry.io. 13:44 Creating filters in Drizzle. Callback-based, or imported. Why? 19:22 Drizzle vs Prisma vs Kysely. 22:45 Are you friendly with Prisma? 23:35 Relational queries. 25:17 Query vs select. 27:42 Maintaining so many different technologies. 30:37 Switching databases. 31:39 Drizzle Studio. 35:00 Accessing Cloudflare D1 SQLite requires connection through a worker. 37:40 Drizzle Kit. 41:37 Will you ever support MongoDB? 42:10 Supporting PGlite and local data storage landscape. 44:00 Being a developer in Ukraine in 2024. 51:07 Drizzle is expanding. 53:50 Sick Picks + Shameless Plugs. All links available at https://syntax.fm/797 ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript https://www.youtube.com/embed/Hh9xqRWYEJs 3451 2024-07-19T11:00:16.000Z https://syntax.yabby.page/video/you-should-try-zod-v4 2026-10-15T03:45:20.999Z https://i.ytimg.com/vi/T4Q1NvSePxs/maxresdefault.jpg You Should Try zod v4 In this video CJ talks about what is new in zod v4 and shows how he is using it in his projects. 00:00 Intro 00:51 Error pretty-printing 04:05 Stringbool 05:16 JSON Schema conversion 06:08 Migration Guide 06:54 zod core 07:45 thanks! 🔥 Be the ~14,700th person to join our super tasty newsletter https://bit.ly/syntax_snackpack ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #typescript #syntax #syntaxfm #webdev #zod https://www.youtube.com/embed/T4Q1NvSePxs 498 2025-06-03T11:00:48.000Z https://syntax.yabby.page/video/who-maxes-out-5-ai-subscriptions 2026-10-18T16:15:13.068Z https://i.ytimg.com/vi/jPvZubLUDNc/maxresdefault.jpg Who maxes out 5 AI subscriptions? Scott and Wes answer listener questions about what replaced blogging, what to do while your AI agent works, and who should pay for token costs. They also cover keeping agents from going off the rails, getting your team excited about AI, and staying motivated when AI takes the fun out of coding. 🔥 Be the ~19,500th person to join our super tasty newsletter https://bit.ly/syntax_snackpack Show Notes 00:00 Intro 00:40 Welcome to Syntax! 01:37 What’s the Modern Day Equivalent of Blogging? 08:35 What Should You Be Doing While Your Agent Works? 13:23 Brought to you by Sentry! 14:02 How Much Should Your Employer Cover for Token Spend? 18:32 Tracking What You Actually Burn with Codex Bar 20:26 How Do You Code HTML Emails in 2026? 25:22 How Do You Keep an Agent From Going Off the Rails? 30:23 Steering an Agent Mid Turn: Which Harness Does It Best? 32:44 How Do I Get My Engineers Interested in AI? 35:48 Beyond Telegram: Better Interfaces for Non Coding Agents 38:41 Staying Motivated When AI Takes the Fun Parts of Coding 41:55 Killing Rogue Node Processes and Restarting Your Machine 44:12 Custom Internal Harnesses: Worth It or a Token Hog? 47:47 Sick Picks + Shameless Plugs All links available at https://syntax.fm/1045 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by https://sentry.io/syntax #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/jPvZubLUDNc 3140 2026-10-07T11:00:38.000Z https://syntax.yabby.page/video/what-are-normies-using-ai-for 2026-10-18T16:15:13.142Z https://i.ytimg.com/vi/KQJLw6YNA4I/maxresdefault.jpg What are normies using AI for? Scott and Wes talk about how non-developers are actually using AI today. They also cover the stuff they don't think holds up, like AI-staged listings and automated marketing. 🔥 Be the ~19,500th person to join our super tasty newsletter https://bit.ly/syntax_snackpack Show Notes 00:00 Intro 00:38 Welcome to Syntax! 01:50 Finding Parts With AI: Van Buckles and Weird Bolts 03:59 Brought to you by Sentry! 04:37 Fixing Printers, Drivers, and Annoying Home Network Stuff 05:32 Rescuing E-Waste: Flashing a Broken Skylight Calendar 08:42 Red Tape, Permits, and Filling Out Awful PDF Forms 09:57 Self-Hosting Made Easy: Updating Your NAS and Docker Containers 11:18 Fighting Home Assistant Rot With Agents 13:20 Inbox and Calendar Management for a Family of Six 18:05 AI in Real Estate and Property Staging 21:10 Using Agents for Video Editing and Multicam Automation 23:53 GFX.computer: Building Better Infographics 25:59 Things That Won’t Hold Up: Generated Text and Automated Marketing 30:27 Home Lab Management Over Tailscale and SSH 32:46 3D Printing Parts With Nurb: Stands, Cases, and Airflow 34:51 MCP Servers for Software You Only Use Occasionally 36:58 Travel Planning: Great at Logistics, Terrible at Taste 39:31 Proposals and Job Applications: Everybody Sounds the Same 42:14 Sick Picks + Shameless Plugs All links available at https://syntax.fm/1041 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by https://sentry.io/syntax #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/KQJLw6YNA4I 2842 2026-09-23T11:00:14.000Z https://syntax.yabby.page/video/adobe-has-a-big-problem 2026-10-18T16:15:14.322Z https://i.ytimg.com/vi/SL8LD9oxVlY/maxresdefault.jpg Adobe has a big problem Someone just clean-room ported seven Adobe apps to Rust, and Wes is shocked at how good it is. Scott and Wes break down what it gets right, what’s still missing, and why copying software is easy but inventing what comes next is the hard part. 🔥 Be the ~19,500th person to join our super tasty newsletter https://bit.ly/syntax_snackpack 00:00 Welcome to Syntax! 00:12 Adobe Is in Trouble: A Clean Room Port of the Entire Suite 02:22 Scott’s Long Running Adobe Grudge Since 2017 03:42 Figma Is Not a Raster Tool: Why Every Alternative Falls Short 04:40 Opening Real Photoshop Files: Masks, Half Tones and Blend Modes 06:30 What Clean Room Porting Actually Means 09:54 A Familiar Interface, Entirely Built in Rust 10:15 Don’t Trash the Whole Thing Over One or Two Bugs 12:14 What’s Missing: Artboards and the Tiny UI Interactions 13:53 Where Are the Vibe Coded Photoshops? Four Months Later 14:33 Figma’s Locked Down MCP and the Backlash 17:22 Dylan’s Clap Back at Anthropic’s Own Closed Ecosystem 18:08 The Real Photoshop Replacement Will Be a New Way of Working 21:35 Good UI Is Still the Moat 22:28 Caring About Your Project Past Two Days 23:05 Audio Crackles and Paper Cuts: The Bugs Only Humans Chase 24:56 Brought to you by Sentry! 26:28 Copying Is Easy: The Hard Part Is Inventing What Comes Next 27:28 DaVinci Resolve Keeps Shipping Useful Releases 28:26 Sick Picks + Shameless Plugs All links available at https://syntax.fm/1047 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by https://sentry.io/syntax #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/SL8LD9oxVlY 2109 2026-10-14T11:00:16.000Z https://syntax.yabby.page/video/creating-the-1-photoshop-plugin-creative-director-cameron-mcefee 2026-10-15T03:45:21.019Z https://i.ytimg.com/vi/0CXs2IdXneY/maxresdefault.jpg Creating the #1 Photoshop Plugin, Creative Director, Cameron McEfee Wes and Scott welcome Cameron McEfee, a seasoned creative director whose journey spans GitHub, Sentry.io, and the innovative realm of JavaScript plugins with his creation, GuideGuide. Cameron explores plugin building, iterating on the iconic Octocat for GitHub, and shedding light on the multifaceted roles of a creative director. Show Notes 00:00 Welcome to Syntax! 01:06 Who is Cameron McEfee? 03:00 What does a Creative Director do? 09:47 In a creative and collaborative field, how do you deal with hurt feelings? 12:32 Experiences at GitHub (404/500 pages). 15:35 Who is responsible for all the Octocat variations? 17:18 Did you ever get in trouble for using famous IP? 21:07 Working at Sentry.io. 25:08 What is your illustration process? 27:04 What is GuideGuide? 33:13 Grid Notation. 36:10 Can 'good colors' be calculated, can good design be math'd? 40:46 What was the process of building your own plugin? 43:37 Adding guides with JavaScript APIs. 44:44 Recreating application UIs within plugins. 50:22 How are you architecting these plugins? 52:44 Sick Picks & Shameless Plugs. All links available at https://syntax.fm/743 ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript https://www.youtube.com/embed/0CXs2IdXneY 3403 2024-03-15T11:00:01.000Z https://syntax.yabby.page/video/open-models-replace-big-ai-every-new-browser-feature-death-of-stack-overflow-syntax-weekly 2026-10-18T16:15:13.477Z https://i.ytimg.com/vi/hZCBtPDe8-g/maxresdefault.jpg Open Models Replace Big AI ⟡ Every New Browser Feature ⟡ Death of Stack Overflow ⌁ Syntax Weekly ⌁ A huge week for open models: Inkling (the first big US open-weight model since Gemma 4), Qwen 3.8, and Kimi 3 all dropped. Plus Vue 3.6 RC + Vapor Mode, the slow death of Stack Overflow, a decoy font that blinds AI, and the usual grab bag of fun links. 🔥 Be the ~19,500th person to join our super tasty newsletter https://bit.ly/syntax_snackpack 00:00:00 Welcome to Syntax 00:03:05 Vue.js 3.6 RC Released 00:10:40 Rift - new worktree alternative 00:18:00 Every new browser feature 00:23:25 Kimi K3 Released 00:30:00 What are Open Weight Models 00:33:12 Kimi K3 Architecture 00:34:25 Qwen 3.8 Released 00:37:13 Inkling from Thinking Machines 00:41:22 Mole Cleanup App 00:43:58 Moshi Terminal App 00:46:55 RIP Stack Overflow 00:55:01 Scott's Foot Pedal 00:55:50 Scott's Feet 00:57:05 Decoy Font 01:00:11 Jurassic Park Computers 01:04:57 Ride the Tokyo Trains LIVE Vue 3.6 RC | https://github.com/vuejs/core/releases/tag/v3.6.0-rc.1 Git Worktree Alternatives | https://github.com/anomalyco/rift MDN Updates | https://developer.mozilla.org/en-US/plus/updates Chrome CSS text-fit property | https://chromestatus.com/feature/5104141688635392 Inkling Model from Thinking Machines | https://thinkingmachines.ai/news/introducing-inkling/ Qwen 3.8 Released | https://x.com/Alibaba_Qwen/status/2078759124914098291 Kimi K3 Released | https://www.kimi.com/blog/kimi-k3 Mole Cleanup mac App | https://mole.fit/ Moshi Terminal App | https://getmoshi.app/ RIP Stackoverflow | https://data.stackexchange.com/stackoverflow/query/1953768/stackoverflow Decoy Font | https://www.mixfont.com/experiments/decoy-font Jurassic Park Computers | https://fabiensanglard.net/jurrasic_park_computers/index.html Ride one tokyo trains live | https://jivx.com/densha ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to y https://www.youtube.com/embed/hZCBtPDe8-g 4111 2026-07-20T16:13:37.000Z https://syntax.yabby.page/video/you-re-gonna-hate-this-tier-list 2026-10-14T11:45:15.389Z https://i.ytimg.com/vi/-S_YR5HsAS8/maxresdefault.jpg You're gonna hate this tier list. Scott, Wes, and CJ destroy their friendships by trying to rank web tech tier list style 🔥 Be the ~19,500th person to join our super tasty newsletter https://bit.ly/syntax_snackpack Tech we talked about: https://sqlite.org/ https://svelte.dev/ https://react.dev/ https://www.ffmpeg.org/ https://github.com/Vanilagy/mediabunny https://www.cloudflare.com/ https://sentry.io/ (channel sponsor) https://vercel.com/ https://vuejs.org/ https://vite.dev/ https://tailwindcss.com/ https://www.postgresql.org/ https://nodejs.org/en https://deno.com/ https://bun.com/ https://www.typescriptlang.org/ https://www.php.net/ https://rust-lang.org/ https://wordpress.com/ https://astro.build/ https://orm.drizzle.team/ https://graphql.org/ https://www.docker.com/ https://jquery.com/ https://redis.io/ https://angular.dev/ https://nextjs.org/ https://aws.amazon.com/ https://www.mongodb.com/ https://www.mysql.com/ https://nuxt.com/ https://supabase.com/ https://go.dev/ https://playwright.dev/ https://www.lua.org/ https://www.python.org/ ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by https://sentry.io/syntax #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/-S_YR5HsAS8 815 2026-06-26T13:37:28.000Z https://syntax.yabby.page/video/date-pickers-suck-we-fixed-them 2026-10-15T19:45:15.364Z https://i.ytimg.com/vi/4JUx-8KkRPw/maxresdefault.jpg Date pickers suck, we fixed them Date pickers SUCK. So we decided to do something about it. Scott, Wes, and CJ each built their own date picker from scratch, then we had real users test them to find out whose is actually the best. Things got competitive and feelings may have been hurt. Hit us up in the comments — which date picker would YOU use? 🔥 Be the ~18,300th person to join our super tasty newsletter https://bit.ly/syntax_snackpack Scott's https://github.com/stolinski/hot-date https://www.npmjs.com/package/@stolinski/hot-date Wes' https://www.npmjs.com/package/@wesbos/date-range-picker CJ's https://www.npmjs.com/package/@w3cj/magic-date-picker ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/4JUx-8KkRPw 1232 2026-05-08T14:38:28.000Z https://syntax.yabby.page/video/ai-is-stealing-from-you 2026-10-18T16:15:13.515Z https://i.ytimg.com/vi/mudigpnq4yk/maxresdefault.jpg AI Is Stealing From You AI is stealing from You, yes you the person reading this right now. Here's how, why and what you can do. Generative AI without guardrails can harm learning: Evidence from high school mathematics | https://www.pnas.org/doi/10.1073/pnas.2422633122 Making things hard on yourself, but in a good way | https://bjorklab.psych.ucla.edu/publication/bjork-e-l-bjork-r-a-2014-making-things-hard-on-yourself-but-in-a-good-way-creating-desirable-difficulties-to-enhance-learning-in-m-a-gernsbacher-and-j-pomerantz-eds-psycholo/ Productive Failure in Learning Math | https://onlinelibrary.wiley.com/doi/full/10.1111/cogs.12107 Habitual use of GPS negatively impacts spatial memory during self-guided navigation | https://www.nature.com/articles/s41598-020-62877-0 Socrates AI Skill | https://github.com/bevibing/socrates-skill/blob/main/SKILL.md Claude Output Styles (choose learning) | https://code.claude.com/docs/en/output-styles ChatGPT Study Mode | https://chatgpt.com/features/study-mode/ Gemini Guided Learning | https://blog.google/products-and-platforms/products/education/guided-learning/ Disable Google AI Overview / Instant answers - change your default search engine in your web browser to: https://www.google.com/search?q=%s&udm=14 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by https://sentry.io/syntax #learning #devlopment #knowledge https://www.youtube.com/embed/mudigpnq4yk 660 2026-07-16T11:00:34.000Z https://syntax.yabby.page/video/we-got-addicted-to-an-ai-model-we-cant-talk-about 2026-10-16T11:15:14.700Z https://i.ytimg.com/vi/oDUBsE09n5c/maxresdefault.jpg We got addicted to an AI model we can't talk about Dax Raad, co-founder of OpenCode, joins Scott and Wes to talk remote dev servers, OpenCode 2.0, and why his team is “addicted” to AI models they’re not even allowed to name yet. 🔥 Be the ~19,500th person to join our super tasty newsletter https://bit.ly/syntax_snackpack Show Notes 00:00 Start 00:43 Welcome to Syntax! 01:22 Remote Development Environments and Their Benefits 06:24 The Setup: Tmux and Long-Running Sessions 07:15 Brought to you by Sentry! 08:12 Integrating AI with Personal Projects 11:21 Open Code 2.0: Features and Improvements 17:15 Software Engineering Methodology and Design Philosophy 21:33 Model Routing and AI Integration 23:58 The Evolution of AI Models 26:23 Comparing Open Source and Proprietary Models 28:27 Cost Implications of AI Model Usage 30:27 Local vs Cloud AI Model Hosting 32:08 Navigating Claude Code and Third-Party Integration 35:40 The Future of API Access for AI Models 37:27 Regulatory Concerns and AI Safety 39:25 Tools and Techniques for AI Coding 45:15 Final Thoughts and Future Directions 47:33 Sick Picks and Shameless Plugs All links available at https://syntax.fm/1021 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by https://sentry.io/syntax #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/oDUBsE09n5c 3069 2026-07-15T11:00:17.000Z https://syntax.yabby.page/video/ai-explained-for-everyone 2026-10-18T16:15:13.429Z https://i.ytimg.com/vi/a-Lj9moBlqE/maxresdefault.jpg Open Weight AI Models Explained for Everyone In this video CJ answers questions and clears up misconceptions about open weight models. He explains who creates models, how they're created, how we access them, what open weights actually are and discusses the risks of running models. 00:00 - intro 01:06 - who creates models 02:13 - how are models created? 06:19 - how do we access these models? 06:27 - access models directly from an AI Lab 08:41 - access models indirectly with API access 10:01 - access models directly from a 3rd party 11:32 - running, tweaking and fine tuning models yourself 13:10 - you can run open weight models at home 13:33 - model access summary 14:04 - what are open weight models? 18:02 - what are the risks of using models? 21:08 - thanks Axios: The secret Trump administration battle to fight Chinese AI | https://www.axios.com/2026/07/20/ai-us-china-open-source-kimi US threatens sanctions against Chinese AI models over IP theft | https://techcrunch.com/2026/07/21/us-threatens-sanctions-against-chinese-ai-models-over-ip-theft/ Judge approves a $1.5B Anthropic settlement over pirated books used to train the Claude chatbot | https://apnews.com/article/ai-anthropic-copyright-settlement-claude-books-bartz-74b140444023898aeba8579b6e9f0d63 The New York Times is suing OpenAI and Microsoft for copyright infringement | https://www.theverge.com/2023/12/27/24016212/new-york-times-openai-microsoft-lawsuit-copyright-infringement Artists claim “big” win in copyright suit fighting AI image generators | https://arstechnica.com/tech-policy/2024/08/artists-claim-big-win-in-copyright-suit-fighting-ai-image-generators/ Kimi K3: Open Frontier Intelligence | https://www.kimi.com/blog/kimi-k3 Qwen 3.8 Launch | https://x.com/Alibaba_Qwen/status/2078759124914098291 Statement on the US government directive to suspend access to Fable 5 and Mythos 5 | https://www.anthropic.com/news/fable-mythos-access Amazon CEO’s Talks With U.S. Officials Triggered Crackdown on Anthropic Models | https://www.wsj.com/tech/ai/amazon-ceos-talks-with-u-s-officials-triggered-crackdow https://www.youtube.com/embed/a-Lj9moBlqE 1304 2026-07-30T21:54:30.000Z https://syntax.yabby.page/video/the-rise-of-the-design-engineer 2026-10-18T16:15:13.409Z https://i.ytimg.com/vi/Bo5Gw23jcBU/maxresdefault.jpg The Rise of the Design Engineer Scott and Wes tackle your questions on the rise of the design engineer, why AI still lacks “taste” (and why it’s about more than just looks), and how to actually write tests in the age of AI-assisted coding. Plus: is AI a bubble about to burst, keeping coding agents efficient in massive codebases, introducing kids to AI, a Linux life update, and more! 🔥 Be the ~19,500th person to join our super tasty newsletter https://bit.ly/syntax_snackpack Show Notes 00:00 Welcome to Syntax! 01:18 The Rise of the Design Engineer Role 08:39 Why AI Has No Taste: It’s Not Just How It Looks 14:28 Brought to you by Sentry.io 14:52 Testing in the AI Era: Are We Using AI to Write Tests? 20:09 Is AI a Bubble? Will It Burst? 24:35 Negative Public Sentiment Towards AI and Data Centers 30:16 Update on Scott Using Omarchy and Linux 38:14 Introducing AI to Kids: A Parent’s Perspective with Dr. Courtney 49:34 Getting Hired Without AI Experience: How to Catch Up 52:53 Keeping Coding Agents Efficient: Token Usage, Speed, and Accuracy 57:10 Sick Picks + Shameless Plugs Sentry.io | https://sentry.io/syntax The AI Bubble is Bursting on YouTube | https://www.youtube.com/watch?v=rgOZWGvzDpA Is The Omarchy Hype Real? | https://youtu.be/aWWo4ypLXds?si=e48H6HijGycJyLny Modem.dev Article | https://modem.dev/blog/how-coding-agents-read-your-code Fallow Docs | https://docs.fallow.tools/ All links available at https://syntax.fm/1027 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by https://sentry.io/syntax #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/Bo5Gw23jcBU 3801 2026-08-05T11:00:21.000Z https://syntax.yabby.page/video/live-stripe-buys-open-router-for-7-b-tanstack-charts-first-look-syntax-weekly 2026-10-18T16:15:13.374Z https://i.ytimg.com/vi/55BvQCzdI_g/maxresdefault.jpg Stripe Buys OpenRouter for $7B ⟡ Tanstack Charts First Look ⌁ Syntax Weekly ⌁ 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. 🔥 Be the ~19,500th person to join our super tasty newsletter https://bit.ly/syntax_snackpack 0:00 Intro and Hack Week 2:19 SvelteKit 3 Release Candidate 9:59 TanStack Charts First Look 14:10 Ponytail AI Tool 17:27 Zed Delta Editor 22:43 Stripe Acquires OpenRouter 29:40 Stealing Reasoning Traces Research Paper 44:03 Dark Mode UX Discussion 47:20 Sentry Ad Read 48:55 Plain Language Standards 53:52 Swamp Club Automation 1:03:10 Anti-Slop 1:04:15 Rubik's Cube Permutations ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by https://sentry.io/syntax #news #programming #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/55BvQCzdI_g 4090 2026-08-17T16:31:03.000Z https://syntax.yabby.page/video/sass-tutorials-8-using-lists-and-each 2026-10-15T03:45:21.026Z https://i.ytimg.com/vi/13tfIjw4QrI/maxresdefault.jpg Sass Tutorials #8 - Using Lists and @each This is the 1st tutorial in a series that show users how to code CSS using advanced features in Sass. This tutorial covers the use of lists and how to use them in with the @each directive. https://www.youtube.com/embed/13tfIjw4QrI 365 2012-02-28T01:53:34.000Z https://syntax.yabby.page/video/both-scott-and-wes-have-costco-shopping-down-to-an-art 2026-10-15T03:45:21.034Z https://i.ytimg.com/vi/nImlyUkadHM/maxresdefault.jpg Both Scott and Wes have Costco shopping down to an ✨art✨ 🆕Today's episode: Productivity Tools for Web Developers 🔗syntax.fm/838 Scott and Wes discuss the productivity tools and techniques they use for password management, to-do lists, snippets, mind mapping, note taking, writing scripts, email, habit tracking, and more. ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #productivity #costco #tools #tips #lifehacks https://www.youtube.com/embed/nImlyUkadHM 56 2024-10-23T15:29:01.000Z https://syntax.yabby.page/video/do-you-read-the-code-http-gets-a-new-method-codex-gets-sol-ultra-syntax-weekly 2026-10-12T16:15:18.337Z https://i.ytimg.com/vi/6F0JvCt2DmE/maxresdefault.jpg Do You Read The Code? ⟡ HTTP Gets a NEW Method ⟡ Codex Gets Sol Ultra ⌁ Syntax Weekly ⌁ Auto-accept on, brain off? We're getting into whether anyone actually reads the code they ship anymore — then it's HTTP's first new method in 16 years (meet QUERY) and OpenAI's compute-hungry "Sol Ultra" tier landing in Codex. Bring your hot takes and hang out with us live. 🔥 Be the ~19,500th person to join our super tasty newsletter https://bit.ly/syntax_snackpack 00:00:00 Intro 00:01:09 World Cup Chat 00:02:55 Do you read the code? 00:16:59 Query: NEW HTTP Method 00:22:36 Github Repos on a CD-ROM 00:30:45 Gea - compiler-first UI framework 00:41:48 Fable First Impressions 00:49:48 Codex Gets Sol Ultra 00:53:15 Update: Scott's Robot 00:56:54 Junior Slack Agent 01:04:18 Supply Chain Security Updates 01:08:06 usermedia HTML element 01:10:41 Claude Code Auto Accepted Answers after 60 seconds 01:13:43 Claude Code Fingerprints Requests to China 01:16:45 Responding to Chat 01:21:50 Organic Maps 01:25:05 Starring the Computer ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by https://sentry.io/syntax #news #programming #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/6F0JvCt2DmE 5315 2026-07-06T16:13:28.000Z https://syntax.yabby.page/video/the-prettier-golden-rule 2026-10-15T03:45:21.038Z https://i.ytimg.com/vi/PXpOC4GCCdk/maxresdefault.jpg The Prettier Golden Rule Today's episode #794 Making Code Prettier with Vjeux - The guys interview Prettier creator Christopher Chedeau about the origins, growth, funding status and future roadmap of the ubiquitous code formatter. full episode at https://www.youtube.com/watch?v=i3_Eia6_SoQ ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #prettier #markzuckerberg #opensource #codetools #webdev #coding #syntaxfm https://www.youtube.com/embed/PXpOC4GCCdk 47 2024-07-12T21:00:43.000Z https://syntax.yabby.page/video/draw-in-your-terminal-tmux-terminal-maxxing-w-ben-vinegar 2026-10-12T16:45:14.316Z https://i.ytimg.com/vi/ffuxDr_QCAI/maxresdefault.jpg Draw in your terminal! tmux + Terminal Maxxing w/ Ben Vinegar Scott and Wes sit down with Ben Vinegar, former Syntax GM and founder of Modem.dev, to geek out over terminal-maxxing, from SSH-based development and tmux workflows to AI-powered coding agents. Ben also demos two of his open source tools: Hunk, a slick terminal code reviewer with 4k+ GitHub stars, and TermDraw, a terminal-based diagramming tool that posts directly to your agent 🔥 Be the ~19,500th person to join our super tasty newsletter https://bit.ly/syntax_snackpack Show Notes 00:00 Welcome to Syntax! 00:49 Introduction to Modem and AI Project Management 01:40 Exploring Terminal Usage and Productivity 04:26 Setting Up Remote Development Environments 08:38 The Power of TMUX in Development 11:20 What makes TMUX splitting different? 12:46 Integrating AI with Terminal Workflows 14:56 The Future of Terminal Applications 17:31 Balancing GUIs and Terminal Interfaces 24:39 Navigating Development Tools and Environments 26:44 The Balance of Security and Convenience in Coding 30:27 Cautionary Tales: The Risks of YOLO Mode 33:53 Innovative Tools for Enhanced Coding Experience 34:09 Hunk: Terminal code review. 41:39 TermDraw: A New Way to Visualize Code and Ideas 46:22 The Dynamics of Open Source Contributions 48:31 Visualizing Code: Tools and Techniques 50:54 Podcasting and Editing Processes 56:23 Introducing Modem: A Product Intelligence Platform 01:01:39 Connecting Feedback to Product Development 01:03:15 Sick Picks All links available at https://syntax.fm/1011 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by https://sentry.io/syntax #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/ffuxDr_QCAI 3952 2026-06-08T12:00:42.000Z https://syntax.yabby.page/video/drupal-7-tutorials-41-views-better-exposed-filters 2026-10-15T03:45:21.042Z https://i.ytimg.com/vi/2JP0_CxW1_I/maxresdefault.jpg Drupal 7 Tutorials #41 - Views - Better Exposed Filters This is the 41st tutorial in the Drupal 7 tutorial series. This tutorial shows you how to create better exposed filters with auto select, checkboxes and more. Subscribe for more free tutorials https://goo.gl/6ljoFc, more Drupal Tutorials here: https://goo.gl/YDHhLW http://drupal.org/project/better_exposed_filters Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e This Drupal 7 tutorial series shows users how to build websites with the very popular open source content management system Drupal 7. https://www.youtube.com/embed/2JP0_CxW1_I 339 2012-06-08T00:43:06.000Z https://syntax.yabby.page/video/next-js-vendor-lock-in-no-more 2026-10-12T19:15:18.361Z https://i.ytimg.com/vi/UCveltYOQIs/maxresdefault.jpg 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 caching and infrastructure choices affect performance. They also go deep on TurboPack’s internals, why Next.js doesn’t run on Vite, and the evolution of bundling in the framework. 🔥 Be the ~18,300th person to join our super tasty newsletter https://bit.ly/syntax_snackpack Show Notes 00:00 Welcome to Syntax! 01:14 Introduction to Next.js and the Adapter Platform 02:23 The Adapters API: Features and Community Needs 04:46 Building and Testing the Adapters API 07:37 Infrastructure Requirements for Next.js Apps 11:38 Caching Strategies and Performance Optimization 13:29 The Role of Cache Components in Next.js 17:21 First Steps of Optimizations. 19:48 Blessed Adapters and Community Contributions 22:56 Future Directions and Runtime Support 25:05 Challenges with Different Runtimes and Debugging 26:45 Webpack vs. TurboPack: The Evolution of Next.js 29:45 Why Not Run on Vite? 32:47 Navigating Bundler Challenges 36:59 Building TurboPack: Lessons Learned 41:42 Incremental Compilation and Performance 43:50 Framework Comparisons and Performance Metrics 46:42 Exploring Future Directions for TurboPack 49:44 TurboPack’s Integration and API Development 52:50 Standardization in Bundler Tools 56:52 TurboPack’s Adoption and User Experience 57:49 Sick Picks + Shameless Plugs All links available at https://syntax.fm/995 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/UCveltYOQIs 3859 2026-04-13T12:00:21.000Z https://syntax.yabby.page/video/10-new-css-and-html-apis 2026-10-12T20:15:16.533Z https://i.ytimg.com/vi/unqPqGeJMck/maxresdefault.jpg 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 more. 🔥 Be the ~18,300th person to join our super tasty newsletter https://bit.ly/syntax_snackpack (00:00) Welcome to Syntax! (00:57) Grid Lines API for masonry-style layouts (03:25) HTML in canvas and next-gen UI effects (11:30) Name-only container queries for scoped styles (14:37) Brought to you by Sentry.io (15:34) Safari removes haptic feedback workaround (17:38) CSS random for dynamic values (18:49) Styling find-in-page with ::search-text (21:44) Sticky positioning now works in both axes (22:43) Multi-column CSS finally gets usable fixes (24:41) Border shape improvements and new design options (27:09) Why MDN demos need to be better (28:24) Element-scoped view transitions for cleaner animations All links available at https://syntax.fm/996 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/unqPqGeJMck 1881 2026-04-15T11:01:38.000Z https://syntax.yabby.page/video/we-tried-to-out-code-sherlock-holmes 2026-10-18T16:15:13.423Z https://i.ytimg.com/vi/LhYnvENKjOE/maxresdefault.jpg An escape room, but with code?! Scott, Wes and CJ get locked in a Sherlock Holmes–themed coding escape room, racing the clock to crack every puzzle. Will their code be enough to solve the case? Try out the game here: https://escape.codingame.com/ 🔥 Be the ~19,500th person to join our super tasty newsletter https://bit.ly/syntax_snackpack ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by https://sentry.io/syntax #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/LhYnvENKjOE 1592 2026-08-03T12:10:22.000Z https://syntax.yabby.page/video/10-fish-shell-oh-my-fish 2026-10-15T03:45:21.052Z https://i.ytimg.com/vi/g_HoW4iek2Q/maxresdefault.jpg #10 - Fish Shell & Oh My Fish In this video, I show you how to install Fish Shell and Oh My Fish to level up your command line shell experience. The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ https://www.patreon.com/leveluptuts Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e https://www.youtube.com/embed/g_HoW4iek2Q 314 2015-09-01T21:34:36.000Z https://syntax.yabby.page/video/how-do-you-say-webdevelopment-javascript-programming 2026-10-15T03:45:21.684Z https://i.ytimg.com/vi/U4mXe8Hb6sQ/maxresdefault.jpg How do you say "#"? #webdevelopment #javascript #programming We asked the attendees at https://twitter.com/ReactMiamiConf how they say "#" ------------------------------------------------------------------------------ Hit us up on Socials! https://www.syntax.fm/links Brought to you by Sentry - Use code "tastytreats" to get 2 months free - https://sentry.io/syntax https://www.youtube.com/embed/U4mXe8Hb6sQ 27 2024-04-22T18:49:32.000Z https://syntax.yabby.page/video/how-to-level-up-your-web-development-career 2026-10-15T03:45:21.689Z https://i.ytimg.com/vi/58iwH5q5BKA/maxresdefault.jpg How to Level Up Your Web Development Career Ready to level up your career in web development? Join Wes and Scott as they discuss techniques and best practices for advancing in the field. From mastering technical skills to navigating workplace dynamics, this episode offers actionable advice to help you thrive in your career. Show Notes 00:00 Welcome to Syntax! 00:17 How can a front-end developer advance in their career? 01:10 Brought to you by Sentry. 01:30 Syntax newsletter. 02:02 How do you get better at being a developer? 02:22 Asking questions. 08:09 Get your hands dirty. 14:07 Share what you know. 17:35 Target your skills for what is needed. 21:12 Get out of your comfort zone. 26:55 Getting a better job. 27:27 Understand the stakeholders. 29:18 Find the metric the business cares about and do that. 30:01 Make an impression as being the person that gets things done fast and reliably. 31:47 Improve communications. 35:04 Be the person they want to have in meetings. 37:44 Use systems and tools to help your deficiencies. 39:01 Dress to impress. 39:32 Care. 39:40 Cut the cynicism. 42:16 Don’t put bad stuff out into the world publicly. 44:29 Get your camera + mic dialed in. 46:23 Leveling up at life. 46:32 Take care of your shit. 47:40 Exercise. 47:57 Eat well. 48:22 Sleep as much as you can. 48:26 Clean your workspace. 49:17 Learn new skills. 49:31 Take care of yourself. 54:09 Sick Picks. All links available at https://syntax.fm/754 ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript https://www.youtube.com/embed/58iwH5q5BKA 3437 2024-04-10T11:00:03.000Z https://syntax.yabby.page/video/how-to-pronounce-omarchy 2026-10-18T16:15:13.212Z https://i.ytimg.com/vi/ARR63yCt3hM/maxresdefault.jpg how to pronounce "omarchy" Wes settles the debate once and for all. 🔥 Be the ~19,500th person to join our super tasty newsletter https://bit.ly/syntax_snackpack ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by https://sentry.io/syntax #linux #omarchy #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/ARR63yCt3hM 4 2026-09-17T13:29:50.000Z https://syntax.yabby.page/video/neat-uses-for-style-queries-in-css 2026-10-15T03:45:21.693Z https://i.ytimg.com/vi/IAztd4fDd4o/maxresdefault.jpg Neat uses for Style Queries in CSS Neat uses for Style Queries in CSS - themes, modes and more! #newincss #css #cssdesign #webdev #webdesign #stylequeries #modes #themes https://www.youtube.com/embed/IAztd4fDd4o 55 2023-07-24T15:44:58.000Z https://syntax.yabby.page/video/gsap-killer-web-animations-with-cassie-evans 2026-10-15T03:45:21.697Z https://i.ytimg.com/vi/shotcE73Vns/maxresdefault.jpg GSAP: Killer Web Animations With Cassie Evans Scott and Wes sit down with Cassie Evans of GSAP to talk all things animation—from SVGs and scroll timelines to GSAP’s new rebrand and exciting features. They also dig into performance, plugins, and what makes GSAP such a powerful tool for web developers. 🔥 Be the ~14,700th person to join our super tasty newsletter bit.ly/syntax_snackpack Show Notes 00:00 Welcome to Syntax! 00:59 What is GSAP? 01:53 GSAP Rebranding. 04:44 GSAP under the hood. 05:29 The big announcement! 07:19 GSAP Showcase. 11:01 Brought to you by Sentry.io. 11:26 Why is GSAP easier for animations? 12:38 Animating with SVGs. 13:33 The love of SVG. 14:55 GSAP is performant. 16:06 Gotchas to watch out for. 18:12 Does GSAP work with canvas? 19:02 What GSAP projects are you most proud of? 20:30 Does it play nice with web frameworks? 22:32 What are you excited about in CSS right now? 24:27 Will any of these make their way into GSAP? 26:31 Timelines. 29:24 Building animations with timelines. 34:55 What are the best GSAP plugins? 38:44 GSAP docs and philosophy. 39:50 Scrubbing animations by frame. 41:09 GSAP Video Exporter. 41:45 Animating with JavaScript. 45:19 JavaScript in unconventional applications. 47:56 Is there anything missing in web tech? 50:53 What about AI in GSAP? 52:40 Sick Picks + Shameless Plugs. All links available at https://syntax.fm/899 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/shotcE73Vns 3423 2025-05-05T13:35:10.000Z https://syntax.yabby.page/video/f-k-you-ai 2026-10-12T19:15:18.300Z https://i.ytimg.com/vi/f6-MmY4gKl4/maxresdefault.jpg F#%K YOU AI How much do you rage at AI? Can you beat my high score? https://www.youtube.com/embed/f6-MmY4gKl4 84 2026-05-15T12:00:21.000Z https://syntax.yabby.page/video/tree-shaking-and-code-splitting-explained-syntax-stump-d 2026-10-15T03:45:21.715Z https://i.ytimg.com/vi/_0ZFrMWsWZY/maxresdefault.jpg Tree Shaking and Code Splitting Explained | Syntax STUMP'D In this video CJ explains Tree Shaking and Code Splitting which are questions asked in Syntax Stump'd episode 802 Syntax 802 | https://syntax.fm/show/802/tree-shaking-usememo-vs-usecallback-javascript-event-loop-stump-d Tree Shaking on Wikipedia | https://en.wikipedia.org/wiki/Tree_shaking Vite | https://vitejs.dev/ Rollup | https://rollupjs.org/ date-fns | https://date-fns.org/ Stackoverflow: What is tree shaking? | https://stackoverflow.com/questions/45884414/what-is-tree-shaking-and-why-would-i-need-it Rollup Visualizer | https://github.com/btd/rollup-plugin-visualizer ------------------------------------------------------------------------------ Hit us up on Socials! https://www.syntax.fm/links Brought to you by Sentry - Use code "tastytreats" to get 2 months free - https://sentry.io/syntax #javascript #build #optimization https://www.youtube.com/embed/_0ZFrMWsWZY 335 2024-08-06T16:28:49.000Z https://syntax.yabby.page/video/cloudflare-wallets-a-real-react-compiler-released-syntax-weekly 2026-10-18T16:15:13.416Z https://i.ytimg.com/vi/KNF4KqqRzrY/maxresdefault.jpg Cloudflare Wallets ⟡ A REAL React Compiler Released ⟡ OpenAI's Pricing War ⌁ Syntax Weekly ⌁ Cloudflare is rolling out crypto wallets with claimable handles as identity, and a real React compiler finally landed for regular hooks-based code. Plus: OpenAI's pricing war, Vue Vapor benchmarks, GitHub's new npm malware scanning, and an active supply chain attack hitting 868 packages.🔥 Be the ~19,500th person to join our super tasty newsletter https://bit.ly/syntax_snackpack 00:00 Welcome to Syntax! 01:02 Shai Hulud is back! 05:27 GitHub scans your npm packages for malware 06:42 Your agent has a wallet now 12:10 Yet another React compiler? 27:19 Scott switched his browser AGAIN! 31:56 AI Mental health survey 32:29 OpenAI models are becoming cheaper? 38:49 GitHub stacked PRs finally arrived 41:48 AI video podcasts 48:15 Brought to you by Sentry! 49:28 News from the TC39 meeting 56:58 Qwen 3.8 01:02:31 Latest and greatest in CSS and UI libraries New Shai-Hulud announcement | https://x.com/IntCyberDigest/status/2084636007790449126?s=20 Attacked keyv packages | https://socket.dev/supply-chain-attacks/keyv-and-cacheable-compromise Github's malware scan | https://github.blog/changelog/2026-07-28-npm-publish-time-malware-scanning-and-dual-use-metadata/ Cloudflare wallets | https://cloudflare.pay/ Announcement Blog post | https://blog.cloudflare.com/wallets/ X402 payments | https://x402.org/ Ripple.ts | https://www.ripple-ts.com/ Inferno.js | https://www.infernojs.org/ Dominic Gannaway’s launch post on X | https://x.com/trueadm/status/2081764408741540071 Octane | https://octanejs.dev/ Native Script | https://nativescript.org/ Reactivity + Rendering Benchmark | https://rbench.nullvoxpopuli.com/results?q=7 Dia browser | https://www.diabrowser.com/ Kcock off extension | https://chromewebstore.google.com/detail/knockoff-amazon-etsy-shop/pjgickchbiikhdfpmecaabkphmofpdce Scott’s AI mental health survey | https://docs.google.com/forms/d/e/1FAIpQLSdij87S57ibtMm2yPotcL0Ipd-c4ybQ45FgPqNTvVVW4pGU5w/viewform Terra and Luna are on sale | https://openai.com/index/building-abundant-intelligence/ Stacked pull requests from https://www.youtube.com/embed/KNF4KqqRzrY 4797 2026-08-04T16:17:06.000Z https://syntax.yabby.page/video/captcha-fever-dreams 2026-10-15T03:45:21.722Z https://i.ytimg.com/vi/hFZp8e7F5OI/maxresdefault.jpg CAPTCHA Fever Dreams It's hard being a legitimate user these days... Wes and Scott discuss various techniques to prevent spam and fraud when developing web apps, including CAPTCHAs, third-party verification services, rate limiting, and manual review. ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #FraudPrevention #SpamBlocking #WebSecurity #captcha #feverdream https://www.youtube.com/embed/hFZp8e7F5OI 50 2024-10-08T16:08:02.000Z https://syntax.yabby.page/video/i-hacked-this-50-picture-frame-into-a-500-home-display 2026-10-18T16:15:13.047Z https://i.ytimg.com/vi/ZLycoUMltNI/maxresdefault.jpg Jailbreaking a $50 photo frame My sister's $500 Skylight calendar was headed for the trash with dead Wi-Fi. I used a coding agent to root it, found a hidden debug mode, and got it back online with an $11 USB Wi-Fi dongle. Then I did it all again from scratch with a random $50 picture frame from Amazon. These cheap smart frames are basically Android tablets in disguise, and they're a bit of a Trojan horse for a monthly subscription. You paid for the hardware, so you should be able to run whatever you want on it. In this video I: - Force both devices into recovery/debug mode and connect over ADB - Root them and strip out the stock software - Use USB OTG host mode to add Ethernet and Wi-Fi to a frame with a busted Wi-Fi chip - Install a modern Chrome WebView so I can run my own web dashboard - Tune swap memory and wire up the motion sensor so the screen dims when nobody's around - Build a family dashboard backed by an agent that turns school emails into calendar events, reminders and spelling-word searches 🔗 Instructions + research docs (point your agent at these): https://github.com/wesbos/photo-frame-dashboard 🖼️The frame I bought: https://amzn.to/4zneGNM (Amazon aff link) - shop around for the best deal as most (all?) of the ~$50 will work. Chapters 0:00 Fixing a $500 Skylight calendar headed for e-waste 1:00 Finding the hidden debug mode and rooting it 2:05 Getting it online over USB (Ethernet, then a Wi-Fi dongle) 3:00 Why coding agents are perfect for hacking hardware 3:55 Round 2: a random $50 Amazon frame 5:05 Connecting the agent and forcing recovery mode 6:00 Rooted: stripping bloat, new WebView, motion sensor 7:15 A family dashboard with an agentic backend 8:30 Which frame should you buy? 9:00 Do it yourself #righttorepair #android #homeassistant https://www.youtube.com/embed/ZLycoUMltNI 577 2026-10-09T12:00:16.000Z https://syntax.yabby.page/video/html5-tutorials-5-html5-boilerplate 2026-10-15T03:45:21.751Z https://i.ytimg.com/vi/dJ8v1XZS7uc/maxresdefault.jpg HTML5 Tutorials #5 - HTML5 Boilerplate The 5th video in our HTML5 Tutorial series. Here, I show you how to use HTML5 Boilerplate to start your new projects. http://html5boilerplate.com/ Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e https://www.youtube.com/embed/dJ8v1XZS7uc 428 2013-05-17T01:32:29.000Z https://syntax.yabby.page/video/drupal-tutorials-the-complete-guide-to-omega-4-17-layout-styles 2026-10-15T03:45:21.759Z https://i.ytimg.com/vi/Hwm3dZMnk1Q/maxresdefault.jpg Drupal Tutorials - The Complete Guide To Omega 4 #17 - Layout Styles The 17th tutorial in the The Complete Guide To Omega 4. Here we show you how to have layout specific stylesheets to make your layouts more portable and self contained. https://www.youtube.com/embed/Hwm3dZMnk1Q 554 2013-12-06T05:03:15.000Z https://syntax.yabby.page/video/drupal-tutorials-the-complete-guide-to-omega-4-2-introduction-to-omega-4 2026-10-15T03:45:21.763Z https://i.ytimg.com/vi/wH2SWZuT2xc/maxresdefault.jpg Drupal Tutorials - The Complete Guide To Omega 4 #2 - Introduction To Omega 4 The 2nd video in the The Complete Omega 4 Course. Here we give an introduction to Omega 4 and download/install the theme. https://www.youtube.com/embed/wH2SWZuT2xc 451 2013-11-13T03:43:58.000Z https://syntax.yabby.page/video/extreme-native-perf-on-the-web-with-superhuman 2026-10-15T03:45:21.767Z https://i.ytimg.com/vi/r4aoWevVOxY/maxresdefault.jpg Extreme Native Perf on the Web with Superhuman Wes and Scott talk with Loïc Houssier about how Superhuman builds lightning-fast, delightfully-designed email software. They dig into engineering philosophy, offline-first architecture, local databases, AI-powered productivity, and what it takes to create tools that people love. 🔥 Be the ~14,700th person to join our super tasty newsletter https://bit.ly/syntax_snackpack (00:00) - Welcome to Syntax! (03:05) - Inside Superhuman and Loïc’s role (06:49) - Is Superhuman native? What’s the tech stack? (08:16) - How Superhuman approaches product design and speed (12:17) - Local-first architecture: Sync, storage, and performance (13:46) - Vector search, AI, and privacy considerations (18:12) - How the team ships fast and stays focused (21:27) - Rethinking email for the future (26:54) - Brought to you by Sentry.io (27:19) - How calendar integration and smart features work (29:54) - Where new ideas come from (31:54) - Will there ever be a true dark mode? (33:02) - Are people actually using keyboard shortcuts? (36:42) - How shortcuts work and the role of the command palette (41:28) - Engineering for speed: Costs and trade-offs (43:32) - How Superhuman's sync engine works (46:09) - What code runs locally and what runs on the server? (46:51) - How Superhuman handled the Google and Cloudflare outage All links available at https://syntax.fm/918 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/r4aoWevVOxY 2935 2025-07-09T11:01:35.000Z https://syntax.yabby.page/video/sublime-text-tutorials-19-how-to-use-sublimelinter-3 2026-10-15T03:45:21.791Z https://i.ytimg.com/vi/u6fvJRao-E4/maxresdefault.jpg Sublime Text Tutorials #19 - How To Use SublimeLinter 3 The 19th video in the Sublime Text Tutorials series. Here we show you how to install Sublime Linter 3 and add a JSHint Linter. For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations https://www.youtube.com/embed/u6fvJRao-E4 639 2014-02-21T01:26:08.000Z https://syntax.yabby.page/video/html5-tutorials-10-form-input-types-part-2 2026-10-15T03:45:21.796Z https://i.ytimg.com/vi/9tbTunXSFh4/maxresdefault.jpg HTML5 Tutorials #10 - Form Input Types Part 2 The 10th video in our HTML5 Tutorial series. Here, I show you even more form input types Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e https://www.youtube.com/embed/9tbTunXSFh4 342 2013-06-22T21:13:32.000Z https://syntax.yabby.page/video/drupal-tutorials-6-creating-a-basic-page 2026-10-15T03:45:21.803Z https://i.ytimg.com/vi/gQUsZk-lJbs/maxresdefault.jpg Drupal Tutorials #6 - Creating a Basic Page This Drupal 7 tutorial shows you how to create your first piece of content in Drupal 7 using the built in Basic Page content type. Subscribe for more free tutorials https://goo.gl/6ljoFc, more Drupal Tutorials here: https://goo.gl/YDHhLW Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e This Drupal 7 tutorial series shows users how to build websites with the very popular open source content management system Drupal 7. https://www.youtube.com/embed/gQUsZk-lJbs 417 2012-03-19T23:50:08.000Z https://syntax.yabby.page/video/a-better-file-manager-for-macos-with-a-built-in-terminal 2026-10-15T03:45:21.808Z https://i.ytimg.com/vi/FmDxdWJArW4/maxresdefault.jpg A (better) file manager for macOS with a built in terminal Marta.sh In an episode last week Scott and Wes go through a big list of apps they use for productivity. This episode covers files, media, utilities, screenshots and more. ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #productivity #apps #apple #mac #windows #webdev #musthaves #utilities #syntaxfm #podcast https://www.youtube.com/embed/FmDxdWJArW4 54 2024-09-11T19:30:39.000Z https://syntax.yabby.page/video/10-using-stylus-extensions-stylus-tutorials 2026-10-15T03:45:21.815Z https://i.ytimg.com/vi/r2Ag2k7iWY8/maxresdefault.jpg #10 Using Stylus Extensions - Stylus Tutorials Learn how to add additional functionality with Stylus extensions. https://github.com/tj/nib/tree/master/docs Subscribe to Level Up Pro for extra features! http://leveluptuts.com/level-up-pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e https://www.youtube.com/embed/r2Ag2k7iWY8 379 2015-02-13T01:58:36.000Z https://syntax.yabby.page/video/openai-releases-gpt-6-astra-vitest-5-is-here-audacity-4-gets-a-facelift-syntax-weekly 2026-10-18T16:15:13.300Z https://i.ytimg.com/vi/8u_mKdAJ1wM/maxresdefault.jpg Openai Releases GPT 6 Astra ⟡ Vitest 5 is Here⟡ Audacity 4 Gets a facelift ⌁ Syntax Weekly ⌁ Wes 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 🔥 Be the ~19,500th person to join our super tasty newsletter https://bit.ly/syntax_snackpack 00:00:00 Welcome to Syntax 00:00:57 JScript created 30 Years Ago 00:06:13 Robot Ducks 00:14:56 destruction of 3rd level .name 00:22:10 GPT 6 Astra 00:35:27 Editing Video with AI 00:50:47 Audacity 4 Gets a Facelift 00:53:54 Jellyfin 12 Released 00:59:13 Vitest 5 is Here 01:04:17 Breaking Claude Opus 5 Auto Mode 01:10:03 TeamPCP arrested 01:13:47 VSCode Documentary 01:15:44 Gamers Nexus LG Smart TV Problem 01:24:11 Google AI shows more expensive products ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by https://sentry.io/syntax #news #programming #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/8u_mKdAJ1wM 5444 2026-09-08T15:35:50.000Z https://syntax.yabby.page/video/ai-assistant-hacks-gym-9k-cloudflare-bill-unlimited-use-ai-subs-syntax-weekly 2026-10-18T16:15:13.396Z https://i.ytimg.com/vi/HrNLEG8bvJM/maxresdefault.jpg AI Assistant Hacks Gym ⟡ $9k Cloudflare Bill ⟡ Unlimited Use AI Subs ⌁ Syntax Weekly ⌁ 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 🔥 Be the ~19,500th person to join our super tasty newsletter https://bit.ly/syntax_snackpack 00:00:00 Welcome to Syntax! 00:02:42 celld: self host distributed durable objects 00:08:47 $9k Cloudflare Bill 00:14:09 ogygia - SSR islands for SvelteKit 00:19:48 Standard Code - Unlimited Use AI Subscription 00:29:46 New Meta Model Muse Glimmer 00:37:05 AI Assistant Hacks Gym 00:47:12 This Week in AI 00:55:24 Prime Agent RLM harness 01:01:29 Agent Plugin Spec 01:04:31 Adam Wathan: A Token is a Token 01:08:01 New JS Runtime from Remix Creator 01:11:46 Lost phone found with Bluetooth meter 01:17:56 center a div with browser sidebars 01:20:18 flexwind froggy 01:22:25 thanks for watching! ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by https://sentry.io/syntax #news #programming #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/HrNLEG8bvJM 5066 2026-08-10T16:28:04.000Z https://syntax.yabby.page/video/can-you-reverse-engineer-code-clash-of-code-reverse-mode 2026-10-15T03:45:21.822Z https://i.ytimg.com/vi/etX8_ibVuNk/maxresdefault.jpg Can You Reverse Engineer Code? Clash of Code: Reverse Mode! Scott, Wes, and CJ go head-to-head in a Clash of Code challenge, but there’s a twist: it’s reverse mode! They’re only given the input and expected output, and have to figure out what the heck the code is supposed to do. Watch them panic, overthink, and maybe even nail it… or not. 🔥 Be the ~14,700th person to join our super tasty newsletter https://bit.ly/syntax_snackpack 🕹️ Powered by Codingame ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #ClashOfCode #ReverseMode #CodingChallenge #SyntaxFM #ScottTolinski #WesBos #CodersPlayGames https://www.youtube.com/embed/etX8_ibVuNk 654 2025-07-04T15:02:53.000Z https://syntax.yabby.page/video/who-decides-what-ships-on-the-web 2026-10-16T13:45:14.217Z https://i.ytimg.com/vi/etgArQSC57I/maxresdefault.jpg Who Decides What Ships on the Web? Scott and Wes sit down with Jake Archibald from Mozilla to unpack how web standards actually get made at Firefox. From browser features and developer feedback to the drama around the Prompt API. They discuss Interop 2026, the future of web APIs, and what it’s really like shaping the web after a career spanning both Google and Mozilla. 🔥 Be the ~19,500th person to join our super tasty newsletter https://bit.ly/syntax_snackpack Show Notes 00:00 The Importance of Sunscreen 02:29 Welcome to Syntax! 04:35 Transitioning from Google to Mozilla 06:00 Brought to you by Sentry.io 06:43 Mozilla’s Current Position and Development Priority 08:35 Feature Implementation and Developer Feedback 13:12 JPEG XL and AVIF: The Future of Image Formats 18:06 Balancing User Features and Web Standards 20:56 Navigating the AI Translation Dilemma 23:03 Understanding the Prompt API Controversy 32:56 Rethinking the Future of Prompt APIs 39:00 Exploring Local Models and User Control 44:04 The State of Firefox DevTools 45:42 Browser Stability and Developer Editions 47:39 Introduction to the Heading Offset API 51:14 Interop APIs and Their Importance 54:10 Developer Feedback and Browser Features 58:05 Animating Display None and Its Challenges 01:00:44 HTML and Canvas: Opportunities and Concerns 01:04:01 Sick Picks + Shameless Plugs All links available at https://syntax.fm/1012 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by https://sentry.io/syntax #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/etgArQSC57I 4141 2026-06-15T11:00:13.000Z https://syntax.yabby.page/video/store-what-you-need-derive-the-rest 2026-10-15T03:45:21.829Z https://i.ytimg.com/vi/a5QyhQcs1HU/maxresdefault.jpg Store what you need, derive the rest 💬 discussion of new features in Svelte 5 including runes, unified state APIs, declarative $state, $derived, $effect, $inspect, snippets, and more. 👉 Join the exclusive newsletter - https://syntax.fm/snackpack ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #svelte #javascript #webdev https://www.youtube.com/embed/a5QyhQcs1HU 55 2024-12-19T21:32:59.000Z https://syntax.yabby.page/video/11-what-are-floats-clearfixing-in-css 2026-10-15T03:45:21.833Z https://i.ytimg.com/vi/2jwerNrU4wo/maxresdefault.jpg #11 - What Are Floats & Clearfixing in CSS In this video, we learn about floats and how and why we use them to take things out of the flow of the document. In this video series, I teach you how to build your first website. No prior experience needed. The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ https://www.patreon.com/leveluptuts Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e https://www.youtube.com/embed/2jwerNrU4wo 400 2015-09-15T01:50:36.000Z https://syntax.yabby.page/video/bots-are-ruining-the-internet 2026-10-15T03:45:21.840Z https://i.ytimg.com/vi/7QUBaVQMQnk/maxresdefault.jpg 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 🔥 Be the ~18,300th person to join our super tasty newsletter https://bit.ly/syntax_snackpack (00:00) Welcome to Syntax! (01:11) Brought to you by Sentry.io (02:40) Node.js enables Temporal by default (04:08) OpenClaw acquired by OpenAI (09:36) Bots are taking over the internet (15:30) TypeScript 6 Beta (17:00) TanStack Hotkeys for type-safe shortcuts (18:05) Components will kill webpages (19:39) Is Google Translate just an LLM? (23:29) Shaders.com (26:49) Voxtral Mini Realtime (29:51) Deno launches Sandboxes (32:39) Oz by Warp.dev (38:10) Augment Code Intent (40:10) Sick Picks + Shameless Plugs All links available at https://syntax.fm/982 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/7QUBaVQMQnk 2955 2026-02-25T12:00:12.000Z https://syntax.yabby.page/video/the-history-of-syntax 2026-10-15T03:45:21.845Z https://i.ytimg.com/vi/7NSlQ4BrSS8/maxresdefault.jpg The History of Syntax Wes and Scott talk about the origins of Syntax, sharing how a friendly course name conflict led to a mastermind group, then a podcast, and eventually a full-blown media brand. They also reflect on key milestones, from early episodes and sponsorships to joining Sentry, expanding the team, and what's next. 🔥 Be the ~14,700th person to join our super tasty newsletter bit.ly/syntax_snackpack (00:00) - Welcome to Syntax! (00:51) - How Wes and Scott met (09:31) - How Syntax got its name (15:30) - Getting sponsors (18:53) - Hasty Treats and expanding the show (22:36) - Adding interviews to Syntax (23:38) - Syntax's first live show (27:58) - Brought to you by Sentry.io (28:34) - Acquisition by Sentry (33:56) - Hiring a producer (36:39) - Transitioning to video and growing the team (41:47) - Launching the merch store (46:01) - The future of Syntax (47:23) - Sick Picks + Shameless Plugs All links available at https://syntax.fm/892 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/7NSlQ4BrSS8 3307 2025-04-09T11:00:14.000Z https://syntax.yabby.page/video/sketch-app-tutorials-20-how-to-create-animated-gifs-in-sketch 2026-10-15T03:45:21.849Z https://i.ytimg.com/vi/cbZfveuc6ws/maxresdefault.jpg Sketch App Tutorials #20 - How To Create Animated GIFs In Sketch In this Sketch App video tutorial, learn how to create animated GIFs in Sketch 3 using the GIF Generate plugin. Subscribe for more free tutorials https://goo.gl/6ljoFc, more Sketch App Tutorials: https://goo.gl/SvgeZU Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e Sketch gives you the power, flexibility and speed you always wanted in a lightweight and easy-to-use package. Finally you can focus on what you do best: Design. https://www.youtube.com/embed/cbZfveuc6ws 494 2015-03-06T00:54:03.000Z https://syntax.yabby.page/video/what-is-integration-testing 2026-10-15T03:45:21.854Z https://i.ytimg.com/vi/kRD6PA6uxiY/maxresdefault.jpg What Is Integration Testing In this What Is Wednesday, I cover What Is Integration Testing? ~~~~Video Links~~~~~~~~~~~~~~~~~~~~~~~~ Buy Pro Gatsby: https://goo.gl/gUH8SA Become a Pro: https://www.leveluptutorials.com/pro Blog Post: https://blog.kentcdodds.com/write-tests-not-too-many-mostly-integration-5e8c7fff591c ~~~~Affiliate Links~~~~~~~~~~~~~~~~~~~~~~ Please use these links when signing up for services to help support Level Up. Easy Hosting with Netlify: https://goo.gl/pychVP Shared Web Hosting: https://goo.gl/pfC6uc ~~~~Level Up Links~~~~~~~~~~~~~~~~~~~~~~ Syntax Podcast ft Scott Tolinski & Wes Bos: https://goo.gl/7jDDxX Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz https://www.youtube.com/embed/kRD6PA6uxiY 326 2018-03-14T18:59:54.000Z https://syntax.yabby.page/video/html5-tutorials-2-starting-your-first-html5-site 2026-10-15T03:45:21.858Z https://i.ytimg.com/vi/sfLBWj5lPgA/maxresdefault.jpg HTML5 Tutorials #2 - Starting Your First HTML5 Site The 2nd video in our HTML5 Tutorial series. Here, I show you how to convert an HTML4.01 site into HTML5. The conversion is unimportant, what's key here is what tags you need to start your HTML5 site. Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e https://www.youtube.com/embed/sfLBWj5lPgA 335 2013-04-28T19:36:05.000Z https://syntax.yabby.page/video/will-this-new-js-framework-replace-react-ripplejs-first-look 2026-10-15T03:45:21.863Z https://i.ytimg.com/vi/PG_PCGjfFto/maxresdefault.jpg Will This New JS Framework Replace React? | RippleJS First Look In this video CJ shows RippleJS - a brand new front-end framework. He shows how it works, gives his first impressions and shows how he built a moderately complex app with it. 🔥 Be the ~14,700th person to join our super tasty newsletter https://bit.ly/syntax_snackpack 00:00 Intro to Ripple 01:53 Who made this? 02:21 Feature List 03:05 The Docs 03:24 Reactive Arrays 03:47 Effects 04:09 Props 04:37 My Overall Impressions 08:49 Tasks App Code Walkthrough 09:05 Entry / index / vite Setup 09:30 App Component 10:06 Derived / Computed Values 10:30 Complex Derived Values 11:15 Nested reactive values 12:13 Form inputs / events 12:44 Conditional Rendering 13:23 Nested if / for statements 14:15 Reactive class bindings 14:38 Reactive props 15:24 Reactive style bindings 17:20 Impressions after building with Ripple 17:42 Thanks! Try Ripple | https://www.ripplejs.com/ Ripple | https://github.com/trueadm/ripple ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by sentry.io #react #svelte #webdevelopment #webdeveloper #javascript #typescript #syntax #syntaxfm #webdev https://www.youtube.com/embed/PG_PCGjfFto 1111 2025-09-16T18:36:25.000Z https://syntax.yabby.page/video/docker-for-developers 2026-10-15T03:45:21.870Z https://i.ytimg.com/vi/TeU0RJgL6y4/maxresdefault.jpg Docker For Developers Join Scott and CJ on a rapid-fire journey through Docker. From unraveling containerization to practical advice on incorporating Docker into your workflow, this quick-paced episode has everything you need to navigate the world of container technology. Show Notes 00:00 Welcome to Syntax! 01:19 Brought to you by Sentry.io. 02:20 Easily reproducible environments. 02:57 Containerization technology. 04:42 Docker is brand name containerization, there are others. 05:26 Why would a web developer want to use Docker? 08:19 How do you get started with Docker? 09:14 How does Docker work? 16:46 Adding Docker to an existing project. 21:37 What is Docker Compose? 22:50 What are some 'gotchas' or things to look out for when setting up a project? All links available at https://syntax.fm/744 ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript https://www.youtube.com/embed/TeU0RJgL6y4 1543 2024-03-18T11:00:21.000Z https://syntax.yabby.page/video/susy-tutorials-7-responsive-grids-with-breakpoint 2026-10-15T03:45:21.875Z https://i.ytimg.com/vi/V2p9ECEDdg0/maxresdefault.jpg Susy Tutorials #7 - Responsive Grids With Breakpoint The 7th video tutorial in the Susy 2 Tutorials Mini Series. In this video, we show you how to use breakpoints to make your grid responsive. Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations https://www.youtube.com/embed/V2p9ECEDdg0 383 2014-03-28T01:24:19.000Z https://syntax.yabby.page/video/9-svg-drawing-on-animation-css-experiments 2026-10-15T03:45:21.880Z https://i.ytimg.com/vi/FGblL4QHrAw/maxresdefault.jpg #9 SVG “Drawing On” Animation - CSS Experiments A new CSS3 Experiment where I show you how to animate the drawing of an inline SVG file using the SVG's path with dash-offset. Code: http://codepen.io/stolinski/pen/RPYZoE The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e https://www.youtube.com/embed/FGblL4QHrAw 808 2015-07-22T00:41:35.000Z https://syntax.yabby.page/video/13-easy-icon-fonts-in-sketch 2026-10-15T03:45:21.886Z https://i.ytimg.com/vi/YASmgsS0Hjw/maxresdefault.jpg #13 - Easy Icon Fonts In Sketch Here we quickly and painlessly drop icon fonts into our Sketch artboards using Sketch Iconfonts. The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! http://leveluptuts.com/level-up-pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e https://www.youtube.com/embed/YASmgsS0Hjw 305 2015-10-07T22:16:28.000Z https://syntax.yabby.page/video/wes-deploys-his-code-without-compiling-and-instead-runs-tsx-in-prod 2026-10-15T03:45:21.893Z https://i.ytimg.com/vi/guOJDIfErwE/maxresdefault.jpg Wes deploys his code without compiling and instead runs TSX in prod 👉 Be the ~14,700th person to join our super tasty newsletter - bit.ly/syntax_snackpack ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript https://www.youtube.com/embed/guOJDIfErwE 30 2025-01-22T01:51:32.000Z https://syntax.yabby.page/video/html5-tutorials-6-page-structure-coding-a-blog 2026-10-15T03:45:21.898Z https://i.ytimg.com/vi/iPaZ3YJVpv4/maxresdefault.jpg HTML5 Tutorials #6 - Page Structure - Coding A Blog The 6th video in our HTML5 Tutorial series. Here, I show you how to build the semantic structure of a blog. Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e https://www.youtube.com/embed/iPaZ3YJVpv4 405 2013-05-17T01:34:17.000Z https://syntax.yabby.page/video/react-server-components-where-are-we-at 2026-10-15T03:45:21.908Z https://i.ytimg.com/vi/1QXqWQ0yNfg/maxresdefault.jpg React Server Components: Where are we at? Scott and Wes break down the current state of React Server Components — what they are, how they work, and why they’re so controversial. From framework support to bundling complexity, it’s everything you need to know about RSC in 2025.🔥 Be the ~14,700th person to join our super tasty newsletter bit.ly/syntax_snackpack Show Notes 00:00 Welcome to Syntax! 01:01 Brought to you by Sentry.io. 01:55 What exactly are React Server Components? 02:18 Server components rendering. 03:17 Server components are async. 03:45 Server components can be suspended. 05:05 Server components send RSC payloads to the browser. 06:08 This feels like HTMX? 06:54 Client components are still server rendered. 07:58 Server Functions. 08:52 useActionState. 09:12 Frameworks and React Platforms. 09:16 NextJS. 09:42 Waku. 12:26 candycode.com 14:23 React Router. 19:29 Vite. 20:54 Tanstack. 22:39 Bun. 23:01 DIY. 23:39 Why so much hate? 25:28 I want it my way. 27:46 React Server Components lock-in. All links available at https://syntax.fm/895 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/1QXqWQ0yNfg 1844 2025-04-21T11:00:03.000Z https://syntax.yabby.page/video/drupal-7-tutorials-51-attaching-a-view-to-a-view 2026-10-15T03:45:21.918Z https://i.ytimg.com/vi/wqhUgNkxGIo/maxresdefault.jpg Drupal 7 Tutorials #51 - Attaching a View to a View This tutorial shows you how to attach a view to the top or bottom of another view. Subscribe for more free tutorials https://goo.gl/6ljoFc, more Drupal Tutorials here: https://goo.gl/YDHhLW Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e This Drupal 7 tutorial series shows users how to build websites with the very popular open source content management system Drupal 7. https://www.youtube.com/embed/wqhUgNkxGIo 156 2012-09-04T23:11:53.000Z https://syntax.yabby.page/video/why-can-t-we-make-uis-like-the-movies 2026-10-15T03:45:21.927Z https://i.ytimg.com/vi/5lXmEymWcmw/maxresdefault.jpg Why can't we make UIs like the movies? Hollywood is back at it with more “hacking” that makes absolutely no sense. Scott, Wes, and CJ break down scenes from Swordfish, Die Hard, Skyfall, Silicon Valley, and more. What’s real, what’s fake, and what should never appear on screen again 🔥 Be the ~18,300th person to join our super tasty newsletter https://bit.ly/syntax_snackpack Part 1: https://youtu.be/ccLd0dxo_68?si=3KsjEKRu_HvY-l3E ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/5lXmEymWcmw 605 2026-01-30T13:08:00.000Z https://syntax.yabby.page/video/create-your-own-next-js-starter-template 2026-10-15T03:45:21.932Z https://i.ytimg.com/vi/dLRKV-bajS4/maxresdefault.jpg Create your own Next.js Starter Template In this video CJ shows how to set up a Next.js starter template from scratch. He also showcases the Next.js ecosystem of libraries, CLI tools, existing starter templates and toolkits. Next.js CLIs, Starter Kits, Templates, Toolkits and Wrappers | https://gist.github.com/w3cj/4fa5180fec37ececf0fceec0e3fcc8ab View the code here | https://github.com/w3cj/next-start 00:00 Intro 01:36 Existing Solutions 02:22 Next.js CLI Generators 04:53 Starter Kits and Boilerplates 05:38 SaaS Starters 06:52 Paid SaaS Templates 07:47 Toolkits / Wrappers 09:28 Lets build! 10:08 Code Style / Editor Settings 10:30 Generate next.js app 11:14 prettier setup 12:19 Enabling eslint rules 15:15 VS Code Format / Lint on Save 16:26 prettier sort imports 20:54 prettier tailwind plugin 22:12 format script 22:41 eslint kebab-case rule 23:31 bulletproof-react 24:31 eslint-plugin-check-file kebab-case setup 26:27 bulletproof-react Project Structure Rules 27:15 remove unused imports 27:49 tailwind support in css files 28:20 Project typescript version 28:56 Next.js Typed Routes 29:28 VS Code Tab Name Settings 30:01 Clear out extra code 31:01 Set custom favicon 31:33 base setup branch 31:58 What is tailwind? 33:12 Tailwind Component Libraries 33:36 shadcn/ui 35:09 NextUI 36:58 Headless UI 37:52 Flowbite / DaisyUI 38:12 Component Library RSC Compatibility 39:08 Set Up NextUI 42:30 App Navbar Component 45:27 NextUI Routing Setup 48:05 Tabler Icons 49:04 Dark Theme / Light Theme Toggle 51:26 create useSystemTheme hook 53:33 Theme Switch 56:24 next-themes suppressHydrationWarning 57:46 App Layout 01:00:58 Generate background image 01:03:59 Not Found Page 01:05:58 Typesafe env Setup 01:11:41 process.env Linter Rule 01:13:43 Next.js Authentication Options 01:15:37 Next Auth Set Up 01:17:07 Set Up Google Auth Provider 01:18:00 Create Google OAuth Client ID 01:19:58 update kebab-case linter rule to allow dynamic routes 01:20:40 auth button / sign in / sign out 01:27:38 Profile page 01:28:37 setup next-auth environment variables 01:29:59 Profile page user ca https://www.youtube.com/embed/dLRKV-bajS4 9329 2024-09-17T11:00:40.000Z https://syntax.yabby.page/video/syntax-episode-200-live 2026-10-15T03:45:21.937Z https://i.ytimg.com/vi/B8yrqElerYg/maxresdefault.jpg Syntax Episode 200 Live A Tasty Treats Podcast for Web Developers https://syntax.fm Syntax is a fun — and sometimes funny — podcast for web developers hosted by Wes Bos and Scott Tolinski, two independent full stack developers who create online training courses. In each episode, Scott and Wes break down topics to provide "Tasty Treats" to the audience — applicable tips and nuggets of information to help web developers in their careers. https://www.youtube.com/embed/B8yrqElerYg 5232 2019-11-11T18:37:22.000Z https://syntax.yabby.page/video/what-is-ci-cd-what-is-web-development 2026-10-15T03:45:21.943Z https://i.ytimg.com/vi/yDnwKCpocts/maxresdefault.jpg What Is CI / CD ?- What Is Web Development Become a Level Up Pro and take your web skills to the next level! https://www.leveluptutorials.com/pro The best web development podcast out there Syntax with Wes Bos and Scott Tolinski https://syntax.fm https://www.youtube.com/embed/yDnwKCpocts 502 2022-02-02T14:00:34.000Z https://syntax.yabby.page/video/drupal-7-tutorials-40-using-menu-attributes-for-more-control-over-menus 2026-10-15T03:45:21.954Z https://i.ytimg.com/vi/zCaaUik3_h4/maxresdefault.jpg Drupal 7 Tutorials #40 - Using Menu Attributes For More Control Over Menus This tutorial shows you how to use menu attributes to take control of your Drupal 7 menus.Subscribe for more free tutorials https://goo.gl/6ljoFc, more Drupal Tutorials here: https://goo.gl/YDHhLW Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e This Drupal 7 tutorial series shows users how to build websites with the very popular open source content management system Drupal 7. https://www.youtube.com/embed/zCaaUik3_h4 240 2012-06-08T01:13:53.000Z https://syntax.yabby.page/video/learning-gulp-2-using-plugins-minifying-javascript 2026-10-15T03:45:21.959Z https://i.ytimg.com/vi/Kh4eYdd8O4w/maxresdefault.jpg Learning Gulp #2 - Using Plugins & Minifying JavaScript In this video, we put Gulp to work for us by adding in a JavaScript minification plugin to minify our JavaScript for us. http://gulpjs.com/plugins/ https://www.npmjs.org/package/gulp-uglify Subscribe to Level Up Pro for extra features! http://leveluptuts.com/level-up-pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e https://www.youtube.com/embed/Kh4eYdd8O4w 414 2014-06-25T02:09:57.000Z https://syntax.yabby.page/video/we-re-still-waiting-for-cam-to-deliver-our-high-crust-pizza-by-horse 2026-10-15T03:45:21.963Z https://i.ytimg.com/vi/y50JkWRaT24/maxresdefault.jpg We're still waiting for Cam to deliver our "high crust" pizza by horse 🐴 We're still waiting for Cam to deliver our "high crust" pizza by horse 🐴 https://www.youtube.com/embed/y50JkWRaT24 107 2025-12-05T17:43:43.000Z https://syntax.yabby.page/video/techniques-for-dealing-with-frustration-in-development-featuring-dr-courtney-tolinski-ph-d 2026-10-15T03:45:21.967Z https://i.ytimg.com/vi/WuiT3P76K4Q/maxresdefault.jpg Techniques For Dealing with Frustration In Development featuring Dr. Courtney Tolinski Ph.D In this developer life video, Dr. Courtney Tolinski Ph.D joins me to talk about how to deal with frustration while coding. Subscribe for more free tutorials https://goo.gl/6ljoFc, more Developer Life videos here: https://goo.gl/aTiVW6 Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/levelup... Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/pr... Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode... Mental health & lifestyle issues are something that many professionals face in their lives and careers. In this series I explore various life topics in a coding and development context with the help of Dr. Courtney Tolinski Ph.D. Dr. Tolinski is an educational psychologist with a background in therapy & school psychology. https://www.youtube.com/embed/WuiT3P76K4Q 1604 2016-03-18T19:27:53.000Z https://syntax.yabby.page/video/standard-schema-the-universal-javascript-data-interface 2026-10-15T03:45:21.972Z https://i.ytimg.com/vi/P_etHPMftyY/maxresdefault.jpg Standard Schema: The Universal JavaScript Data Interface Wes and Scott talk about the standard schema for data validation, a collective effort by various library authors to create a unified interface. They discuss the benefits, how it works, and its impact on developers and libraries. 👉 Join the exclusive newsletter - https://syntax.fm/snackpack (00:00) - Welcome to Syntax! (01:24) - Brought to you by Sentry.io (02:44) - What is Standard Schema and how does it work? (06:00) - Benefits of Standard Schema (08:52) - Implementation and usage (11:25) - Is this primarily for end users or library authors? All links available at https://syntax.fm/873 ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript https://www.youtube.com/embed/P_etHPMftyY 811 2025-02-03T12:00:34.000Z https://syntax.yabby.page/video/the-taliban-stole-my-domain 2026-10-15T03:45:21.976Z https://i.ytimg.com/vi/q_yAu7rYmiM/maxresdefault.jpg The Taliban stole my domain... Wes shares the story of how the Taliban stole his .af domain. Scott and Wes discuss top-level domain (TLD) best practices, how to find unique custom domain names for your website, and how to avoid having yours stolen. Show Notes 00:00 Welcome to Syntax! 00:16 Brought to you by Sentry.io 01:11 The story of how the Taliban stole my domain. 05:10 When you purchase a domain, does that country receive the registration fee? 07:29 Notion lost their .so domain. 09:18 .ai domain names. 09:53 Other popular TLD options. 12:05 What are the best TLDs? 13:18 iwantmyname.com All links available at https://syntax.fm/735 ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript https://www.youtube.com/embed/q_yAu7rYmiM 922 2024-02-26T12:00:44.000Z https://syntax.yabby.page/video/spacetime-db-2-0-is-1000x-faster-so-they-say-and-more-3-devs-3-things 2026-10-15T03:45:22.597Z https://i.ytimg.com/vi/b69I8NPzAw8/maxresdefault.jpg 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 CSS. 00:00 - hello 00:10 - Cloudflare Rebuilt Next.js From Scratch 05:55 - SpaceTimeDB 2.0 Release 10:36 - x86 CPU in Pure CSS ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #news #react #webdevelopment #webdeveloper #javascript #typescript #syntax #syntaxfm #webdev https://www.youtube.com/embed/b69I8NPzAw8 928 2026-02-27T12:00:59.000Z https://syntax.yabby.page/video/even-more-5-things-i-like-more-in-svelte-than-react 2026-10-15T03:45:22.602Z https://i.ytimg.com/vi/ISmnG2sIOeM/maxresdefault.jpg Even More 5 Things I Like More In Svelte Than React The 5 Things 0:32 No More Refs 2:00 Meta Tags 2:44 Transitions 4:30 Reactive Expressions & Statements 5:56 No More Providers! https://www.leveluptutorials.com Cutting-edge, focused & high quality video tutorials for web developers and designers A new course every month! The best web development podcast out there. Syntax with Wes Bos and Scott Tolinski https://syntax.fm https://www.youtube.com/embed/ISmnG2sIOeM 509 2021-07-29T14:00:06.000Z https://syntax.yabby.page/video/ranking-web-tech-env-files-mcp-servers-ai-assistants 2026-10-15T03:45:22.607Z https://i.ytimg.com/vi/WiP9V60zitw/maxresdefault.jpg Ranking Web Tech! .env files, MCP Servers, AI Assistants Is your standing desk actually helping you code better? 🧍‍♂️💻 Scott, Wes, and CJ play Overrated/Underrated — reacting to web dev hot takes like MCP servers, RPC, AI coding assistants, and tricked-out coding setups. Come hang out, laugh, and maybe rethink your gear choices. 🔥 Be the ~14,700th person to join our super tasty newsletter bit.ly/syntax_snackpack 💬 Drop your own hot takes in the comments — what's overrated in dev land? ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/WiP9V60zitw 1188 2025-04-25T12:12:31.000Z https://syntax.yabby.page/video/browsers-are-cooked-mcp-ui-with-kent-c-dodds 2026-10-15T03:45:22.612Z https://i.ytimg.com/vi/xCO5pbW6h_0/maxresdefault.jpg Browsers are cooked. MCP UI with Kent C. Dodds Scott and Wes sit down with Kent C. Dodds to break down MCP, context engineering, and what it really takes to build effective AI-powered tools. They dig into practical examples, UI patterns, performance tradeoffs, and whether the future of the web lives in chat or the browser.🔥 Be the ~18,300th person to join our super tasty newsletter https://bit.ly/syntax_snackpack @KentCDodds-vids Show Notes 00:00 Welcome to Syntax! 00:44 Introduction to Kent C. Dodds 02:44 What is MCP? 03:28 Context Engineering in AI 04:49 Practical Examples of MCP 06:33 Challenges with Context Bloat 08:08 Brought to you by Sentry.io 09:37 Why not give AI API access directly? 12:28 How is an MCP different from Skills 14:58 MCP optimizations and efficiency levers 16:24 MCP UI and Its Importance 19:18 Where are we at today with MCP 24:06 What is the development flow for building MCP servers? 27:17 Building out an MCP UI. 29:29 Returning HTML, when to render. 36:17 Calling tools from your UI 37:25 What is Goose? 38:42 Are browsers cooked? Is everything via chat? 43:25 Remix3 47:21 Sick Picks & Shameless Plugs All links available at https://syntax.fm/973 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/xCO5pbW6h_0 2940 2026-01-26T12:01:43.000Z https://syntax.yabby.page/video/individual-developers-play-a-crucial-role-in-responsible-ai 2026-10-15T03:45:22.620Z https://i.ytimg.com/vi/g7XW3D3eubw/maxresdefault.jpg Individual developers play a crucial role in responsible AI Scott heads to Microsoft’s campus for the VS Code Insider Summit to sit down with Dr. Sarah Bird and explore what “Responsible AI” really means for developers. From protecting user privacy to keeping humans in the loop, they dig into how everyday coders can play a role in shaping AI’s future. All links available at https://syntax.fm/941 ------------------------------------------------------------------------------ 🔥 Be the ~17,008th person to join our super tasty newsletter https://bit.ly/syntax_snackpack Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #responsibleai #ai #microsoft #webdev #aiethics https://www.youtube.com/embed/g7XW3D3eubw 76 2025-09-29T14:16:46.000Z https://syntax.yabby.page/video/do-more-with-ai-llms-with-big-token-counts 2026-10-15T03:45:22.624Z https://i.ytimg.com/vi/81DY1IsMckE/maxresdefault.jpg Do More With AI - LLMs With Big Token Counts Join Scott and CJ as they dive into the fascinating world of AI, exploring topics from LLM token sizes and context windows to understanding input length. They discuss practical use cases and share insights on how web developers can leverage larger token counts to maximize the potential of AI and LLMs. Show Notes 00:00 Welcome to Syntax! 01:31 Brought to you by Sentry.io. 02:42 What is a token? 04:22 Context window sometimes called "max tokens". 10:42 Understanding input length. 11:59 Models + services with big token counts. 13:22 Generating open API documentation for a complex API. 17:29 Generating JSDoc style typing. 21:07 Generating seed data for a complex database. 24:34 Summarizing 8+ hours of video. 29:35 Some things we've yet to try. 31:32 What about cost? All links available at https://syntax.fm/789 ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript https://www.youtube.com/embed/81DY1IsMckE 2023 2024-07-01T11:00:07.000Z https://syntax.yabby.page/video/it-s-been-a-hell-of-week 2026-10-15T03:45:22.632Z https://i.ytimg.com/vi/SbrLYkh8Ppw/maxresdefault.jpg 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 scenarios from hitting your own projects 🔥 Be the ~18,300th person to join our super tasty newsletter https://bit.ly/syntax_snackpack Show Notes 00:00 Welcome to Syntax! 00:55 Claude Code Leaked! 05:42 Burning through Claude Code token limits. 08:57 Axios hacked! 16:13 Pretext blew up! 27:24 Railway shared private cache. 31:54 Sick Picks & Shameless Plugs. All links available at https://syntax.fm/993 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/SbrLYkh8Ppw 2293 2026-04-06T11:00:46.000Z https://syntax.yabby.page/video/create-websites-with-no-code 2026-10-15T03:45:22.640Z https://i.ytimg.com/vi/HRbA_cAnW8U/maxresdefault.jpg Create Websites with NO CODE In this video CJ shows how to create websites with NO CODE. 🔥 Be the ~14,700th person to join our super tasty newsletter bit.ly/syntax_snackpack All links available at https://syntax.fm/870 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/HRbA_cAnW8U 127 2025-04-01T10:00:27.000Z https://syntax.yabby.page/video/1-getting-started-with-electron-level-1-electron 2026-10-15T03:45:22.654Z https://i.ytimg.com/vi/GwxSkNkP67o/maxresdefault.jpg #1 Getting Started With Electron - Level 1 Electron Build cross platform desktop apps with JavaScript, HTML, and CSS In this series we explore Electron by building a beautiful journaling app using React. The application we build reads, writes and creates markdown files and even implements auto saving. Explore the platform that's allowing web developers to create real world app like VSCode, Slack, Hyper, Skype, Figma and countless others! ### Video Links Buy Level 1 Electron: https://www.leveluptutorials.com/store/products/tutorials/lut-dd024 Become a Pro: https://www.leveluptutorials.com/pro Watch on Level Up: https://www.leveluptutorials.com/tutorials/level-1-electron ### Affiliate Links Please use these links when signing up for services to help support Level Up. Easy Hosting with Netlify: https://goo.gl/pychVP Shared Web Hosting: https://goo.gl/pfC6uc ### Level Up Links Syntax Podcast ft Scott Tolinski & Wes Bos: https://goo.gl/7jDDxX Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz https://www.youtube.com/embed/GwxSkNkP67o 775 2018-08-07T16:16:54.000Z https://syntax.yabby.page/video/trying-to-find-creative-energy-while-living-working-in-ukraine 2026-10-15T03:45:22.663Z https://i.ytimg.com/vi/I9j0p7kCvkg/maxresdefault.jpg Trying to find creative energy while living/working in Ukraine If you'd like to support these guys, check out our collaborative tees. $10 of each sale goes directly to the Drizzle ORM OSS Project. syntax.fm/shop Developing and sustaining a project, nurturing creativity, and maintaining adaptability are challenging even in ideal circumstances. The DrizzleORM team accomplishes all this and more while navigating the current harsh realities of life in Ukraine—contending with unreliable internet and power, strict curfews, and the constant threat of explosions. Recent episode #797 at syntax.fm/797 Drizzle: The TypeScript SQL ORM The developers of Drizzle, a TypeScript ORM, discuss the project's history, their design decisions, how they built complementary tools like Drizzle Studio, and what work is like while living through war in Ukraine. ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #drizzle #drizzleorm #orm #drizzlestudio #cloudflare #ukraine #sql #webdev #syntaxfm #typescript #databases https://www.youtube.com/embed/I9j0p7kCvkg 60 2024-07-23T15:21:42.000Z https://syntax.yabby.page/video/i-gave-openclaw-full-control-of-my-computer 2026-10-15T03:45:22.670Z https://i.ytimg.com/vi/KH1YCMWC3t4/maxresdefault.jpg I Gave OpenClaw Full Control of My Computer Links https://openclaw.ai/ https://github.com/badlogic/pi-mono https://github.com/Blaizzy/mlx-audio https://graffiti-ui.com/ https://x.com/theonejvo/status/2016510190464675980 https://x.com/theonejvo/status/2015892980851474595 https://x.com/theonejvo/status/2015401219746128322 🔥 Be the ~18,300th person to join our super tasty newsletter https://bit.ly/syntax_snackpack All links available at https://syntax.fm/000 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev #ai #clawdbot https://www.youtube.com/embed/KH1YCMWC3t4 1188 2026-01-28T20:43:12.000Z https://syntax.yabby.page/video/we-recreated-space-invaders-in-css-css-battle 2026-10-15T03:45:22.678Z https://i.ytimg.com/vi/WSeZxemZkLI/maxresdefault.jpg We Recreated Space Invaders in CSS! CSS Battle Scott, Wes, and CJ go head-to-head in a game of CSS Battles! Who can recreate the target design with the cleanest, most efficient CSS? Play along and see if you can beat their scores! 🏆🔥 Play here and let us know your best attempt! https://cssbattle.dev/play/124 🔥 Be the ~14,700th person to join our super tasty newsletter bit.ly/syntax_snackpack ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/WSeZxemZkLI 1064 2025-03-14T12:23:00.000Z https://syntax.yabby.page/video/compass-tutorials-10-vertical-rhythm 2026-10-15T03:45:22.682Z https://i.ytimg.com/vi/ls3Clk-kz3s/maxresdefault.jpg Compass Tutorials #10 - Vertical Rhythm The 10th Compass tutorial in the Sass tutorial series. This tutorial teaches you how to easily implement Vertical Rhythm using Compass. For more information on vertical rhythm, please see. http://compass-style.org/reference/compass/typography/vertical_rhythm/ http://24ways.org/2006/compose-to-a-vertical-rhythm Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations https://www.youtube.com/embed/ls3Clk-kz3s 555 2012-04-15T02:07:38.000Z https://syntax.yabby.page/video/4-mixins-in-stylus-stylus-tutorials 2026-10-15T03:45:22.688Z https://i.ytimg.com/vi/XcdYmq7whrY/maxresdefault.jpg #4 Mixins In Stylus - Stylus Tutorials Learn how to use mixins in the Stylus CSS pre-processor with the new Stylus tutorial series from Level Up Tutorials. Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e https://www.youtube.com/embed/XcdYmq7whrY 575 2015-01-09T05:18:21.000Z https://syntax.yabby.page/video/choosing-the-right-programming-language-for-a-project-isn-t-a-purely-technical-decision 2026-10-15T03:45:22.695Z https://i.ytimg.com/vi/klPea6vvTq4/maxresdefault.jpg Choosing the right programming language for a project isn't a purely technical decision Choosing the right programming language for a project isn't purely technical. Evan You says he chose Rust over Go for Vite Rolldown because there were people who knew Rust and wanted to work on the project—plus Rust had some technical advantages over Go. 🔥 Be the ~16,790th person to join our super tasty newsletter https://bit.ly/syntax_snackpack All links available at https://syntax.fm/939 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev #evanyou #golang #rust #rustlang #vite #viterolldown #vuejs https://www.youtube.com/embed/klPea6vvTq4 74 2025-09-22T21:22:15.000Z https://syntax.yabby.page/video/what-is-end-to-end-testing 2026-10-15T03:45:22.703Z https://i.ytimg.com/vi/wycIcpuLkzU/maxresdefault.jpg What Is End To End Testing? In this What Is Wednesday, I cover What Is End To End Testing? ~~~~Video Links~~~~~~~~~~~~~~~~~~~~~~~~ Buy VueJS For Everyone: https://goo.gl/7uft3X Become a Pro: https://www.leveluptutorials.com/pro Blog Post: https://blog.kentcdodds.com/write-tests-not-too-many-mostly-integration-5e8c7fff591c ~~~~Affiliate Links~~~~~~~~~~~~~~~~~~~~~~ Please use these links when signing up for services to help support Level Up. Easy Hosting with Netlify: https://goo.gl/pychVP Shared Web Hosting: https://goo.gl/pfC6uc ~~~~Level Up Links~~~~~~~~~~~~~~~~~~~~~~ Syntax Podcast ft Scott Tolinski & Wes Bos: https://goo.gl/7jDDxX Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz https://www.youtube.com/embed/wycIcpuLkzU 387 2018-03-28T20:28:02.000Z https://syntax.yabby.page/video/should-a-new-coder-use-ai 2026-10-15T03:45:22.710Z https://i.ytimg.com/vi/NrBQI9So5lM/maxresdefault.jpg 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 hacking attempts, and more! 🔥 Be the ~18,300th person to join our super tasty newsletter https://bit.ly/syntax_snackpack (00:00) Welcome to Syntax! (01:39) Are devs really running multiple AI agents at once? (09:41) Brought to you by Sentry.io (12:45) What is pagination and why do websites use it? (18:17) Should beginners use AI while learning to code? (30:24) The real-world skills CS degrees don’t teach you (35:59) Someone tried to hack Syntax (38:12) How Wes and Scott became co-hosts (42:00) Moving from junior to mid-level when your skills are outdated (45:42) How do you balance time for side projects, life, and family (52:45) Building a ChatGPT-style RAG search for your resume (56:15) Why Chad Whitacre videos were on the Syntax YouTube channel (58:44) Sick Picks + Shameless Plugs All links available at https://syntax.fm/978 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/NrBQI9So5lM 3739 2026-02-11T12:00:41.000Z https://syntax.yabby.page/video/prestashop-tutorials-12-customer-loyalty-and-rewards 2026-10-15T03:45:22.714Z https://i.ytimg.com/vi/KL4Sy9feCOM/maxresdefault.jpg PrestaShop Tutorials #12 - Customer Loyalty and Rewards Here we show you how to setup a robust customer loyalty program using PrestaShop. Download Prestashop here http://www.prestashop.com/ Fast, efficient and easy to use, PrestaShop's free e-commerce solution provides everything you need to open, operate and maintain a successful online store. Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e https://www.youtube.com/embed/KL4Sy9feCOM 329 2014-10-30T17:15:13.000Z https://syntax.yabby.page/video/prestashop-tutorials-9-using-the-slideshow-module 2026-10-15T03:45:22.721Z https://i.ytimg.com/vi/OUMDSVOqM0c/maxresdefault.jpg Prestashop Tutorials #9 - Using The Slideshow Module Here we show you how to modify the existing Prestashop slideshow modules to customize with your own content. Download Prestashop here http://www.prestashop.com/ Fast, efficient and easy to use, PrestaShop's free e-commerce solution provides everything you need to open, operate and maintain a successful online store. Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e https://www.youtube.com/embed/OUMDSVOqM0c 265 2014-09-25T23:01:44.000Z https://syntax.yabby.page/video/the-easiest-way-to-infinite-scroll-with-react-full-example 2026-10-15T03:45:22.725Z https://i.ytimg.com/vi/nR85ayDEVBc/maxresdefault.jpg The Easiest Way to Infinite Scroll with React | Full Example In this video CJ shows a really easy way to implement infinite scroll with React. View the code here: https://github.com/w3cj/react-infinite-scroll-example 00:00 Intro 00:43 Project Setup 01:11 Page Styles 01:21 Pure CSS Loading Spinner 02:33 Layout Styles 03:22 react-stately and useAsyncList 03:56 Why not tanstack query? 04:17 Install / setup react-stately 04:52 Pexels API Overview 05:16 fetch first page of images 05:46 Generate Types for the API Response 06:57 Creating items with the list 07:21 Image item styles 09:09 Image Container Aspect Ratio 10:08 Displaying the Images 11:08 Intersection Observer 11:33 react-intersection-observer 12:15 Watching for visibility changes 13:01 Loading the next page of results 15:06 Fixing duplicate load request 16:38 Wrapping list in useRef 18:13 Intersection Observer rootMargin 19:25 Thanks! react-stately useAsyncList | https://react-spectrum.adobe.com/react-stately/useAsyncList.html tanstack query - infinite queries | https://tanstack.com/query/v4/docs/framework/react/guides/infinite-queries Intersection Observer | https://developer.mozilla.org/en-US/docs/Web/API/IntersectionObserver/IntersectionObserver react-intersection-observer | https://www.npmjs.com/package/react-intersection-observer Pexels API | https://www.pexels.com/api/ ------------------------------------------------------------------------------ Hit us up on Socials! https://www.syntax.fm/links Brought to you by Sentry - Use code "tastytreats" to get 2 months free - https://sentry.io/syntax #react #typescript #webdevelopment https://www.youtube.com/embed/nR85ayDEVBc 1226 2024-08-13T12:31:24.000Z https://syntax.yabby.page/video/typescript-interview-questions-stump-d 2026-10-15T03:45:22.732Z https://i.ytimg.com/vi/o5NrF0Ny9K8/maxresdefault.jpg TypeScript Interview Questions - STUMP'd Wes and Scott tackle TypeScript trivia, from combining string literal types to unraveling the mystery of d.ts files. Join them as they challenge each other on conditional types, interfaces, triple-slash directives, and TypeScript records. Show Notes 00:00 Welcome to Syntax! 01:05 Brought to you by Sentry.io. 03:20 How do you combine string literal types? 06:34 What is a TypeScript Generic and why would you use one? 08:12 How do you write a conditional type? 09:58 Generating TypeScript type from a function. 14:09 How do d.ts files work? 16:25 Name one difference between a type and an interface. 19:15 What is a tripple-slash directive and why would you use them? 20:52 What is a TypeScript record and what is it used for? All links available at https://syntax.fm/741 ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript https://www.youtube.com/embed/o5NrF0Ny9K8 1519 2024-03-11T11:00:45.000Z https://syntax.yabby.page/video/zed-is-ready-for-primetime 2026-10-15T03:45:22.736Z https://i.ytimg.com/vi/bRK3PeVFfVE/maxresdefault.jpg Zed is Ready For Primetime Wes and Scott talk about what makes Zed—the hot new editor built in Rust—fast, beautiful, and finally ready for primetime. From Git UI to extensions and AI tools, they break down what Zed gets right, what it still lacks, and whether it’s time to finally ditch VS Code. 🔥 Be the ~14,700th person to join our super tasty newsletter https://bit.ly/syntax_snackpack (00:00) - Welcome to Syntax! (02:37) - Brought to you by Sentry.io (04:07) - What is Zed? (06:46) - Zed UI: fast and clean (10:17) - General editor experience (11:44) - Extensions marketplace (17:53) - Git UI (22:03) - Problems UI (26:01) - Real-time collaboration (27:39) - Command prompt tricks and built-in tools (31:03) - Zed's AI features (37:08) - What kept Scott away—and why he’s back (40:33) - What's still missing (46:43) - Sick Picks & Shameless Plugs All links available at https://syntax.fm/948 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/bRK3PeVFfVE 3189 2025-10-22T11:01:13.000Z https://syntax.yabby.page/video/you-need-these-30-apps-part-2 2026-10-15T03:45:22.741Z https://i.ytimg.com/vi/wOR_Xx38mxk/maxresdefault.jpg You Need These 30 Apps - PART 2 In part 2 of covering the best apps for web developers, Scott and Wes dive into must-have tools that will level up your workflow. From screenshot utilities to development tools and video production apps, this episode is packed with recommendations to boost your productivity and creativity. Show Notes 00:00 Welcome to Syntax! 01:44 Brought to you by Sentry.io. 02:30 Utilities. 02:48 BetterTouchTool. 09:31 Hyperkey. 11:46 Amethyst. 12:51 Klack. 13:47 Bottom (Btm). 14:54 Pearcleaner 16:40 App Cleaner. 17:35 Rocket Emoji. 20:27 Clippy. 23:37 Screenshots and Screen Recordings. 24:05 Dropshare. 25:29 OBS with Source Record. 29:20 Screen Studio. 30:58 Detail.co. 31:22 Cap. 32:08 Kap. 32:46 CleanShot X 34:15 Video and Production. 34:24 DaVinci Resolve. 37:46 Affinity Pro. 39:42 PrincipleForMac. 40:39 Inkscape. 41:34 Development tools. 41:38 DBngin. 43:12 TablePlus. 45:48 MongoDB Compass. 46:14 Proxyman. 47:00 Wireshark. 47:31 Polypane. 48:30 Setapp. 49:44 SVG Grabber. 51:42 Sick Picks & Shameless Plugs. All links available at https://syntax.fm/826 ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript https://www.youtube.com/embed/wOR_Xx38mxk 3389 2024-09-25T11:01:10.000Z https://syntax.yabby.page/video/how-to-connect-to-mongodb-in-svelte-kit 2026-10-15T03:45:22.745Z https://i.ytimg.com/vi/gwktlvFHLMA/maxresdefault.jpg How To Connect to MongoDB in Svelte Kit Repo https://github.com/stolinski/svelte-kit-mongodb-example Become a Level Up Pro and take your web skills to the next level! https://www.leveluptutorials.com The best web development podcast out there Syntax with Wes Bos and Scott Tolinski https://syntax.fm 🎨 VSCode Theme: https://marketplace.visualstudio.com/items?itemName=leveluptutorials.theme-levelup All of the stuff I use https://www.scotttolinski.com/uses https://www.youtube.com/embed/gwktlvFHLMA 1661 2022-10-07T21:56:13.000Z https://syntax.yabby.page/video/we-built-a-real-time-local-data-competitive-coding-game 2026-10-15T03:45:22.749Z https://i.ytimg.com/vi/_tHSAKVCJQo/maxresdefault.jpg We Built a Real-Time, Local-Data, Competitive Coding Game Scott, Wes, and CJ dive into SynHax, Scott's Hackweek project for code battles. They discuss live coding duels, referee controls, and the surprisingly simple tech stack that delivers instant updates and audience engagement. 🔥 Be the ~14,700th person to join our super tasty newsletter https://bit.ly/syntax_snackpack (00:00) – Welcome to Syntax! (01:50) - Brought to you by Sentry.io (02:30) – What is SynHax? (04:21) – The Stack (07:39) – How it works (15:03) – The battle experience (28:28) – Fun details (34:12) – Creating new battles & the admin dashboard All links available at https://syntax.fm/934 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/_tHSAKVCJQo 2228 2025-09-03T11:01:07.000Z https://syntax.yabby.page/video/turn-javascript-off-in-your-browser-and-then-come-talk-to-us 2026-10-15T03:45:22.753Z https://i.ytimg.com/vi/hpKJ8s92jTk/maxresdefault.jpg Turn JavaScript off in your browser and then come talk to us. full episode at https://www.youtube.com/watch?v=eJFgBXHc69k Today's episode #796 Do We Need JS Frameworks × Are You Over-Engineering? × Webview vs Native -- In this potluck episode, Scott and Wes answer questions about over-engineering, generative AI, frameworks, meetups, and more. ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #overengineered #ai #framework #javascript #meetups #webdev #syntaxfm https://www.youtube.com/embed/hpKJ8s92jTk 48 2024-07-17T14:18:07.000Z https://syntax.yabby.page/video/turns-out-your-smart-devices-aren-t-magic 2026-10-15T03:45:22.757Z https://i.ytimg.com/vi/QmATnq4nOTQ/maxresdefault.jpg Turns out your smart devices aren’t magic Turns out your smart devices aren’t magic… they’re just Linux in a plastic case — and surprisingly easy to crack open. #syntaxfm #webdev #linux #hacking #hardware #IoT https://www.youtube.com/embed/QmATnq4nOTQ 83 2026-01-29T16:16:57.000Z https://syntax.yabby.page/video/turso-has-a-feature-called-embedded-replicas-which-let-sqlite-databases-work-locally-within-apps 2026-10-15T03:45:22.769Z https://i.ytimg.com/vi/14bFL4cUhWM/maxresdefault.jpg Turso has a feature called embedded replicas, which let SQLite databases work locally within apps Today's episode #803 The SQLite Takeover with Turso’s Glauber Costa Glauber Costa discusses Terso, a distributed SQLite platform getting attention for its managed service and LibSQL fork enabling new architectures. ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #turso #sqlite #libsql #databases #webdev #cloud #syntaxfm https://www.youtube.com/embed/14bFL4cUhWM 35 2024-08-02T17:35:24.000Z https://syntax.yabby.page/video/we-got-roasted-for-our-websites-fair 2026-10-15T03:45:22.776Z https://i.ytimg.com/vi/7iF0nUVLcU4/maxresdefault.jpg We Got Roasted for Our Websites — Fair In this potluck episode of Syntax, Wes and Scott answer your questions about why devs neglect their own websites, hosting shady projects (hypothetically), AI rules in version control, balancing side projects and family life, and more! 🔥 Be the ~14,700th person to join our super tasty newsletter https://bit.ly/syntax_snackpack (00:00) - Welcome to Syntax! (01:43) - Why devs neglect their own websites (and how to convince your parents coding is a real job) (07:04) - AirPods, Nothing Ear, and the ANC struggle (10:22) - Shipping Syntax merch from Canada (12:43) - Scott’s update on Omarchy and Linux laptop life (18:05) - What to do when a user account gets hacked (and how to prevent it) (21:33) - Should you commit LLM context files and AI-generated docs to Git? (25:27) - How to balance career, side projects, and family life (29:25) - Building and hosting a "legally dubious" website (33:27) - Best practices for dealing with images (42:46) - Where to find Wes' awesome wallpapers (44:19) - Can you trust services with a generous free tier? (50:32) - Do we still use GIFs? (52:23) - Sick Picks + Shameless Plugs (55:59) - Brought to you by Sentry.io All links available at https://syntax.fm/946 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/7iF0nUVLcU4 3456 2025-10-15T11:00:23.000Z https://syntax.yabby.page/video/what-if-websites-were-felt 2026-10-16T12:15:14.765Z https://i.ytimg.com/vi/U7peCdBiFy8/maxresdefault.jpg What if websites were felt? What if websites were felt? https://www.youtube.com/embed/U7peCdBiFy8 82 2026-06-18T16:58:14.000Z https://syntax.yabby.page/video/hot-new-and-under-utilized-browser-apis 2026-10-15T03:45:22.780Z https://i.ytimg.com/vi/OsYtOth7cRw/maxresdefault.jpg Hot New and Under-Utilized Browser APIs Scott and Wes serve up the latest and most under-utilized browser APIs that are changing the game for web development. From the @starting-style CSS API to scroll-snap and popovers, they break down how these tools can elevate your projects with minimal effort. Show Notes 00:00 Welcome to Syntax! 01:03 Brought to you by Sentry.io. 02:15 When to use these tools. 03:45 @starting-style CSS API. 08:23 Transition behavior allow-discrete. 11:56 calc-size(auto). 16:19 scroll-snap. 22:05 View Transitions. 33:28 Popover API. 41:15 Dialog. 48:12 Details. 53:26 Sick Picks & Shameless Plugs. All links available at https://syntax.fm/799 ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript https://www.youtube.com/embed/OsYtOth7cRw 3564 2024-07-24T11:00:20.000Z https://syntax.yabby.page/video/the-fastest-array-arithmetics-ever 2026-10-16T16:45:14.910Z https://i.ytimg.com/vi/AptS158Pz3U/maxresdefault.jpg The fastest array arithmetics ever Is there anything CJ can't do? https://www.youtube.com/embed/AptS158Pz3U 75 2026-05-13T19:39:56.000Z https://syntax.yabby.page/video/vscode-tutorials-4-git-integration 2026-10-15T03:45:22.785Z https://i.ytimg.com/vi/6n1G45kpU2o/maxresdefault.jpg VSCode Tutorials #4 - Git Integration Learn about Visual Studio Code and why it's an exciting new text editor. Subscribe for more free tutorials https://goo.gl/6ljoFc Learn Meteor & React for modern real-time apps. https://www.leveluptutorials.com/store/products/tutorials/lut-dd012 Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e Visual Studio Code is a lightweight but powerful source code editor which runs on your desktop and is available for Windows, macOS and Linux. It comes with built-in support for JavaScript, TypeScript and Node.js and has a rich ecosystem of extensions for other languages (such as C++, C#, Python, PHP, Go) and runtimes (such as .NET and Unity). https://www.youtube.com/embed/6n1G45kpU2o 469 2017-05-18T05:25:39.000Z https://syntax.yabby.page/video/10-easy-realistic-device-mockups-using-magic-mirror-in-sketch 2026-10-15T03:45:22.790Z https://i.ytimg.com/vi/o6NtLm2tcL4/maxresdefault.jpg #10 - Easy Realistic Device Mockups Using Magic Mirror in Sketch In this video, I show you how to easily create realistic on-device mockups using Sketch and Magic Mirror. Magic Mirror is a Sketch 3 Plugin that can create a perspective-transformed image from an artboard and apply it to a shape. You can consider it a simple version of Photoshop’s Embeded Smart Objects for Sketch. http://magicmirror.design/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! http://leveluptuts.com/level-up-pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e https://www.youtube.com/embed/o6NtLm2tcL4 508 2015-08-05T00:11:24.000Z https://syntax.yabby.page/video/drupal-7-theming-with-omega-3-setting-up 2026-10-15T03:45:22.796Z https://i.ytimg.com/vi/Uy-HMvEi0pY/maxresdefault.jpg Drupal 7 Theming with Omega #3 - Setting Up This tutorial shows you how to set up your project to use Sass, Compass and Coffee Script. It also shows you how to add your script file to your theme through the .info file. Subscribe for more free tutorials https://goo.gl/6ljoFc, more Drupal Tutorials here: https://goo.gl/YDHhLW Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! http://leveluptuts.com/level-up-pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e This Drupal 7 tutorial series shows users how to build websites with the very popular open source content management system Drupal 7. http://drupal.org/project/omega http://drupal.org/project/omega_tools Subscribe to Level Up Pro for extra features! http://leveluptuts.com/level-up-pro For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations https://www.youtube.com/embed/Uy-HMvEi0pY 656 2012-10-26T03:29:38.000Z https://syntax.yabby.page/video/how-to-go-deeper-with-your-learning 2026-10-15T03:45:22.800Z https://i.ytimg.com/vi/8YqcESrS_0I/maxresdefault.jpg How to Go Deeper With Your Learning Want to level up your web dev game? Scott and Wes share their top tips for going deeper with your learning—covering everything from reading the docs and source code to finding mentorship and engaging with the community. 👉 Join the exclusive newsletter - https://syntax.fm/snackpack Show Notes 00:00 Welcome to Syntax! 02:48 Brought to you by Sentry.io. 03:54 How do you go deeper? 04:23 Pick a project and build it. 06:36 Read the docs. 09:07 Read the source. 11:19 Consume content: blogs, conference talks, etc. 16:24 Discord and Reddit. 19:31 Get mentorship and ask questions. All links available at https://syntax.fm/858 ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript https://www.youtube.com/embed/8YqcESrS_0I 1471 2024-12-09T12:00:20.000Z https://syntax.yabby.page/video/we-read-your-worst-coding-nightmares-spooky-stories-pt-2 2026-10-15T03:45:22.807Z https://i.ytimg.com/vi/gl62lVNV9lU/maxresdefault.jpg We Read Your Worst Coding Nightmares (Spooky Stories Pt. 2) In part 2 of this year's Spooky Stories special, Wes and Scott discuss the most chilling developer horror stories—from six-month-old unprocessed donations and runaway dog-food orders to vanishing databases, DNS disasters, code that literally tore apart a mall’s ventilation system, and more! 🔥 Be the ~14,700th person to join our super tasty newsletter https://bit.ly/syntax_snackpack (00:00) - Welcome to Syntax! (01:33) - A Bug Beyond the Grave (04:16) - NHL SPOOKS (06:36) - White Space Ghost Faced (10:54) - Over Order Nightmare (16:50) - Alaskian (21:16) - Brought to you by Sentry.io (22:50) - Rackspace’d Out (25:02) - Fired (26:52) - WordPress Woes (33:21) - What does the P in VPS stand for? (34:18) - Beyond the Grave II (35:39) - The Hottest Hot Fix (37:54) - Bad Redirect (40:03) - Instead of Making Money, You Spend Money! (41:26) - Certbot Certain Death (43:55) - It’s Always DNS (50:02) - Cache Ruins Everything Around Me (51:52) - Fiber F-Up (56:18) - More Spooky Stories All links available at https://syntax.fm/950 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/gl62lVNV9lU 3478 2025-10-29T11:01:34.000Z https://syntax.yabby.page/video/7-lost-a-next-level-grid-system 2026-10-15T03:45:22.811Z https://i.ytimg.com/vi/e3J4wZWlQUk/maxresdefault.jpg #7 - Lost, A Next Level Grid System Here, I show you my favorite and most used grid system. Lost by Cory Simmons. https://github.com/corysimmons/lost https://www.patreon.com/leveluptuts The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e https://www.youtube.com/embed/e3J4wZWlQUk 344 2015-09-01T21:48:24.000Z https://syntax.yabby.page/video/16-styling-our-footer 2026-10-15T03:45:22.815Z https://i.ytimg.com/vi/F0SyPU7-jdA/maxresdefault.jpg #16 - Styling Our Footer In this video, we start to complete the look of our website by styling the footer and adding a footer navigation. In this video series, I teach you how to build your first website. No prior experience needed. The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ https://www.patreon.com/leveluptuts Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e https://www.youtube.com/embed/F0SyPU7-jdA 540 2015-10-07T21:59:26.000Z https://syntax.yabby.page/video/18-intro-to-ftp-getting-our-site-online-how-to-build-your-first-website 2026-10-15T03:45:22.819Z https://i.ytimg.com/vi/Ytok0N3smlw/maxresdefault.jpg #18 - Intro To FTP & Getting Our Site Online - How To Build Your First Website In this basic web development tutorial, I talk about how to get set up and use FTP to connect to a hosting platform. Subscribe for more free tutorials https://goo.gl/6ljoFc, more How To Build Your First Website videos here: https://goo.gl/0JUNCY Bluehost Hosting http://www.bluehost.com/track/leveluptutorials/ Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e In this video series, I teach you how to build your first website. No prior experience needed. https://www.youtube.com/embed/Ytok0N3smlw 532 2015-12-14T23:51:08.000Z https://syntax.yabby.page/video/preventing-spam-and-fraud 2026-10-15T03:45:22.824Z https://i.ytimg.com/vi/k4wyxLR9UYo/maxresdefault.jpg Preventing Spam and Fraud From CAPTCHAs to shadow banning, Scott and Wes break down the best strategies for keeping your app safe from spam and fraud. They cover tools like email verification, rate limiting, shadow banning, and more to protect your users and data. Show Notes 00:00 Welcome to Syntax! 00:15 The problem. 02:47 Brought to you by Sentry.io. 04:23 CAPTCHA. 06:24 Data collection. 07:11 Stripe Radar score calculation. 09:12 Rate limiting. 11:34 Shadow banning. 13:53 Email verification. 15:38 Tie to accounts. 16:23 Tied to real identity. 19:36 Manual approval. 21:19 Blocking ASN. 23:17 Honey pot field. 24:28 SMS verification. 25:05 Mechanical Turk. All links available at https://syntax.fm/831 ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript https://www.youtube.com/embed/k4wyxLR9UYo 1601 2024-10-07T11:00:57.000Z https://syntax.yabby.page/video/ai-will-improve-your-web-development-workflow 2026-10-15T03:45:22.830Z https://i.ytimg.com/vi/qpWxsQdCGTQ/maxresdefault.jpg AI Will Improve Your Web Development Workflow Scott and Wes serve up ways developers can use AI tools like Claude, GitHub Copilot, and more to boost productivity. From error tracing to refactoring code and automating mundane tasks, they break down how AI can handle the heavy lifting so you can focus on the fun stuff! Show Notes 00:00 Welcome to Syntax! 01:23 Brought to you by Sentry.io. 01:43 Using AI tools effectively. 05:29 Stack trace reading and error finding. 08:37 San Francisco Syntax Meetup! 09:19 Research and validation. 12:19 Completing mundane tasks. 14:10 Refactoring. 18:56 Simple typescript. 20:29 Summarizing docs and source code. 23:56 Quick hits. All links available at https://syntax.fm/834 ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript https://www.youtube.com/embed/qpWxsQdCGTQ 1630 2024-10-14T11:00:52.000Z https://syntax.yabby.page/video/drupal-tutorials-24-creating-a-block-view 2026-10-15T03:45:22.836Z https://i.ytimg.com/vi/BebR07kucT4/maxresdefault.jpg Drupal Tutorials #24 - Creating A Block View This is the 24th tutorial in the Drupal 7 tutorial series. This tutorial shows you how to create a block view using the Views module. from Drupal.org... What is Views The Views module provides a flexible method for Drupal site designers to control how lists and tables of content, users, taxonomy terms and other data are presented. This tool is essentially a smart query builder that, given enough information, can build the proper query, execute it, and display the results. It has four modes, plus a special mode, and provides an impressive amount of functionality from these modes. Among other things, Views can be used to generate reports, create summaries, and display collections of images and other content. drupal.org/project/views Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations https://www.youtube.com/embed/BebR07kucT4 450 2012-04-10T01:02:22.000Z https://syntax.yabby.page/video/css-fonts-fallbacks-variable-and-trimming 2026-10-15T03:45:22.840Z https://i.ytimg.com/vi/m1_k3OlHSJU/maxresdefault.jpg CSS Fonts Fallbacks, Variable and Trimming Scott and Wes dig into the wild world of CSS fonts—covering fallbacks, variable fonts, and new tricks like text-box-trim. They also break down font-display, font kits, and how to avoid layout shifts when loading custom type.🔥 Be the ~14,700th person to join our super tasty newsletter bit.ly/syntax_snackpack Show Notes 00:00 Welcome to Syntax! 01:06 Brought to you by Sentry.io. 02:53 @font-face. 03:27 Font Display. 07:40 Avoiding layout shift. 10:45 Variable fonts. 16:23 Variable font sizing. 17:46 v-fonts. 19:10 text-box-trim & text-box-edge. 21:28 Browser support. All links available at https://syntax.fm/885 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/m1_k3OlHSJU 1390 2025-03-17T11:01:08.000Z https://syntax.yabby.page/video/0-introduction-to-adaptive-theme-drupal-theming-tutorials 2026-10-15T03:45:22.845Z https://i.ytimg.com/vi/Xtz0jW6QJZI/maxresdefault.jpg #0 - Introduction To Adaptive Theme - Drupal Theming Tutorials In this video I give an introduction to the forthcoming Adaptive Theme for Drupal 7 tutorial series. The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! http://leveluptuts.com/level-up-pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e https://www.youtube.com/embed/Xtz0jW6QJZI 44 2015-07-28T19:05:15.000Z https://syntax.yabby.page/video/a-look-ahead-at-web-development-in-2025-jsnation-interview-w-wes-bos 2026-10-15T03:45:22.851Z https://i.ytimg.com/vi/W-bH6bPLAzI/maxresdefault.jpg A Look Ahead at Web Development in 2025 @JSNation - Interview w/ Wes Bos Discounted Tickets: https://ti.to/gitnation/jsnation-us-edition/discount/SYNTAX10 Scott sat down with Wes Bos to talk about his upcoming talk at JSNation US. Come hang with the entire Syntax squad and see awesome talk's like Wes' A Look Ahead at Web Development in 2025. https://www.youtube.com/embed/W-bH6bPLAzI 305 2024-09-29T22:14:46.000Z https://syntax.yabby.page/video/two-developers-compete-on-web-development-interview-questions-stump-d 2026-10-15T03:45:22.858Z https://i.ytimg.com/vi/7Vao9J4rAQU/maxresdefault.jpg Two Developers Compete on Web Development Interview Questions - STUMP'd Scott and Wes serve up a gameshow-style quiz with STUMP'd, challenging each other on web development trivia. From the differences between useMemo and useCallback to the intricacies of the JavaScript event loop, join them for a fun and informative session packed with web dev insights! Show Notes 00:00 Welcome to Syntax! 01:17 Brought to you by Sentry.io. 02:03 The longest game of Rock, Paper, Scissors. Round 1 03:22 In React, what is the difference between useMemo and useCallback hooks, and in what scenarios would you choose one over the other? 05:56 Explain the concept of "tree shaking" in modern JavaScript build tools. How does it work, and what are its benefits? Round 2 09:11 In the context of CSS Grid, explain the difference between grid-template-areas and grid-area. 11:34 What is the "Temporal Dead Zone" in JavaScript, and how does it relate to variables declared with let and const Round 3 13:29 Describe the inner workings of the JavaScript event loop, including the roles of the call stack, callback queue, and microtask queue. 17:10 What is the "Shadow DOM" in web components, and how does it differ from the regular DOM? Round 4 20:05 Explain the process of Critical Rendering Path optimization in modern web browsers 26:14 Describe the purpose and functionality of the Intl.Segmenter API in JavaScript. Round 5 30:03 Explain the concept of Web Assembly (WASM) and its role in modern web development. 32:11 Explain the concept of Svelte stores, particularly focusing on the differences between writable, readable, and derived stores. Round 6 35:26 Explain the concept of "code splitting" in modern JavaScript applications. 37:00 Describe advanced techniques for maintaining an accessible focus order in web accessibility. Round 7 45:15 Explain the concept of "Server-Sent Events" (SSE) in web development. 47:37 What's the difference between contain layout and contain paint? 49:30 Sick Picks & Shameless Plugs. All links available at https://syntax.fm/802 ------------------------------------------------------------------ https://www.youtube.com/embed/7Vao9J4rAQU 3434 2024-07-31T11:00:07.000Z https://syntax.yabby.page/video/is-htmx-a-joke 2026-10-15T03:45:22.864Z https://i.ytimg.com/vi/L2QNCTCIRfc/maxresdefault.jpg Is HTMX a Joke?? Scott and Wes unravel the mysteries of HTMX, exploring the essentials for getting started, its powerful capabilities, limitations, and possible stacks for building primarily server rendered applications. Show Notes 00:00 Welcome 02:07 Brought to you by Sentry.io 02:53 What exactly is HTMX? 04:30 What you need to know before working in HTMX. 04:35 You need a server. 05:35 You'll most likely need a templating engine. 06:42 You most likely do not need as much client-side JS. 08:33 You don't work in JSON 11:15 Not something you can swap out your UI with in a SPA. 11:48 Brings back AJAX 13:32 So, what can it do? 15:20 And what it doesn't do. 18:25 It doesn't do server-side responses. 19:09 What about animations? 19:20 What about CSS? 19:57 What about Web Components? 20:06 What about third-party client-side JS? 20:18 What about WebSockets and SSE? 20:30 What about extensions? 21:00 Wes' "bomb" question. 24:16 What Scott likes about HTMX. 25:45 What Scott doesn't like about HTMX. 30:33 Hype, Meta Framework. All links available at https://syntax.fm/726 ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: @randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm https://www.youtube.com/embed/L2QNCTCIRfc 1935 2024-02-05T12:00:18.000Z https://syntax.yabby.page/video/every-developer-needs-a-3d-printer 2026-10-15T03:45:22.869Z https://i.ytimg.com/vi/n0wkGjIyqiU/maxresdefault.jpg Every Developer Needs a 3D Printer Wes and Scott talk all things 3D printing—from fixing every day items to organizing tools, printing gadgets, and even teaching their kids entrepreneurship. 🔥 Be the ~14,700th person to join our super tasty newsletter bit.ly/syntax_snackpack (00:00) - Welcome to Syntax! (03:34) - Brought to you by Sentry.io (05:03) - Practical uses of 3D printing (07:34) - Creating tools for organization (10:33) - Improving and adapting everyday items (14:34) - The benefits of printing something vs buying it (15:32) - Choosing the right 3D printer (25:26) - Projects and ideas (31:33) - Filament types and their uses (40:05) - Finding affordable filament (46:07) - Where to find 3D models (48:08) - Creating your own 3D models (53:00) - Modifying existing 3D models (54:30) - Coding in 3D printing (01:01:25) - Sick Picks + Shameless Plugs All links available at https://syntax.fm/898 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/n0wkGjIyqiU 3915 2025-04-30T11:01:20.000Z https://syntax.yabby.page/video/claude-code-is-overkill-pi-is-all-you-need 2026-10-15T03:45:22.875Z https://i.ytimg.com/vi/AEmHcFH1UgQ/maxresdefault.jpg Claude Code is overkill - Pi is All you Need Wes and Scott talk with Armin Ronacher and Mario Zechner about PI, a minimalist agent harness powering tools like OpenClaw. They unpack why Bash is “all you need,” the risks of agents, workflow adaptability, and where AI coding agents are actually headed. 🔥 Be the ~18,300th person to join our super tasty newsletter https://bit.ly/syntax_snackpack (00:00) Welcome to Syntax! (03:28) What is Pi, and why does it matter? (05:54) What do we actually mean by “agents”? (11:04) Prompt injection: how LLMs get tricked (14:19) Is Claude Cowork actually secure? (22:01) How Armin and Mario use agents day to day (26:37) Brought to you by Sentry.io (27:25) Memory and search: teaching agents to remember (33:04) Do coding agents even need memory? (34:36) “Bash is all you need” (37:21) Adding power: how agents learn new tricks (47:02) Tools and models Armin and Mario are using right now (54:15) Sick picks + shameless plugs All links available at https://syntax.fm/976 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/AEmHcFH1UgQ 3480 2026-02-04T12:00:31.000Z https://syntax.yabby.page/video/copilot-open-sourced-w-erich-gamma-and-kai-maetzel 2026-10-15T03:45:22.880Z https://i.ytimg.com/vi/GMmaYUcdMyU/maxresdefault.jpg Copilot Open Sourced! w/ Erich Gamma and Kai Maetzel Scott and Wes are joined by Erich Gamma, creator of VS Code, and Kai Maetzel, Copilot Lead, to share some big news about the future of VS Code and Copilot. They discuss what it means for developers, how AI is shaping the future of coding, and why staying open to the community is key.🔥 Be the ~14,700th person to join our super tasty newsletter https://bit.ly/syntax_snackpack Show Notes 00:00 Welcome to Syntax! 01:00 The inception of VS Code. 02:49 VS Code adoption. 04:31 Brought to you by Sentry.io. 04:55 Syntax Denver Meetup! 05:19 The big announcement. 06:25 The current state of Copilot and VS Code. 08:31 The challenges with LLMs running outside of the codebase. 09:31 How to make a business case for AI. 10:47 The maturing of the AI landscape. 13:01 The limitations of extensions. 14:06 Open source vs closed source. 14:49 Copilot’s context is public. 19:23 Is context language-specific? 21:23 How does this affect paid Copilot features? 23:27 Secrets of Copilot’s server-side. 28:36 What will be open and what will not? 29:03 Is Copilot’s UI influenced by VS Code forks? 31:31 Maintaining VS Code identity in forks. 33:07 What does open-sourcing GitHub Copilot mean for Cursor and Windsurf? 38:42 Were you surprised to see VS Code forks? 40:03 Are other extensions able to tap into the AI offerings? 43:20 There’s work to be done. 44:13 The timeline. 45:39 Simulation Tests (S Tests). 48:07 How to test LLMs. 49:10 The future of software development with AI. 52:47 What’s your favorite model? All links available at https://syntax.fm/903 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/GMmaYUcdMyU 3463 2025-05-19T16:01:02.000Z https://syntax.yabby.page/video/our-2026-web-dev-predictions 2026-10-15T03:45:22.884Z https://i.ytimg.com/vi/8YeBQUAjAQM/maxresdefault.jpg Our 2026 Web Dev Predictions Wes and Scott talk about their bold predictions for web development in 2026, from WebGPU-powered design and modern CSS breakthroughs to JavaScript standards, AI-driven tooling, security risks, the future of frameworks, workflows, and more! 🔥 Be the ~18,300th person to join our super tasty newsletter https://bit.ly/syntax_snackpack (00:00) Welcome to Syntax! (00:49) WebGPU and 3D experiences will finally take off (01:30)  Web design will make a comeback (04:03) Light mode returns (yes, really) (07:06)  Modern CSS standards are about to have a huge year (13:15) Will the Temporal API finally ship everywhere in 2026? (14:18)  The rise of the standard stack (16:18) Are we headed toward standardized RPC? (19:41) What’s next (and what’s not) for React (21:07)  Why we’ll see more security failures in web dev (22:35) SvelteKit 3 lands in 2026 (22:53) Where developer tooling is headed next (26:44) More big acquisitions (28:02)  2026: the year of durable compute (30:57)  Frameworks will matter less as AI gets better (33:34)  End-to-end AI workflows become the norm (36:04) Brought to you by Sentry.io (37:21)  Personalized software for everyday people (39:11) MCP and MCP UI will pop (42:24) Developer skills will fall off (46:20) Crappy software will continue All links available at https://syntax.fm/967 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/8YeBQUAjAQM 2890 2025-12-31T12:00:30.000Z https://syntax.yabby.page/video/react-vs-svelte-windsurf-worth-3b-typescript-as-const-layout-shift-tricks-more 2026-10-15T03:45:23.464Z https://i.ytimg.com/vi/b9sECYG-qmI/maxresdefault.jpg React vs Svelte × Windsurf Worth $3B × Typescript as Const × Layout Shift Tricks × More In this potluck episode of Syntax, Wes and CJ answer your questions about OpenAI’s $3B Windsurf acquisition, the evolving role of UI in an AI-driven world, why good design still matters, React vs. Svelte, and more! 🔥 Be the ~14,700th person to join our super tasty newsletter https://bit.ly/syntax_snackpack (00:00) - Welcome to Syntax! (02:35) - OpenAI acquires Windsurf for $3B (05:20) - What is the future of UI now that AI is such a heavy hitter? (08:45) - Handling spam submissions on websites (14:18) - Duplicating HTML for desktop and mobile websites? (17:03) - Is it okay to use a JSON file for simple website data? (19:04) - How to handle anonymous and duplicate users (21:55) - Working with TypeScript Object.keys(), and "any" vs "@ts-ignore" (25:51) - Brought to you by Sentry.io (26:38) - What is the difference between React and Svelte? (30:24) - How should you name your readme file? (31:55) - How do you find time to refactor code? (35:20) - Best practices for testing responsiveness (39:19) - Avoiding layout shift with progressive enhancement (46:56) - Sick Picks + Shameless Plugs All links available at https://syntax.fm/904 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/b9sECYG-qmI 3075 2025-05-21T11:01:07.000Z https://syntax.yabby.page/video/typescript-branded-types-streaming-vs-polling-more 2026-10-15T03:45:23.469Z https://i.ytimg.com/vi/Xlptzh4oo2E/maxresdefault.jpg TypeScript, Branded Types, Streaming vs Polling + More Scott and Wes serve up listener questions on everything from SvelteKit’s limits and the quirks of branded types in TypeScript to handling email queues and secure token storage in cookies. 👉 Join the exclusive newsletter - https://syntax.fm/snackpack Show Notes 00:00 Welcome to Syntax! 00:50 Catching up. 01:52 Brought to you by Sentry.io. 02:56 What are the limitations of SvelteKit? 06:41 Svelte 5 updates. 07:53 Branded types in TypeScript. 11:56 Queue applications and a ‘poor man’s queue’. 17:20 The real value of a functional QA team. 21:34 Invoker commands. 26:29 Growing security and permissions concerns. 33:03 Stripe vs PayPal in 2024. 38:24 Christmas gift guide. 38:39 Websockets vs streams vs polling. 41:04 Storing access and refresh tokens in a cookie. 45:41 Shipping with TypeScript errors. 49:34 Sick Picks + Shameless Plugs. All links available at https://syntax.fm/844 ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript https://www.youtube.com/embed/Xlptzh4oo2E 3382 2024-11-06T12:00:41.000Z https://syntax.yabby.page/video/drupal-tutorials-10-url-alias 2026-10-15T03:45:23.475Z https://i.ytimg.com/vi/5Me2_9UvoHU/maxresdefault.jpg Drupal Tutorials #10 - URL Alias This Drupal 7 tutorial shows you how to change the URL Alias for any of your content. Subscribe for more free tutorials https://goo.gl/6ljoFc, more Drupal Tutorials here: https://goo.gl/YDHhLW Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e This Drupal 7 tutorial series shows users how to build websites with the very popular open source content management system Drupal 7. https://www.youtube.com/embed/5Me2_9UvoHU 189 2012-03-26T02:42:15.000Z https://syntax.yabby.page/video/ai-coding-sucks 2026-10-15T03:45:23.480Z https://i.ytimg.com/vi/0ZUkQF6boNg/maxresdefault.jpg AI Coding Sucks AI coding tools suck and are not at all what was promised. I'm done. 30 Day Follow up video: https://www.youtube.com/watch?v=g6_e5Mj7Hzw 00:00 - intro 00:15 - i used to enjoy programming 01:05 - why did I become a programmer 01:55 - AI / LLMs are not predictable 02:47 - models are magic boxes 03:26 - ai programming has become a religion 04:05 - what I've learned and know about working with AI coding tools 04:21 - agents.md / rules 05:38 - make a plan before coding 06:16 - validate the plan 06:49 - use spec driven workflows 07:36 - work on small features not big sweeping changes 07:52 - use AI to write tests / use interactive debugging MCPs 08:17 - AI models are goal seeking 09:11 - use agentic workflows to prevent context bloat 10:13 - how i use AI summary 10:39 - FOMO based development 11:40 - what to do as a new programmer? 12:12 - everything is competing for your attention / money 12:43 - all AI tools are wrappers for foundational models + slight edge 13:15 - use the tools that work 13:40 - what now? 14:24 - what are you going to do? 15:16 - thanks! 🔥 Be the ~14,700th person to join our super tasty newsletter https://bit.ly/syntax_snackpack ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #ai #chatgpt #claude #programming #webdevelopment #webdeveloper #syntaxfm https://www.youtube.com/embed/0ZUkQF6boNg 936 2025-10-09T15:36:30.000Z https://syntax.yabby.page/video/accepting-money-on-the-internet-in-2025 2026-10-15T03:45:23.485Z https://i.ytimg.com/vi/mfoklsT7wvk/maxresdefault.jpg Accepting Money on the Internet in 2025 Wes and Scott talk about the ins and outs of accepting payments online—from choosing processors like Stripe and PayPal to handling fraud, taxes, custom checkouts, and more 🔥 Be the ~14,700th person to join our super tasty newsletter bit.ly/syntax_snackpack (00:00) - Welcome to Syntax! (02:34) - Payment processors (09:29) - Checkouts (18:22) - The checkout flow (23:10) - Methods of accepting money (25:30) - Brought to you by Sentry.io (28:34) - Merchant of Record (32:51) - Handling fraud, disputes, and refunds (41:25) - Sick Picks + Shameless Plugs All links available at https://syntax.fm/890 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/mfoklsT7wvk 2787 2025-04-02T11:01:06.000Z https://syntax.yabby.page/video/aaron-francis-is-putting-php-in-your-js-files 2026-10-15T03:45:23.493Z https://i.ytimg.com/vi/VqMEhP-EHC4/maxresdefault.jpg Aaron Francis is putting PHP in Your JS Files Wes and Scott talk with Aaron Francis about Fusion for Laravel, a new way to seamlessly integrate PHP into JavaScript. They discuss how Fusion expands on Inertia, its potential for React support, and how it simplifies full-stack development. 🔥 Be the ~14,700th person to join our super tasty newsletter bit.ly/syntax_snackpack (00:00) - Welcome to Syntax! (01:22) - Aaron's background in PHP (02:27) - What is Fusion for Laravel? (09:14) - How Fusion works (13:57) - The benefits of Laravel (19:18) - Invalidation and caching (25:20) - Brought to you by Sentry.io (25:57) - Optimistic UI (28:53) - React integration? (32:08) - Fusion's original name (and the naming process) (33:55) - Laravel's approach to frontend frameworks (37:57) - Databases and scaling (41:52) - Postgres extensibility and hosting options (48:08) - The vision for Fusion (48:56) - Sick Picks + Shameless Plugs All links available at https://syntax.fm/882 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/VqMEhP-EHC4 3250 2025-03-05T12:00:51.000Z https://syntax.yabby.page/video/typescript-just-got-10x-faster 2026-10-15T03:45:23.509Z https://i.ytimg.com/vi/ZlGza4oIleY/maxresdefault.jpg Typescript Just Got 10x Faster Wes and Scott talk with Anders Hejlsberg and Daniel Rosenwasser about TypeScript’s leap to native code. They discuss the challenges, trade-offs, and the decision to port TypeScript to Go, unlocking faster compilation, better concurrency, and new possibilities for AI-assisted development. 🔥 Be the ~14,700th person to join our super tasty newsletter bit.ly/syntax_snackpack Read the announcement from Microsoft here: https://devblogs.microsoft.com/typescript/typescript-native-port/ Watch the announcement from Anders here: https://www.youtube.com/watch?v=pNlq-EVld70 View the native port here: https://github.com/microsoft/typescript-go Read the FAQs here: https://github.com/microsoft/typescript-go/discussions/categories/faqs (00:00) Welcome to Syntax! (00:38) TypeScript compiler goes native (05:24) Challenges in rebuilding TypeScript (08:49) How long has this been in development? (10:32) What does porting Typescript to native entail? (16:36) Why choose Go? (26:48) The porting process (35:02) Brought to you by Sentry.io (35:27) Type checking and parallel compilation (42:36) Fixing TypeScript's performance bottlenecks (49:09) Large TypeScript codebases (54:11) What's the timeline for the new compiler? (58:39) Optimization and AI (01:00:32) New features? (01:04:15) Sick Picks + Shameless Plugs All links available at https://syntax.fm/884 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/ZlGza4oIleY 4124 2025-03-11T14:38:33.000Z https://syntax.yabby.page/video/gitlab-ce-tutorial-4-user-managment-permissions 2026-10-15T03:45:23.518Z https://i.ytimg.com/vi/u0Mi0cfQDdY/maxresdefault.jpg GitLab CE Tutorial #4 - User Managment & Permissions In this GitLab video tutorial, we setup user accounts & permissions. Subscribe for more free tutorials https://goo.gl/6ljoFc, Buy this series with an extra video! https://goo.gl/A7drFW Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e Build together: GitLab includes Git repository management, code reviews, issue tracking, wikis, and more, plus GitLab CI, an easy-to-use continuous integration and deployment tool. Stay up-to-date: Collaborate with your team using issues, milestones, and line-by-line code review. View activity streams of projects or the people you work with. Plays well with others: GitLab seamlessly integrates with Slack, Hipchat, LDAP, JIRA, Jenkins, and many other popular tools. GitLab includes many webhooks and offers a complete API. GitLab Community Edition is open source and completely free to download. GitLab is powered by a community of more than 1,000 people. GitLab Enterprise Edition offers deeper LDAP and Active Directory integration, Jira and Jenkins integration, and much more. https://www.youtube.com/embed/u0Mi0cfQDdY 745 2016-06-08T19:54:00.000Z https://syntax.yabby.page/video/making-faster-web-apps-easy-perf-wins 2026-10-15T03:45:23.525Z https://i.ytimg.com/vi/1iAeSCwh92c/maxresdefault.jpg Making Faster Web Apps - Easy Perf Wins Is your app feeling sluggish? Scott and Wes break down the biggest performance bottlenecks—like bloated assets, slow databases, and waterfall requests—and share easy wins to make your site feel lightning fast. From smarter caching to preloading tricks, these tips will have your app zipping along in no time! 🔥 Be the ~14,700th person to join our super tasty newsletter bit.ly/syntax_snackpack Show Notes 00:00 Welcome to Syntax! 00:58 Brought to you by Sentry.io. 02:01 What makes apps slow? 02:10 Loading too much. 03:26 Slow database work. 04:04 Slow server. 04:54 Waterfall requests. 06:34 How do I know what is slow? 06:45 Web vitals. 12:50 Streaming. 14:05 Network tab. 18:18 Performance tab. 22:53 Caching. 22:59 Client-side caching. 23:38 Server-side caching. 25:40 Local data. 26:11 Gzip. 29:23 CDN. 30:57 Images. 31:08 Serving. 34:16 Compressing. 35:06 Ship fewer images. 35:50 Loading JS. 37:00 CSS. 38:28 Preloading & Prefetch. 39:40 Preloading on hover. 41:44 Ship less code. 43:49 Icons 47:01 Fonts 51:13 Sick Picks + Shameless Plugs. All links available at https://syntax.fm/874 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/1iAeSCwh92c 3290 2025-02-05T12:00:06.000Z https://syntax.yabby.page/video/is-responsible-ai-possible-with-dr-sarah-bird 2026-10-15T03:45:23.531Z https://i.ytimg.com/vi/fVptvdF3iDA/maxresdefault.jpg Is Responsible AI Possible? with Dr. Sarah Bird Scott heads to the VS Code Insider Summit to sit down with Dr. Sarah Bird and explore what “Responsible AI” really means for developers. From protecting user privacy to keeping humans in the loop, they dig into how everyday coders can play a role in shaping AI’s future. 🔥 Be the ~14,700th person to join our super tasty newsletter https://bit.ly/syntax_snackpack Show Notes 00:00 Welcome to Syntax! 01:27 Brought to you by Sentry.io. 03:13 The path the machine learning. 04:44 How do you get to ‘Responsible AI’? 06:43 Is there such a thing as ‘Responsible AI’? 07:34 Does the average developer have a part to play? 09:12 How can AI tools protect inexperienced users? 11:55 Let’s talk about user and company privacy. 13:57 Are local tools and services becoming more viable? 15:06 Are people right to be skeptical? 16:58 The software developer role is fundamentally changing. 17:43 Human in the loop. 19:37 The career path to Responsible AI. 21:21 Sick Picks. All links available at https://syntax.fm/941 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/fVptvdF3iDA 1372 2025-09-29T11:01:13.000Z https://syntax.yabby.page/video/modern-js-toolchains-biome-oxc-more 2026-10-15T03:45:23.537Z https://i.ytimg.com/vi/CawsIaarxAE/maxresdefault.jpg Modern JS Toolchains (Biome, Oxc + More) Wes and Scott dive deep into the world of JavaScript toolchains, exploring everything from linters and compilers to transpilers and formatters. Tune in as they shed light on cutting-edge technologies like Biome, UnJS, and Ezno that are shaping the future for developers. Show Notes 00:00 Welcome to Syntax! 01:37 Syntax is on YouTube. 02:09 Do we really need tooling? 04:02 Popular tools are predominantly plug and play. 06:15 What can tooling do for us? 07:16 The tools in today's workflow. 07:21 Linters. 11:29 Compilers and transpilers. 13:30 Formatters. 16:18 Tokenizers and Parsers. 16:46 Bundlers. 17:59 Macros. 20:26 The new tools in the space. 20:47 Biome, one toolchain for your web project. 28:27 Oxc, the JavaScript oxidation compiler. 33:01 Deno, code formatting. 34:13 ESBuild, an extremely fast bundler for the web. 34:37 Rolldown, fast Rust-based bundler for JavaScript. 38:34 Ezno, TypeScript type checker. 40:24 UnJS, Unleash JavaScript's Potential. 41:45 Lightning CSS, CSS parser, transformer, bundler, and minifier. 42:31 Is JavaScript good enough to handle these tools? 43:26 Sick Picks + Shameless Plugs. All links available at https://syntax.fm/745 ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript https://www.youtube.com/embed/CawsIaarxAE 2872 2024-03-20T11:00:10.000Z https://syntax.yabby.page/video/typescript-utilities-you-should-know 2026-10-15T03:45:23.548Z https://i.ytimg.com/vi/EjE2ykmwzbk/maxresdefault.jpg TypeScript Utilities You Should Know In this video CJ shows several utilities built into TypeScript that will make working with external libraries much easier. 00:00 Intro 00:25 A Complex Type 01:00 ReturnType 01:34 Awaited 02:09 keyof 02:51 NonNullable 03:39 NOT Validation 04:26 Nested Types 04:51 Partial 05:40 Required 06:16 Pick 06:58 Omit 07:20 Other Utility Types 07:36 Prisma Utility Types 08:14 TypeScript Practice 08:38 Thanks! TypeScript Utility Types | https://www.typescriptlang.org/docs/handbook/utility-types.html Prisma Type Utilities | https://www.prisma.io/docs/orm/prisma-client/type-safety/operating-against-partial-structures-of-model-types Type Challenges | https://github.com/type-challenges/type-challenges Type Hero | https://typehero.dev/ ------------------------------------------------------------------------------ Hit us up on Socials! https://www.syntax.fm/links Brought to you by Sentry - Use code "tastytreats" to get 2 months free - https://sentry.io/syntax #typescript #javascript #webdevelopment https://www.youtube.com/embed/EjE2ykmwzbk 546 2024-08-22T19:03:39.000Z https://syntax.yabby.page/video/i-built-an-llm-from-scratch 2026-10-16T12:15:14.768Z https://i.ytimg.com/vi/YmLp8qe87A0/maxresdefault.jpg LLMs Explained: Tokens, Embeddings, Transformers and More In this video CJ explains chat bots, neural networks, tokenization, embeddings, transformers and more. He shows real working code for everything and gives historical context along the way. View the code here: https://github.com/w3cj/how-llms-work 00:00 - intro 01:54 - history of chatbots 04:21 - chat bot code 06:49 - black box thinking 07:41 - what are neural networks? 08:33 - history of neural networks 10:27 - XOR neural network code 15:35 - what is tokenization? 16:32 - history of tokenization 17:55 - tokenizer code 21:37 - what are embeddings? 22:04 - history of embeddings 23:33 - what is a vector? 24:39 - embedding code 30:48 - history of transformers 32:33 - what is a transformer? 33:11 - what is self attention? 34:25 - what is a feed forward network? 34:37 - what are stacked transformer blocks? 41:37 - what are softmax, temperature and top-p? 42:54 - the autoregressive loop 43:28 - the context window 44:45 - the full picture 45:26 - what is fine-tuning 46:39 - RLHF 47:24 - tool calling 48:36 - the AI summit 49:51 - final thoughts Claude Shannon | https://en.wikipedia.org/wiki/Claude_Shannon Betty Shannon | https://en.wikipedia.org/wiki/Betty_Shannon Prediction and Entropy of Printed English (1951) | https://www.princeton.edu/~wbialek/rome/refs/shannon_51.pdf Alan Turing | https://en.wikipedia.org/wiki/Alan_Turing Turing Test | https://en.wikipedia.org/wiki/Computing_Machinery_and_Intelligence Joseph Weizenbaum | https://en.wikipedia.org/wiki/Joseph_Weizenbaum ELIZA | https://en.wikipedia.org/wiki/ELIZA ELIZA - Weizenbaum (1966) | https://dl.acm.org/doi/10.1145/365153.365168 ELIZA Archaeology Project | https://sites.google.com/view/elizaarchaeology/blog/3-weizenbaums-secretary Computer Power and Human Reason | https://archive.org/details/computerpowerhum0000weiz_v0i3 Kenneth Colby | https://en.wikipedia.org/wiki/Kenneth_Colby PARRY | https://en.wikipedia.org/wiki/PARRY Artificial Paranoia (1971) (PDF) | https://courses.cs.umbc.edu/graduate/671/fall20/resources/colby_71.pdf ELIZA connected to PARRY - RFC 4 https://www.youtube.com/embed/YmLp8qe87A0 3108 2026-07-10T11:00:32.000Z https://syntax.yabby.page/video/hacking-pizza-ordering-for-fun-and-profit 2026-10-15T03:45:23.553Z https://i.ytimg.com/vi/9O2QwMaAZMM/maxresdefault.jpg Hacking Pizza Ordering For Fun And Profit Scott, Wes, and CJ each try to order a pizza with code, from voice-driven ElevenLabs, to full browser puppeteering, to straight-up reverse-engineering a pizza site to spoof an order. Watch the trio battle it out to see whose approach delivers the dough the best. 🔥 Be the ~17,800th person to join our super tasty newsletter https://bit.ly/syntax_snackpack 0:00 The plan 2:02 Ordering A Pizza With Code 23:11 Debrief 23:34 How CJ Did It 28:57 How Scott Did It 35:09 How Wes Did It 38:12 AI Calls Scott's Hot Pizza ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/9O2QwMaAZMM 2581 2025-11-28T14:00:45.000Z https://syntax.yabby.page/video/who-will-be-crowned-the-best-css-developer-in-the-world 2026-10-15T03:45:23.558Z https://i.ytimg.com/vi/HpLdLKilNks/maxresdefault.jpg Who will be crowned the best CSS developer in the world? 16 developers. 15 minutes. Single elimination. Round 1 begins March 6. Who do you think is taking it all? Fill out your bracket now at madcss.com https://www.youtube.com/embed/HpLdLKilNks 18 2026-02-27T18:08:37.000Z https://syntax.yabby.page/video/deploy-a-hono-api-to-render-fly-io-vercel-and-cloudflare-workers 2026-10-15T03:45:23.568Z https://i.ytimg.com/vi/QDgdUtd6ZRs/maxresdefault.jpg Deploy A Hono API to Render, fly.io, Vercel and Cloudflare Workers In this video CJ shows how to deploy a hono API to several platforms including render.com, fly.io, vercel and cloudflare workers. He shows things you should consider for the typescript build settings and also shows how to connect to a sqlite db deployed to turso. View the hono starter template here: https://github.com/w3cj/hono-open-api-starter View the deployment examples here: https://github.com/w3cj/hono-node-deployment-examples See how to build this API here: https://www.youtube.com/watch?v=sNh9PoM9sUE 01:21 typescript build output 02:33 import extensions / aliases issue 03:35 tsc-alias setup 04:22 add start script to package.json 05:12 template with build settings 05:25 create turso db 06:53 add database env variables 07:49 drizzle-kit config / turso update 08:26 push schema to turso db 09:09 deploy to render.com 11:24 deploy to fly.io 14:41 deploy to vercel edge runtime 22:58 deploy to vercel node.js runtime 30:17 deploy to cloudflare workers 33:01 environment variable access updates 38:39 logger middleware updates 41:00 database connection updates 43:54 create runtime env 46:05 fixing wrangler specific errors 47:27 creating cloudflare .dev.vars 48:25 local dev with turso 51:25 deploy to cloudflare 53:14 Thanks! tsc-alias | https://github.com/justkey007/tsc-alias turso | https://turso.tech/ render.com | https://render.com/ flyctl install | https://fly.io/docs/flyctl/install/ vercel runtimes | https://vercel.com/docs/functions/runtimes hono vercel example | https://hono.dev/docs/getting-started/vercel#_2-hello-world hono node.js vercel example | https://hono.dev/docs/getting-started/vercel#node-js cloudlfare wrangler | https://developers.cloudflare.com/workers/wrangler/install-and-update/ cloudflare secrets | https://developers.cloudflare.com/workers/configuration/secrets/#_top hono starter templates | https://github.com/honojs/starter/ hono bindings / variables | https://hono.dev/docs/api/hono#generics cloudflare secrets | https://developers.cloudflare.com/workers/configuration/secrets/ turso local deve https://www.youtube.com/embed/QDgdUtd6ZRs 3229 2024-10-10T10:00:33.000Z https://syntax.yabby.page/video/ui-components-shadcn-tailwind-ui-headless-react-aria-radix-ui 2026-10-15T03:45:23.573Z https://i.ytimg.com/vi/9-6deom3ZdY/maxresdefault.jpg UI Components: ShadCN, Tailwind UI, Headless, React Aria, Radix UI Scott and Wes explore UI Components, discussing functionality, styling, accessibility, and theming. From headless components to styled starters, they share valuable insights to elevate your UI game. Show Notes 00:00 Welcome to Syntax! 02:39 We're on YouTube. 03:14 The four categories of UI libraries or frameworks. 03:46 What does a UI component need to do? 04:14 Must be functional. 06:20 They must fit styling. 06:33 They must be accessible. 08:09 "Internationalizationable." 09:29 They must handle theming and variants. 10:05 A few common UI components. 10:14 Date Pickers. 12:10 Dropdowns. 13:21 Toast message. 15:11 Some honorable mentions. 16:10 Headless components. 18:54 React Aria. 19:34 Radix UI Primitives. 20:16 Downshift JS. 21:29 Tanstack Table and Forms. 26:00 Unstyled components. 28:04 Shoelace. 32:47 React Aria Components. 33:00 Headless UI. 33:04 Radix UI. 37:12 Base UI. 38:23 What's up with Google's design? 40:22 Styled Starters. 47:50 What is the process for overriding with custom elements. 51:10 UI Kits and Design Systems. 53:06 Some things to consider. 55:41 A few more options to consider. 59:02 Sick Picks & Shameless Plugs. All links available at https://syntax.fm/751 ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript https://www.youtube.com/embed/9-6deom3ZdY 3962 2024-04-03T11:00:07.000Z https://syntax.yabby.page/video/state-of-js-2023-reactions 2026-10-15T03:45:23.582Z https://i.ytimg.com/vi/dj6tUUTDXAo/maxresdefault.jpg State of JS 2023 Reactions Scott and Wes dive into the 2023 State of JavaScript survey, breaking down the latest trends and pain points in front-end frameworks, build tools, and JavaScript runtimes. Tune in for their hot takes and insights on what’s shaping the JavaScript landscape this year! Show Notes 00:00 Welcome to Syntax! 03:04 Brought to you by Sentry.io. 03:43 New Syntax Swag! 04:42 Front end frameworks. 08:30 Front end framework pain-points. 12:17 Metaframeworks. 17:45 Metaframework pain-points. 22:17 Build tools. 24:45 Build tool pain-points. 25:54 JavaScript runtimes. 28:19 Edge + serverless runtimes. 29:30 Backend frameworks. 33:17 Non-JavaScript languages. 36:12 Hosting service. 38:50 Usage. 40:05 Javascript usage. 41:03 Missing features. 45:04 Industry sector. 47:37 The awards. 51:34 Sick Picks + Shameless Plugs. All links available at https://syntax.fm/790 ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript https://www.youtube.com/embed/dj6tUUTDXAo 3449 2024-07-03T11:00:38.000Z https://syntax.yabby.page/video/new-show-open-path-launching-on-syntax-may-1 2026-10-15T03:45:23.586Z https://i.ytimg.com/vi/-FiLGdySj7M/maxresdefault.jpg New show “Open Path” launching on Syntax, May 1 🔥 Be the ~14,700th person to join our super tasty newsletter bit.ly/syntax_snackpack ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor Open Path: https://openpath.quest/ Chad: https://x.com/chadwhitacre_ http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/-FiLGdySj7M 90 2025-04-16T21:41:30.000Z https://syntax.yabby.page/video/what-is-react-testing-library 2026-10-15T03:45:23.594Z https://i.ytimg.com/vi/JKOwJUM4_RM/maxresdefault.jpg What Is React Testing Library? In this video I talk about what is React Testing Library and why you might want to use it. ### Video Links https://github.com/kentcdodds/react-testing-library Buy React Testing For Beginners: https://www.leveluptutorials.com/store/products/tutorials/lut-dd026 Become a Pro: https://www.leveluptutorials.com/pro ### Affiliate Links Please use these links when signing up for services to help support Level Up. Easy Hosting with Netlify: https://goo.gl/pychVP Shared Web Hosting: https://goo.gl/pfC6uc ### Level Up Links Syntax Podcast ft Scott Tolinski & Wes Bos: https://goo.gl/7jDDxX Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz In this video, I show off how I'm making my page loading animations happen on Level Up Tutorials using React Spring. ### Video Links React Spring: https://github.com/drcmda/react-spring Buy Level 2 React: https://www.leveluptutorials.com/store/products/tutorials/lut-dd023 Become a Pro: https://www.leveluptutorials.com/pro ### Affiliate Links Please use these links when signing up for services to help support Level Up. Easy Hosting with Netlify: https://goo.gl/pychVP Shared Web Hosting: https://goo.gl/pfC6uc ### Level Up Links Syntax Podcast ft Scott Tolinski & Wes Bos: https://goo.gl/7jDDxX Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz In this series, we dive into intermediate React concepts where you'll learn things like, how to use the React Context API, how to make a portal in React, how to use and understand render props as well as animated transitions and interactive animations in React. React makes it painless to create interactive UIs. Design simple views for each state in your application, and React will efficiently update and render just the right components when your data changes. https://www.youtube.com/embed/JKOwJUM4_RM 439 2018-08-29T20:58:34.000Z https://syntax.yabby.page/video/token-embeddings-explained-llm-explainer-programing-ml 2026-10-18T16:15:13.525Z https://i.ytimg.com/vi/_BAiBDzmieI/maxresdefault.jpg Token embeddings explained. #llm #explainer #programing #ml Token embeddings encode meaning by looking at the relationship between words. This is an excerpt from the video "I Built an LLM from Scratch" https://www.youtube.com/watch?v=YmLp8qe87A0 ------------------------------------------------------------------------------ http://www.syntax.fm Brought to you by https://sentry.io/syntax #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/_BAiBDzmieI 179 2026-07-15T16:22:20.000Z https://syntax.yabby.page/video/hackweek-overview-what-is-it-what-did-we-build 2026-10-15T03:45:23.598Z https://i.ytimg.com/vi/MA5jR8t5rv8/maxresdefault.jpg Hackweek Overview! What is it, What did we Build It’s Hackweek at Syntax! Scott, Wes, and CJ break down what Hackweek is all about - how they picked their projects, what came out of them, and why it’s the best excuse to experiment, build, and have fun before the deep-dive episodes roll in.🔥 Be the ~14,700th person to join our super tasty newsletter https://bit.ly/syntax_snackpack Show Notes 00:00 Welcome to Syntax! 00:04 What is Hackweek? 01:05 Hackweek projects spark motivation. 04:05 Choosing our projects. 04:34 What we chose. 05:11 CJ’s Hackweek Project. 05:51 Using SGDK C language toolkit. 07:02 Writing to an Everdrive. 08:09 What game engine did you use? 12:11 What was the end result? 14:09 Wes’ Hackweek Project. 16:15 Why hardware projects? 19:09 Scott’s Hackweek Project. 21:42 Early considerations. 25:42 AI usage. All links available at https://syntax.fm/933 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/MA5jR8t5rv8 1926 2025-09-01T11:00:38.000Z https://syntax.yabby.page/video/summarize-hacker-news-with-hono-cloudflare 2026-10-15T03:45:23.605Z https://i.ytimg.com/vi/Wuo7OOaSgmI/maxresdefault.jpg Summarize Hacker News with Hono + Cloudflare In this video CJ shows how to use Hono and Cloudflare Workers / KV / AI to summarize articles from the Hacker News home page. 🔥 Be the ~14,700th person to join our super tasty newsletter https://bit.ly/syntax_snackpack View the code here: https://github.com/w3cj/hn-summary View the deployed app here: https://hn-summary.cj-syntax.workers.dev/ 00:00 Intro 01:21 Hono Conf 2025 02:13 Tour of the Code 16:14 Create a Hono App 17:37 JSX Setup 19:43 Not Found Handler 20:43 Error Handler 22:01 Requesting Hacker News RSS Feed 23:30 Rendering Hacker News RSS Feed 27:27 Requesting and Extracting Article Content 35:20 Storing Article Content in CF KV 41:47 Rendering Article Content with DOMPurify 43:21 Render raw HTML with Hono 46:56 Summarizing Articles with CF Workers AI 51:51 Using LoRa Adapters with CF Workers AI 55:29 Setting Max Retries for AI Call 57:54 Logging and Tweaking AI Summary Calls 01:03:14 Deploying to Cloudflare 01:04:10 Future Improvements 01:05:32 Thanks! Hono Conf 2025 | https://honoconf.dev/2025 Hono | https://hono.dev/ Cloudflare Workers | https://developers.cloudflare.com/workers/ JSX Renderer | https://hono.dev/docs/middleware/builtin/jsx-renderer Pico CSS Quickstart | https://picocss.com/docs feed-extractor | https://www.npmjs.com/package/@extractus/feed-extractor Readablility | https://www.npmjs.com/package/@mozilla/readability linkedom | https://www.npmjs.com/package/linkedom Workers KV | https://developers.cloudflare.com/kv/ DOMPurify | https://www.npmjs.com/package/dompurify linkedom baseURI | https://github.com/WebReflection/linkedom/issues/153#issuecomment-3212217806 Workers AI | https://developers.cloudflare.com/workers-ai/ ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #cloudflare #hono #typescript #ai #webdevelopment #web https://www.youtube.com/embed/Wuo7OOaSgmI 3959 2025-09-02T11:57:47.000Z https://syntax.yabby.page/video/drupal-7-theming-with-omega-1-introduction-to-omega 2026-10-15T03:45:23.610Z https://i.ytimg.com/vi/9Iob6XLRBdQ/maxresdefault.jpg Drupal 7 Theming with Omega #1 - Introduction To Omega This tutorial gives you an introduction to creating your own theme with Omega, Sass, Compass, and Coffee Script. Subscribe for more free tutorials https://goo.gl/6ljoFc, more Drupal Tutorials here: https://goo.gl/YDHhLW Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e This Drupal 7 tutorial series shows users how to build websites with the very popular open source content management system Drupal 7. http://drupal.org/project/omega http://drupal.org/project/omega_tools Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations https://www.youtube.com/embed/9Iob6XLRBdQ 236 2012-10-26T03:19:17.000Z https://syntax.yabby.page/video/bun-rust-rewrite-remix-3-finally-here-local-first-w-jazz-syntax-weekly 2026-10-16T22:15:15.552Z https://i.ytimg.com/vi/s-EMzsomvxs/maxresdefault.jpg Bun Rust rewrite ⟡ Remix 3 finally here ⟡ Local First w/ Jazz ⌁ Syntax Weekly ⌁ Scott, Wes and CJ chat about all things web dev. 🔥 Be the ~19,500th person to join our super tasty newsletter https://bit.ly/syntax_snackpack 00:00:00 Intro 00:01:44 Bun Rust Rewrite 00:15:36 Remix 3 Finally Here 00:32:54 Local First w/ Jazz 00:51:33 Zed v1.0 Released 00:54:45 Warp is now Open Source 01:01:46 Hono + Inertia 01:07:17 Svelte Live Functions 01:11:06 SSE vs Polling 01:12:00 Thanks! ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by https://sentry.io/syntax #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/s-EMzsomvxs 4396 2026-05-11T14:53:19.000Z https://syntax.yabby.page/video/logging-in-verification-magic-links-2fa-sms-codes 2026-10-15T03:45:23.614Z https://i.ytimg.com/vi/UXFY5tqlq3c/maxresdefault.jpg Logging in Verification Magic Links, 2FA, SMS Codes Scott and Wes break down the pros and cons of modern authentication methods like magic links, 2FA, and SMS codes. Learn how each technique works, the security trade-offs, and what might be the best approach for your apps. Show Notes 00:00 Welcome to Syntax! 00:11 Brought to you by Sentry.io. 00:34 Logging in Verification. 01:09 Magic Links. 01:24 Pros of magic links. 03:50 How magic links work. 04:25 Cons to magic links. 06:21 Magic Sessions. 06:37 Using email verification. 07:12 Using code verification. 07:55 Previously trusted device verification. 08:14 Classic email and verification process. 09:54 Email Code. 10:51 Gmail verification options. 12:01 OAuth. All links available at https://syntax.fm/828 ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript https://www.youtube.com/embed/UXFY5tqlq3c 922 2024-09-30T11:00:29.000Z https://syntax.yabby.page/video/css-speed-challenge-devs-race-to-recreate-react-logo 2026-10-15T03:45:23.628Z https://i.ytimg.com/vi/_V9ZMaV1l6Q/maxresdefault.jpg CSS Speed Challenge! Devs Race to Recreate React Logo Scott, Wes, and CJ face off in a lightning-fast CSS Battle to recreate the React logo, but this time, it’s not about shortest code, it’s about speed. Who will ship it fastest? Who will get hopelessly stuck? And who will take some very creative shortcuts along the way? Think you can beat their time? Play along here: https://cssbattle.dev/play/167 🔥 Be the ~14,700th person to join our super tasty newsletter https://bit.ly/syntax_snackpack ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/_V9ZMaV1l6Q 896 2025-08-15T12:12:00.000Z https://syntax.yabby.page/video/use-font-display-to-define-how-long-to-wait-while-a-custom-font-is-downloading 2026-10-15T03:45:23.634Z https://i.ytimg.com/vi/2yjsjdy2Iio/maxresdefault.jpg use FONT-DISPLAY to define how long to wait while a custom font is downloading 🔥 Be the ~14,700th person to join our super tasty newsletter bit.ly/syntax_snackpack All links available at https://syntax.fm/885 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev #webfonts #typography #fontloading #css #syntaxfm #webdesign #fontdisplay #customfonts https://www.youtube.com/embed/2yjsjdy2Iio 81 2025-03-18T18:04:29.000Z https://syntax.yabby.page/video/ux-prototyping-with-principle-1-installing-principle 2026-10-15T03:45:23.646Z https://i.ytimg.com/vi/sab1uFpZ7cw/maxresdefault.jpg UX Prototyping with Principle #1 - Installing Principle In this video we install Principle for Mac. Subscribe for more free tutorials https://goo.gl/6ljoFc, Buy this series and get 3 exclusive videos! https://goo.gl/uvR3Wv Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e Animate Your Ideas, Design Better Apps Principle makes it easy to design animated and interactive user interfaces. Whether you're designing the flow of a multi-screen app, or new interactions and animations, Principle lets you create designs that look and feel amazing. Out of the box stunning transitions when changing data, updating colours and adding datasets. Chart.js is a community maintained project, contributions welcome! Visualize your data in 8 different ways; each of them animated and customisable. Redraws charts on window resize for perfect scale granularity. https://www.youtube.com/embed/sab1uFpZ7cw 303 2016-08-03T16:09:31.000Z https://syntax.yabby.page/video/ux-prototyping-with-principle-2-creating-our-first-animation 2026-10-15T03:45:23.654Z https://i.ytimg.com/vi/kWPWQS5USmQ/maxresdefault.jpg UX Prototyping with Principle #2 - Creating Our First Animation In this video we create our first animation in Principle. Subscribe for more free tutorials https://goo.gl/6ljoFc, Buy this series and get 3 exclusive videos! https://goo.gl/uvR3Wv Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e Animate Your Ideas, Design Better Apps Principle makes it easy to design animated and interactive user interfaces. Whether you're designing the flow of a multi-screen app, or new interactions and animations, Principle lets you create designs that look and feel amazing. Out of the box stunning transitions when changing data, updating colours and adding datasets. Chart.js is a community maintained project, contributions welcome! Visualize your data in 8 different ways; each of them animated and customisable. Redraws charts on window resize for perfect scale granularity. https://www.youtube.com/embed/kWPWQS5USmQ 676 2016-08-03T16:27:50.000Z https://syntax.yabby.page/video/ux-prototyping-with-principle-3-designing-in-principle 2026-10-15T03:45:23.665Z https://i.ytimg.com/vi/TmC7g3Z1aiM/maxresdefault.jpg UX Prototyping with Principle #3 - Designing In Principle In this video we go over the inspector and talk about how to design in Principle. Subscribe for more free tutorials https://goo.gl/6ljoFc, Buy this series and get 3 exclusive videos! https://goo.gl/uvR3Wv Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e Animate Your Ideas, Design Better Apps Principle makes it easy to design animated and interactive user interfaces. Whether you're designing the flow of a multi-screen app, or new interactions and animations, Principle lets you create designs that look and feel amazing. Out of the box stunning transitions when changing data, updating colours and adding datasets. Chart.js is a community maintained project, contributions welcome! Visualize your data in 8 different ways; each of them animated and customisable. Redraws charts on window resize for perfect scale granularity. https://www.youtube.com/embed/TmC7g3Z1aiM 587 2016-08-10T19:05:29.000Z https://syntax.yabby.page/video/typing-is-for-suckers-voice-ftw 2026-10-12T19:15:18.321Z https://i.ytimg.com/vi/DaTZA30vJM8/maxresdefault.jpg typing is for suckers, voice ftw typing is for suckers, voice ftw https://www.youtube.com/embed/DaTZA30vJM8 62 2026-05-11T20:37:50.000Z https://syntax.yabby.page/video/the-full-pipeline-of-llms-explained-llm-ml-programming-explainer-howitsmade 2026-10-18T16:15:13.454Z https://i.ytimg.com/vi/IzXUNPOEn9U/maxresdefault.jpg The full pipeline of LLMs explained #LLM #ML #Programming #Explainer #howitsmade How does an LLM work? Your prompt gets broken into tokens, vectorized / embedded and passed through transformer blocks. A probability distribution comes out the other end, we sample to pick a token, append the token to the input prompt and repeat. Watch the full video here: https://www.youtube.com/watch?v=YmLp8qe87A0 ------------------------------------------------------------------------------ http://www.syntax.fm Brought to you by https://sentry.io/syntax #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/IzXUNPOEn9U 43 2026-07-24T13:34:35.000Z https://syntax.yabby.page/video/should-you-quit-your-job 2026-10-18T16:15:13.258Z https://i.ytimg.com/vi/SDdLlTkmyfM/maxresdefault.jpg 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 🔥 Be the ~19,500th person to join our super tasty newsletter https://bit.ly/syntax_snackpack 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? 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 18:18 Is the AI Bubble Going to Pop? 24:07 Where Is All the Software AI Was Supposed to Build? 26:19 AI Fatigue: When All You Do Is Review Code 30:03 Managing Large Block Based CMS Systems 38:57 Taking the Leap: Leaving a Stable Job as a Risk Averse Dev 43:45 Sandboxing Your Agents Instead of Running YOLO Mode 45:38 Will AI Companies Fingerprint and Ad Target You? 49:36 Labeling YouTube Exclusive Episodes for Podcast Listeners 52:16 Sick Picks + Shameless Plugs Ghostty | https://mitchellh.com/ghostty Superlogical | https://mitchellh.com/writing/superlogical Better Auth | https://better-auth.com/ AI Engineer | https://www.youtube.com/@aiDotEngineer The AI Bubble Survives on $1.65 Trillion in Hidden Debt | https://www.youtube.com/watch?v=HXlcMbxzz0U True Cost of AI Coding | https://www.youtube.com/watch?v=iPUn1Fnfn0k Fimo | https://fimo.ai/about Sanity | https://www.sanity.io/ CJ’s Video: Every Developer Should Know This | https://www.youtube.com/watch?v=-ulRSvQIObk Docker | https://docs.docker.com/get-started/ Colemak | https://colemak.com/ Web Audio API | https://developer.mozilla.org/en-US/docs/Web/API/Web_Audio_API Brave on X | https://x.com/brave/status/2091232672659972110 Sick Picks Scott: Sandpaper Pads | https://amzn.to/3SGll64, Je https://www.youtube.com/embed/SDdLlTkmyfM 3638 2026-09-16T11:00:06.000Z https://syntax.yabby.page/video/ux-prototyping-with-principle-4-importing-designs-from-sketch 2026-10-15T03:45:23.675Z https://i.ytimg.com/vi/UKXRzipuXwc/maxresdefault.jpg UX Prototyping with Principle #4 - Importing Designs From Sketch In this video we import designs directly from Sketch. Subscribe for more free tutorials https://goo.gl/6ljoFc, Buy this series and get 3 exclusive videos! https://goo.gl/uvR3Wv Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e Animate Your Ideas, Design Better Apps Principle makes it easy to design animated and interactive user interfaces. Whether you're designing the flow of a multi-screen app, or new interactions and animations, Principle lets you create designs that look and feel amazing. Out of the box stunning transitions when changing data, updating colours and adding datasets. Chart.js is a community maintained project, contributions welcome! Visualize your data in 8 different ways; each of them animated and customisable. Redraws charts on window resize for perfect scale granularity. https://www.youtube.com/embed/UKXRzipuXwc 391 2016-09-02T16:25:22.000Z https://syntax.yabby.page/video/stop-whining-about-accessibility 2026-10-12T16:45:14.304Z https://i.ytimg.com/vi/RVXUM7oxAY8/maxresdefault.jpg stop whining about accessibility This is fully accessible! Fully accessible HTML backed by a regular DOM. It's using HTML in canvas with snapdom for older browsers https://www.youtube.com/embed/RVXUM7oxAY8 56 2026-06-22T16:45:57.000Z https://syntax.yabby.page/video/ux-prototyping-with-principle-5-groups-and-cliping-masks 2026-10-15T03:45:23.679Z https://i.ytimg.com/vi/xRBSGXiRbPU/maxresdefault.jpg UX Prototyping with Principle #5 - Groups and Cliping Masks In this video we talk about groups and how you can use them as clipping masks. Subscribe for more free tutorials https://goo.gl/6ljoFc, Buy this series and get 3 exclusive videos! https://goo.gl/uvR3Wv Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e Animate Your Ideas, Design Better Apps Principle makes it easy to design animated and interactive user interfaces. Whether you're designing the flow of a multi-screen app, or new interactions and animations, Principle lets you create designs that look and feel amazing. Out of the box stunning transitions when changing data, updating colours and adding datasets. Chart.js is a community maintained project, contributions welcome! Visualize your data in 8 different ways; each of them animated and customisable. Redraws charts on window resize for perfect scale granularity. https://www.youtube.com/embed/xRBSGXiRbPU 476 2016-08-22T17:22:27.000Z https://syntax.yabby.page/video/how-to-make-your-first-website 2026-10-15T03:45:23.684Z https://i.ytimg.com/vi/_KJ97GSGO-w/maxresdefault.jpg How To Make Your First Website In this video series, I teach you how to build your first website. No prior experience needed. I'll cover the basics of how to write HTML and CSS. After that, we'll set up a hosting account and get this website live online. The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ https://www.patreon.com/leveluptuts Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e https://www.youtube.com/embed/_KJ97GSGO-w 36 2015-08-28T18:54:35.000Z https://syntax.yabby.page/video/ux-prototyping-with-principle-7-the-animation-timeline 2026-10-15T03:45:23.690Z https://i.ytimg.com/vi/EcIRitlHR3k/maxresdefault.jpg UX Prototyping with Principle #7 - The Animation Timeline In this video we cover the animation timeline and how to control your animations. Subscribe for more free tutorials https://goo.gl/6ljoFc, Buy this series and get 3 exclusive videos! https://goo.gl/uvR3Wv Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e Animate Your Ideas, Design Better Apps Principle makes it easy to design animated and interactive user interfaces. Whether you're designing the flow of a multi-screen app, or new interactions and animations, Principle lets you create designs that look and feel amazing. Out of the box stunning transitions when changing data, updating colours and adding datasets. Chart.js is a community maintained project, contributions welcome! Visualize your data in 8 different ways; each of them animated and customisable. Redraws charts on window resize for perfect scale granularity. https://www.youtube.com/embed/EcIRitlHR3k 481 2016-10-03T17:16:34.000Z https://syntax.yabby.page/video/drupal-7-theming-with-omega-6-controlling-your-media-queries 2026-10-15T03:45:23.697Z https://i.ytimg.com/vi/r85HbnET_gw/maxresdefault.jpg Drupal 7 Theming with Omega #6 - Controlling Your Media Queries This tutorial shows you how to control your media queries in Omega. Subscribe for more free tutorials https://goo.gl/6ljoFc, more Drupal Tutorials here: https://goo.gl/YDHhLW Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e This Drupal 7 tutorial series shows users how to build websites with the very popular open source content management system Drupal 7. https://www.youtube.com/embed/r85HbnET_gw 389 2012-11-06T01:09:02.000Z https://syntax.yabby.page/video/i-m-done-with-devices-that-do-everything 2026-10-18T16:15:13.284Z https://i.ytimg.com/vi/WJCvFqYGrxM/maxresdefault.jpg I made the personal assistant of my dreams Scott built a device that does exactly one thing: takes his todos. Tap the screen, say what you need to do, and it lands in the right category. No app, no unlock, no scrolling. ESP32 board, 3D printed case, custom application. 🔥 Be the ~19,500th person to join our super tasty newsletter https://bit.ly/syntax_snackpack ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by https://sentry.io/syntax #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/WJCvFqYGrxM 950 2026-09-11T12:15:26.000Z https://syntax.yabby.page/video/web-mcp-now-in-chat-gpt 2026-10-18T16:15:13.344Z https://i.ytimg.com/vi/sY-uSHhnadU/maxresdefault.jpg WebMCP now in ChatGPT WebMCP landed in ChatGPT today Websites expose tools, your agent can use them, or you can just use the app like a human. Probably both! I'm calling it Clicks-n-clankers™ https://www.youtube.com/embed/sY-uSHhnadU 107 2026-08-25T20:51:10.000Z https://syntax.yabby.page/video/shai-hulud-is-back 2026-10-14T12:45:14.553Z https://i.ytimg.com/vi/dULWyKKNWMw/maxresdefault.jpg Shai Hulud is back. TanStack? TanHacked. Vercel? Walled garden penetrated. Udemy? Content stolen. Lovable? Vibes snacked. https://www.youtube.com/embed/dULWyKKNWMw 79 2026-05-21T17:41:43.000Z https://syntax.yabby.page/video/browsers-and-uis-are-dead-everything-is-chat 2026-10-12T16:45:14.310Z https://i.ytimg.com/vi/obQvDMjvpjI/maxresdefault.jpg Browsers and UIs are dead. Everything is chat Is the web dead, or just evolving? Wes Bos breaks down his JS Nation Amsterdam talk on agentic interfaces, why chat won't replace everything, how Web MCP lets agents interact with your existing sites, and what "Clicks and Clankers" really means for the future of UI 🔥 Be the ~19,500th person to join our super tasty newsletter https://bit.ly/syntax_snackpack Show Notes 00:00 Intro 00:33 Welcome to Syntax! 00:46 Wes’s Talk: Agentic Interfaces at JS Nation 01:37 Is the Web Dead? Chat vs. Traditional UI 03:13 No UI, Voice UI, and the Smart Home Vision 04:00 What Is Web MCP and How It Works 05:10 Clicks and Clankers: When to Click vs. Prompt 06:57 The Future of Shopping and the Open Web Problem 08:46 Delegating the Boring Stuff: Groceries and Expense Categorization 11:55 MCP Apps and the Happy Path Problem 12:55 Brought to you by Sentry.io 13:23 Generative UI: Can the LLM Make a Better UI Than You? 14:54 Smart Home Dashboards and the Jarvis Dream 17:24 Is the Web Dead? Final Thoughts All links available at https://syntax.fm/1015 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by https://sentry.io/syntax #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/obQvDMjvpjI 1078 2026-06-24T11:00:07.000Z https://syntax.yabby.page/video/cursor-and-open-ai-break-up-pnpm-12-rust-re-write-a-web-gpu-library-for-agents-syntax-weekly 2026-10-18T16:15:13.322Z https://i.ytimg.com/vi/12gJ0SD0guY/maxresdefault.jpg Cursor & OpenAI Break Up ⟡ pnpm 12 Rust Re-Write ⟡ a WebGPU Library for Agents ⌁ Syntax Weekly ⌁ The 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.🔥 Be the ~19,500th person to join our super tasty newsletter https://bit.ly/syntax_snackpack 00:00:00 Intro 00:00:33 pnpm 12 Rust Re-Write 00:02:45 Zod 4.5 brings Schema Compilation 00:07:14 Cursor & OpenAI Break Up 00:15:42 vGPU - WebGPU library for agents 00:22:59 Omarchy Security Issues and Linux Chat 00:37:03 Scott Bought an M5 Ultra Mac Studio 00:45:13 Superlogical is a new terminal multiplexer 00:49:18 Katamari Object Library 00:52:28 ThreeUI - Three.js library 00:55:58 Hugging Face Hack Analyzed / Updates 01:01:15 llms.txt used to pwn devs 01:04:19 Running Isolated Code Poll 01:06:13 OpenShot 4.0 - OSS Video Editor 01:09:31 Lake America 01:11:51 Ox Alpha is GLM 5.3 pnpm 12 Release | https://pnpm.io/blog/whats-different-in-pnpm-12 Zod 4.5 Release | https://zod.dev/blog/zod-4-5 Cursor and OpenAI Breaking up | https://x.com/OpenAI/status/2093515564786540695 vGPU WebGPU library for agents | https://vgpu.sh/ Omarchy Privilege Escalation PR Fix | - https://github.com/omacom/omarchy/commit/df819a6f9869b080f2d8ba88e3be0b21023d6487 Omarchy: Any User Process Can Escalate to Root | https://0xcc.io/posts/omarchy-root-creds/ Superlogical | https://x.com/mitchellh/status/2093451043661316217 Katamari Object Library | https://katamari.andrew-boylan.com/ ThreeUI | https://threeui.com/ Hugging Face Hack Analyzed by METR | https://metr.org/blog/2026-08-26-openai-hugging-face-incident-investigation/#~1200-agents-sent-%3E70,000-messages-and-files-on-an-unsanctioned-message-board,-and-~700-attacked-hugging-face The Hugging Face attack surprised me | https://www.planned-obsolescence.org/p/the-hugging-face-attack-surprised METR and Redwood Offer Holy #%^@ Postmortem Of The HuggingFace Hack | https https://www.youtube.com/embed/12gJ0SD0guY 4373 2026-08-31T15:45:14.000Z https://syntax.yabby.page/video/safari-is-the-new-chrome-jen-simmons-of-apple 2026-10-15T03:45:23.703Z https://i.ytimg.com/vi/IoC-4GpBaiA/maxresdefault.jpg Safari is the new Chrome - Jen Simmons of Apple Wes and Scott talk with Jen Simmons about the latest updates to Safari, reporting bugs to Apple, understanding color in CSS, new CSS switch controls, and testing your websites in Vision Pro hardware. Show Notes 00:00 Welcome 00:04 Brought to you by Sentry.io 01:05 Meet Jen Simmons. 03:15 Safari has been killing it lately. 10:26 Wes' cOnSpirACy about Apple and APIs 18:19 Where is the best place to report bugs to Apple? 20:35 What's happening with CSS Color gamuts and models? 33:58 Is contrast color ever going to to land? 36:25 Where is the CSS Grid and Masonry proposal at? 44:20 Will we be able to target a specific row in a grid? 46:17 What are CSS switch controls? 48:47 How can web devs view their websites in Vision Pro devices? 54:27 In what ways are HTML / CSS / JavaScript running where we don't realize it? 58:44 Sick Picks + Shameless Plugs All links available at https://syntax.fm/725 ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #safari https://www.youtube.com/embed/IoC-4GpBaiA 3742 2024-02-02T12:00:18.000Z https://syntax.yabby.page/video/sveltekit-1-0-course-drop-party 2026-10-15T03:45:23.707Z https://i.ytimg.com/vi/JGnXCpm-xSQ/maxresdefault.jpg SvelteKit 1.0 - Course Drop Party TAKE THE COURSE: https://levelup.video/tutorials/sveltekit TL;DR A recording of our live event, teaching you about Level Up Tutorials' newest course on SvelteKit with Scott Tolinski. WHAT WILL YOU LEARN IN THIS VIDEO? - All about the new course on SvelteKit - Why the topic was chosen and how the curriculum was written - What you'll learn in the series - A little more about Scott Tolinski and Level Up Tutorials 0:00 intros 3:50 SvelteKit Hype 5:15 SvelteKit 1.0? 8:00 Svelte Community Excitement 9:00 Why Scott loves Svelte and SvelteKit? 11:00 Convincing your company/team to use Svelte 12:15 How'd you put the course together? 16:30 Is Svelte going to become mainstream? 17:30 What will people learn & build in the course? 22:40 Prerequisites? 23:35 Upcoming course roadmap? 26:40 Audience Q&A _______________________________________________________________________________________________ WHO IS THE COURSE FOR? Whether you are a beginner looking to get started with Svelte or an experienced developer looking to improve your skills, this course will provide you with the tools and techniques you need to succeed WHAT IS SVELTE AND SVELTEKIT? Svelte is a modern JavaScript framework for building web applications. It is a lightweight and efficient tool for building fast and powerful web applications. SvelteKit is a powerful toolkit for building and deploying Svelte applications. WHO IS SCOTT TOLINSKI? Scott Tolinski is the creator of Level Up Tutorials and the co-host of the widely popular tech podcast, Syntax.fm. He lives in Denver, CO with his two adorable children, his beautiful and successful wife, Dr. Courtney Tolinski, and two dogs (one has dreadlocks… check his instagram if you don't believe me). Attend the event to learn more. WHAT IS LEVEL UP TUTORIALS? Modern Web Development Training Made Easy: Cutting-edge, high quality video tutorials for web developers and designers. Created in 2012 to address the lack of online web development learning materials, Level Up Tutorials now has over 130 tutorial series t https://www.youtube.com/embed/JGnXCpm-xSQ 3897 2022-12-16T22:39:52.000Z https://syntax.yabby.page/video/vibe-coding-is-a-problem 2026-10-15T03:45:23.712Z https://i.ytimg.com/vi/2b_KlROMfp8/maxresdefault.jpg Vibe Coding is a problem... Is Vibe Coding the future of software development or just a fun way to experiment? Scott and Wes talk about coding with AI, the risks of ignoring the details, and the cool (and sometimes cursed) projects they’ve Vibe Coded. 🔥 Be the ~14,700th person to join our super tasty newsletter bit.ly/syntax_snackpack Show Notes 00:00 Welcome to Syntax! 00:31 “Personal Software”. 01:30 What exactly is Vibe Coding. 02:46 The challenges of coding with AI. 04:49 Brought to you by Sentry.io. 05:39 Vibe coding quality concerns. 07:25 Vibe Coding as a learning tool. 10:11 Things we’ve Vibe Coded. All links available at https://syntax.fm/887 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/2b_KlROMfp8 1007 2025-03-24T11:00:03.000Z https://syntax.yabby.page/video/vibe-coding-isn-t-all-bad 2026-10-15T03:45:23.719Z https://i.ytimg.com/vi/lt_zcJ5_tHQ/maxresdefault.jpg vibe coding isn't all bad 🔥 Be the ~14,700th person to join our super tasty newsletter bit.ly/syntax_snackpack All links available at https://syntax.fm/887 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev #vibecoding #codegeneration #ai https://www.youtube.com/embed/lt_zcJ5_tHQ 53 2025-03-24T19:37:54.000Z https://syntax.yabby.page/video/vibe-coding-is-great-for-visualization 2026-10-15T03:45:23.723Z https://i.ytimg.com/vi/BlztZyNIEaE/maxresdefault.jpg vibe coding is great for visualization 🔥 Be the ~14,700th person to join our super tasty newsletter bit.ly/syntax_snackpack All links available at https://syntax.fm/887 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev #vibecoding #aicoding #ai https://www.youtube.com/embed/BlztZyNIEaE 95 2025-03-25T19:26:29.000Z https://syntax.yabby.page/video/drupal-tutorials-25-using-filters-in-views 2026-10-15T03:45:23.727Z https://i.ytimg.com/vi/zarHhl9LxJI/maxresdefault.jpg Drupal Tutorials #25 - Using Filters in Views This is the 25th tutorial in the Drupal 7 tutorial series. This tutorial shows you how to use filters to control what content is shown in your view. Subscribe for more free tutorials https://goo.gl/6ljoFc, more Drupal Tutorials here: https://goo.gl/YDHhLW Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e This Drupal 7 tutorial series shows users how to build websites with the very popular open source content management system Drupal 7. https://www.youtube.com/embed/zarHhl9LxJI 396 2012-04-10T01:11:16.000Z https://syntax.yabby.page/video/mental-health-q-a-w-dr-courtney-tolinski 2026-10-15T03:45:23.732Z https://i.ytimg.com/vi/sJ1hx1R-qGs/maxresdefault.jpg Mental Health Q&A w/ Dr. Courtney Tolinski Wes and Scott talk with Dr. Courtney Tolinski about supporting neurodivergent teammates, navigating workplace dynamics, and recognizing strengths beyond labels. They explore ADHD diagnosis and treatment, productivity mindsets, burnout, AI in mental health, and practical routines for focus and balance. 🔥 Be the ~14,700th person to join our super tasty newsletter https://bit.ly/syntax_snackpack Show Notes: (00:00) - Welcome to Syntax! (00:09) - Meet Dr. Courtney Tolinski (01:46) - Supporting neurodivergent team members (12:26) - Should I disclose my ADHD diagnosis at work? (17:21) - Characteristics of Autism and ADHD (22:37) - Seeking diagnosis as an adult developer (28:04) - Brought to you by Sentry.io (32:18) - Uncoupling identity from productivity (38:06) - Is overtime ever “worth it”? (42:34) - AI as a Mental Health Tool: Hope or Hype? (46:32) - Will therapists be replaced by AI? (49:29) - Burnout warning signs in high-performers (55:15) - Sick Picks + Shameless Plugs All links available at https://syntax.fm/942 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/sJ1hx1R-qGs 3465 2025-10-01T11:01:37.000Z https://syntax.yabby.page/video/triplit-dev-is-a-do-everything-for-me-kind-of-platform 2026-10-15T03:45:23.744Z https://i.ytimg.com/vi/gVFRL8ZZi8c/maxresdefault.jpg triplit.dev is a do-everything-for-me kind of platform Episode #793 The Local First Landscape -- A discussion of various tools and libraries for building local first web applications ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #localfirst #webdev #offline #speed #productivity #lofi https://www.youtube.com/embed/gVFRL8ZZi8c 59 2024-07-30T15:49:38.000Z https://syntax.yabby.page/video/avoid-emails-going-to-spam 2026-10-15T03:45:23.751Z https://i.ytimg.com/vi/zoDzY5HGwMs/maxresdefault.jpg Avoid Emails Going to Spam Today's Episode #732: Wes and Scott explore the web standards and email authentication methods that keep your email from going to spam; DMARC, SPF and DKIM. If you send email via a custom domain name, you need to listen to this! ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #dmarc #spf #dkim #email #spam #emailmarketing #domain #domainnames #emailnewsletters #emailtips #webdev #softwaredev #programming #authentication https://www.youtube.com/embed/zoDzY5HGwMs 59 2024-02-19T17:23:27.000Z https://syntax.yabby.page/video/how-scott-and-cj-stay-up-to-date-on-tech 2026-10-15T03:45:23.756Z https://i.ytimg.com/vi/ONZzpdIQfy8/maxresdefault.jpg How Scott and CJ Stay Up To Date On Tech Scott and CJ go live from JS Nation NYC to talk about how developers can actually stay current without drowning in the constant churn of new tools and trends. They break down how to see through the fluff, focus on why tech exists before adopting it, and build a healthier, curiosity-driven approach to learning in 2025 and beyond 🔥 Be the ~17,800th person to join our super tasty newsletter https://bit.ly/syntax_snackpack Show Notes 00:00 Welcome to Syntax! 00:39 Scott delivering a non-technical talk at JS Nation. 03:24 Lamenting the frequency of change as developers. 03:46 Understanding why things exist before deciding to learn them. 05:11 Learning styles are a myth? 07:41 First dates and psychology exams. 10:39 Discovering is step one, playing is step two. 13:32 Learn with a project that you actually want. 18:16 Brought to you by Sentry.io. 18:34 Cutting through the noise of new tech. 21:40 Using AI as a learning tool 25:12 Sick Picks & Shameless Plugs. All links available at https://syntax.fm/961 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/ONZzpdIQfy8 1683 2025-12-08T12:00:55.000Z https://syntax.yabby.page/video/11-vertical-grids-with-lost-postcss-tutorials 2026-10-15T03:45:23.760Z https://i.ytimg.com/vi/6qfjGz8irLQ/maxresdefault.jpg #11 - Vertical Grids With Lost - PostCSS Tutorials Here, I show you what vertical grids are in Lost and how to use them. https://github.com/corysimmons/lost https://www.patreon.com/leveluptuts The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e https://www.youtube.com/embed/6qfjGz8irLQ 255 2015-09-10T00:43:55.000Z https://syntax.yabby.page/video/sketch-app-tutorials-7-grids-and-layouts 2026-10-15T03:45:23.765Z https://i.ytimg.com/vi/tDv0GWKdrpA/maxresdefault.jpg Sketch App Tutorials - #7 Grids and Layouts In this Sketch App video tutorial, learn how to create useful grids and layouts using Sketch 3's built in layout tools. Create web grid framework style grids that can be different per artboard! Subscribe for more free tutorials https://goo.gl/6ljoFc, more Sketch App Tutorials: https://goo.gl/SvgeZU Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! http://leveluptuts.com/level-up-pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e Sketch gives you the power, flexibility and speed you always wanted in a lightweight and easy-to-use package. Finally you can focus on what you do best: Design. https://www.youtube.com/embed/tDv0GWKdrpA 441 2014-06-04T01:24:14.000Z https://syntax.yabby.page/video/customizing-wordpress-6-introduction-to-the-functions-template 2026-10-15T03:45:23.769Z https://i.ytimg.com/vi/XD6hGrZPkQU/maxresdefault.jpg Customizing WordPress #6 - Introduction to the functions template The 6th video in the Customizing WordPress tutorial series. Here we explain the basics of the WordPress functions.php template Subscribe to Level Up Pro for extra features! http://leveluptuts.com/level-up-pro #1 OUTSOURCING SERVICE FOR WORDPRESS https://api.referoo.co/hits/create_hit?partner_id=16&medium_id=1 For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations https://www.youtube.com/embed/XD6hGrZPkQU 306 2014-03-19T02:26:27.000Z https://syntax.yabby.page/video/drupal-7-tutorials-49-taking-control-of-your-views-with-semantic-views 2026-10-15T03:45:23.773Z https://i.ytimg.com/vi/JFe1z-15orU/maxresdefault.jpg Drupal 7 Tutorials #49 - Taking Control of Your Views With Semantic Views This tutorial shows you how to tame View's extraneous code using the Semantic Views module. Subscribe for more free tutorials https://goo.gl/6ljoFc, more Drupal Tutorials here: https://goo.gl/YDHhLW Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e This Drupal 7 tutorial series shows users how to build websites with the very popular open source content management system Drupal 7. https://www.youtube.com/embed/JFe1z-15orU 378 2012-09-04T23:23:45.000Z https://syntax.yabby.page/video/drupal-commerce-tutorials-4-inline-entity-form 2026-10-15T03:45:23.778Z https://i.ytimg.com/vi/glRM_NzNVTA/maxresdefault.jpg Drupal Commerce Tutorials #4 - Inline Entity Form In the 4th video in the Drupal Commerce Tutorial series. Here, we create a product display and attach products with the Inline Entity Form module. https://drupal.org/project/inline_entity_form In this series we show how to add Drupal Commerce to your existing Drupal site. Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e https://www.youtube.com/embed/glRM_NzNVTA 554 2014-05-13T23:20:47.000Z https://syntax.yabby.page/video/the-pi-updates-are-insane-pull-requests-are-dead-turso-joining-supabase-syntax-weekly 2026-10-18T16:15:13.087Z https://i.ytimg.com/vi/HuJB97hUPWk/maxresdefault.jpg The Pi Updates are insane ⟡ Pull Requests are Dead ⟡ Turso Joining Supabase ⌁ Syntax Weekly ⌁ Scott, Wes, and CJ break down the latest Pi updates, including durable long-running agents, Codemode, and MCP support, then debate whether pull requests are dead in favor of issues. Plus Supabase picks up Turso, Screen Studio 4 drops, JavaScript Composites bring value-based equality, and a stack of new AI models from Google, OpenAI, Cloudflare, and more. 00:00:00 Welcome to Syntax Weekly 00:00:57 example.com gets a facelift 00:04:40 The death of pull requests 00:13:01 pi v1.0 00:25:35 Turso Joining Supabase 00:28:47 Screen Studio Updates 00:34:10 Svelte 3.0 Release 00:36:18 Effect 4.0 00:39:00 Alchemy 00:43:46 Foldkit 00:45:35 OpenAI Dev Day Announcements 00:57:43 Cloudflare Clef Decision Model 01:02:31 Gemini 4 Argon 01:10:16 Flux 3 Image Model 01:13:03 Claude Mods 01:14:59 Muse Gadgets 01:18:48 Nvidia Lyra 2.0 World Model 01:28:48 Game Recomps and Decomps 01:32:18 JS Composite Type 01:36:39 RFC 1149 Auction 01:39:25 eslint cssicorn ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by https://sentry.io/syntax #news #programming #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/HuJB97hUPWk 6109 2026-10-05T16:02:29.000Z https://syntax.yabby.page/video/why-supabase-and-not-superbase 2026-10-15T03:45:23.785Z https://i.ytimg.com/vi/YCOIEiNZg3k/maxresdefault.jpg Why SUPAbase and not SUPERbase? full episode at https://www.youtube.com/watch?v=KtxoJUZDgIU Today's episode #788 : Supabase: Open Source Firebase for Fullstack JS Apps Paul Copplestone, CEO and cofounder of Supabase, discusses the origins of Supabase as an open source alternative to Firebase built on Postgres, with a focus on developer experience. ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #supabase #opensource #fullstack #postgres #firebase #databases https://www.youtube.com/embed/YCOIEiNZg3k 53 2024-06-28T17:25:15.000Z https://syntax.yabby.page/video/what-is-html5 2026-10-15T03:45:23.789Z https://i.ytimg.com/vi/0aUtQPZcqxE/maxresdefault.jpg What is HTML5? The 1st video in our HTML5 Tutorial series. This video contains no actual coding, but does give you a view into what we will be covering in this series. Stay tuned for an all encompassing, engaging series. Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e https://www.youtube.com/embed/0aUtQPZcqxE 286 2013-04-28T18:45:31.000Z https://syntax.yabby.page/video/developing-for-the-i-phone-duo-react-19-3-is-here-pi-announces-radius-syntax-weekly 2026-10-18T16:15:13.275Z https://i.ytimg.com/vi/-czzyDaV9PA/maxresdefault.jpg Developing for the iPhone Duo ⟡ React 19.3 Is Here ⟡ Pi announces Radius ⌁ Syntax Weekly ⌁ Scott, 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 🔥 Be the ~19,500th person to join our super tasty newsletter https://bit.ly/syntax_snackpack 00:00:00 Intro 00:01:08 React 19.3 00:05:39 Pi announces Radius 00:15:36 iPhone Duo Initial Reactions 00:22:45 Developing for the iPhone Duo 00:32:31 Syntax Meetup in SF 00:33:41 Tailwind Labs is joining Shopify 00:35:59 Native is the Future of Mobile at Shopify 00:40:46 Herdr remote agents 00:46:34 Homebrew 7 Released 00:51:17 Meta Muse AI Agent 01:00:40 Scott's Switzerland Trip 01:07:43 Mic FX from Teenage Engineering 01:11:10 Three.js conference Badge 01:13:53 Don't let anyone take away your big box of cables 01:16:49 Aerospace Tiling Manager 01:24:50 Scott's new backpack 01:27:22 Claude, change this button to blue 01:32:00 Knap markdown template language React 19.3 | https://react.dev/blog/2026/09/09/react-19-3 Pi Announces Radius | https://radius.earendil.com/docs iPhone Duo | https://www.apple.com/newsroom/2026/09/apple-unveils-iphone-duo/ Device Posture API | https://developer.mozilla.org/en-US/docs/Web/API/Device_Posture_API Syntax Meetup in SF | http://syntax.fm/meetup Tailwind Labs is joining Shopify | https://tailwindcss.com/blog/tailwind-is-joining-shopify Native is the Future of Mobile at Shopify | https://shopify.engineering/back-to-native Herdr remote agents | https://herdr.dev/docs/connecting-machines/ Homebrew 7 | https://brew.sh/2026/09/13/homebrew-7.0.0 Meta Muse AI Agent | https://ai.meta.com/muse/ Mic FX from Teenage Engineering | https://teenage.engineering/guides/ep-2350 Three.js conference Badge | https://x.com/cassiecodes/status/2097958455092904218 Don't let anyone take away your big box of cables | https://blog.jim-nielsen.com/2026/hands-off-my-cables/ Aerospace Tiling Manager | https://github.com/st https://www.youtube.com/embed/-czzyDaV9PA 5651 2026-09-14T16:13:16.000Z https://syntax.yabby.page/video/how-1password-uses-wasm-and-rust-for-local-first-dev-with-andrew-burkhart 2026-10-15T03:45:24.457Z https://i.ytimg.com/vi/DjfnxkqANIk/maxresdefault.jpg How 1Password uses WASM and Rust for Local First dev with Andrew Burkhart Today we're serving up an episode on 1Password with Senior Rust Developer Andrew Burkhart, delving into how 1Password works, tackling conflict resolution and security challenges, and exploring the benefits of using Rust. Show Notes 00:00 Welcome to Syntax 00:57 Who is Andrew Burkhart? 01:36 How does 1Password work? 03:24 What's the data flow on creating a new login? 05:40 The conflict resolution challenges of pull first, push second. 06:46 Merging strategies: How do you chose which device wins the conflict? 08:27 1Password's sync is fast and reliable. 11:20 Nuances of the extension. 12:59 The value of Hackathons. 13:40 What's the main benefit of 1Password using Rust? 15:41 Watchtower processing. 17:15 1Password SSH. 18:17 1Password env. 19:11 Some other cool tools. 20:33 Does the increased security make developing challenging? 25:26 What's 1Password's security onboarding like? 27:47 1Password and WASM. 31:45 Tokio as the asynchronous runtime for Rust. 34:25 Scott's Rust based video app. 35:03 What is an FFI? 38:13 How did you learn Rust? 41:13 Why is the 1Password team so big? 42:40 Are there teams that manage individual applications for errors? 43:45 Challenges with WASM. 48:59 Syntax horror stories. 52:50 Sick Picks + Shameless Plugs. All links available at https://syntax.fm/776 ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript https://www.youtube.com/embed/DjfnxkqANIk 3480 2024-05-31T11:00:12.000Z https://syntax.yabby.page/video/skeuomorphism-is-dope 2026-10-12T13:45:15.044Z https://i.ytimg.com/vi/Ebj3-M55W2U/maxresdefault.jpg Skeuomorphism is DOPE When did people stop building fun interfaces?? https://www.youtube.com/embed/Ebj3-M55W2U 50 2026-05-19T15:10:47.000Z https://syntax.yabby.page/video/the-free-gsap-svg-plugins-are-so-great 2026-10-15T03:45:24.462Z https://i.ytimg.com/vi/FUWHGK29hmA/maxresdefault.jpg the free GSAP SVG plugins are so great 🔥 Be the ~15,700th person to join our super tasty newsletter https://bit.ly/syntax_snackpack All links available at https://syntax.fm/899 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev #javascript #animation #svg #svgplugin #gsap https://www.youtube.com/embed/FUWHGK29hmA 29 2025-05-06T21:00:40.000Z https://syntax.yabby.page/video/trig-functions-in-css 2026-10-15T03:45:24.467Z https://i.ytimg.com/vi/llz0HHoCok8/maxresdefault.jpg Trig Functions in CSS?! Adam Argyle on how to use trig functions in CSS to take our layouts to the next level. Episode # 616: Supper Club x Adam Argyle On What's New in CSS #trigfunctions #css #cssanimations #newincss #webdev #webdesign #tipsandtricks https://www.youtube.com/embed/llz0HHoCok8 50 2023-07-20T16:57:56.000Z https://syntax.yabby.page/video/level-up-links-nov-9th-2022 2026-10-15T03:45:24.471Z https://i.ytimg.com/vi/mkuqhGrybAk/maxresdefault.jpg Level Up Links Nov 9th 2022 https://rome.tools/ https://ia.net/presenter https://beta.tome.app/ https://leveluptutorials.com/posts/mounting-animation-without-layout-shift https://ohmygit.org/ Become a Level Up Pro and take your web skills to the next level! https://www.leveluptutorials.com The best web development podcast out there Syntax with Wes Bos and Scott Tolinski https://syntax.fm 🎨 VSCode Theme: https://marketplace.visualstudio.com/items?itemName=leveluptutorials.theme-levelup All of the stuff I use https://www.scotttolinski.com/uses https://www.youtube.com/embed/mkuqhGrybAk 169 2022-11-09T18:24:07.000Z https://syntax.yabby.page/video/what-is-unit-testing 2026-10-15T03:45:24.476Z https://i.ytimg.com/vi/5mesy72RATs/maxresdefault.jpg What Is Unit Testing? In this What Is Wednesday, I cover What Is Unit Testing? ~~~~Video Links~~~~~~~~~~~~~~~~~~~~~~~~ Buy Pro Gatsby: https://goo.gl/gUH8SA Become a Pro: https://www.leveluptutorials.com/pro ~~~~Affiliate Links~~~~~~~~~~~~~~~~~~~~~~ Please use these links when signing up for services to help support Level Up. Easy Hosting with Netlify: https://goo.gl/pychVP Shared Web Hosting: https://goo.gl/pfC6uc ~~~~Level Up Links~~~~~~~~~~~~~~~~~~~~~~ Syntax Podcast ft Scott Tolinski & Wes Bos: https://goo.gl/7jDDxX Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz https://www.youtube.com/embed/5mesy72RATs 619 2018-03-07T19:46:10.000Z https://syntax.yabby.page/video/sass-tutorials-30-juice-mixins-for-life-part-2 2026-10-15T03:45:24.481Z https://i.ytimg.com/vi/NjijYdk2caI/maxresdefault.jpg Sass Tutorials #30 - Juice, Mixins for Life Part 2 Take a tour through the Juice mixin collection and see how they can enhance your workflow. http://juicynex.us/juice/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e https://www.youtube.com/embed/NjijYdk2caI 669 2014-12-05T02:46:06.000Z https://syntax.yabby.page/video/sass-tutorials-20-content-better-media-queries-in-sass 2026-10-15T03:45:24.485Z https://i.ytimg.com/vi/hZ-EhdB8t8U/maxresdefault.jpg Sass Tutorials #20 - @Content - Better Media Queries in Sass The 20th tutorial in the Sass Tutorial Series. This tutorial shows the latest features of Sass 3.2.1, how you can use @content to inject code into your mixin. It's perfect for seamless media queries! https://www.youtube.com/embed/hZ-EhdB8t8U 391 2012-09-21T02:08:46.000Z https://syntax.yabby.page/video/is-react-just-next-js-now 2026-10-15T03:45:24.490Z https://i.ytimg.com/vi/XolUrhRJo1k/maxresdefault.jpg Is React just Next.js now? 🔥 Be the ~17,700th person to join our super tasty newsletter https://bit.ly/syntax_snackpack All links available at https://syntax.fm/943 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev #react #nextjs https://www.youtube.com/embed/XolUrhRJo1k 66 2025-10-07T19:50:44.000Z https://syntax.yabby.page/video/drupal-7-theming-with-omega-4-omega-settings 2026-10-15T03:45:24.494Z https://i.ytimg.com/vi/4F6CzuuO3Qw/maxresdefault.jpg Drupal 7 Theming with Omega #4 - Omega Settings This is the 58th tutorial in the Drupal 7 tutorial series. This tutorial shows you how to tweak Omega's settings to control defaults. Subscribe to Level Up Pro for extra features! http://leveluptuts.com/level-up-pro For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations https://www.youtube.com/embed/4F6CzuuO3Qw 458 2012-11-06T00:56:26.000Z https://syntax.yabby.page/video/prestashop-tutorials-11-ups-shipping-rates 2026-10-15T03:45:24.501Z https://i.ytimg.com/vi/jibkrx14zX4/maxresdefault.jpg Prestashop Tutorials #11 - UPS Shipping Rates Here we show you how to add UPS shipping rates to your store. Download Prestashop here http://www.prestashop.com/ Fast, efficient and easy to use, PrestaShop's free e-commerce solution provides everything you need to open, operate and maintain a successful online store. Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e https://www.youtube.com/embed/jibkrx14zX4 380 2014-10-09T18:12:51.000Z https://syntax.yabby.page/video/awesome-svelte-packages-jan-21st-2022-weekly-svelte 2026-10-15T03:45:24.508Z https://i.ytimg.com/vi/auKxXzPg5x4/maxresdefault.jpg Awesome Svelte Packages Jan 21st 2022 - Weekly Svelte 00:22 - SwyxKit - https://github.com/sw-yx/swyxkit 04:52 - MaxAge Calculator - https://svelte.dev/repl/a779692677d44146b9118e0008cbb4d0?version=3.46.2 05:57 - Svelte Adapter Deno - https://github.com/pluvial/svelte-adapter-deno 07:24 - gQuery - https://gquery.leveluptutorials.com/#examples 11:46 - Svelte Tiny Virtual List - https://github.com/Skayo/svelte-tiny-virtual-list 13:27 - Svelte Notifications - https://svelte-notifications.netlify.app 15:53 - Level Up Tutorials - https://leveluptutorials.com/pro 18:03 - Syntax.fm Become a Level Up Pro and take your web skills to the next level! https://www.leveluptutorials.com/pro?utm_source=youtube&utm_medium=video&utm_campaign=weekly_svelte Svelte for Beginners https://leveluptutorials.com/tutorials/svelte-for-beginners/introduction The best web development podcast out there Syntax with Wes Bos and Scott Tolinski https://syntax.fm https://www.youtube.com/embed/auKxXzPg5x4 1127 2022-01-21T20:11:15.000Z https://syntax.yabby.page/video/ux-prototyping-with-principle-6-an-introduction-to-interactions 2026-10-15T03:45:24.513Z https://i.ytimg.com/vi/hqTujDU1C3I/maxresdefault.jpg UX Prototyping with Principle #6 - An Introduction to Interactions In this video we talk about interactions and actions in Principle. Subscribe for more free tutorials https://goo.gl/6ljoFc, Buy this series and get 3 exclusive videos! https://goo.gl/uvR3Wv Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e Animate Your Ideas, Design Better Apps Principle makes it easy to design animated and interactive user interfaces. Whether you're designing the flow of a multi-screen app, or new interactions and animations, Principle lets you create designs that look and feel amazing. Out of the box stunning transitions when changing data, updating colours and adding datasets. Chart.js is a community maintained project, contributions welcome! Visualize your data in 8 different ways; each of them animated and customisable. Redraws charts on window resize for perfect scale granularity. https://www.youtube.com/embed/hqTujDU1C3I 593 2016-09-23T15:32:52.000Z https://syntax.yabby.page/video/5-using-tomorrow-s-css-syntax-today-postcss-tutorials 2026-10-15T03:45:24.517Z https://i.ytimg.com/vi/v4m8rB7IQ9g/maxresdefault.jpg #5 - Using Tomorrow's CSS Syntax Today - PostCSS Tutorials Here we show you how you can use the next generation CSS syntax today. https://www.patreon.com/leveluptuts The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e https://www.youtube.com/embed/v4m8rB7IQ9g 366 2015-08-26T20:34:03.000Z https://syntax.yabby.page/video/gitlab-ce-tutorial-10-how-to-update-gitlab-ce 2026-10-15T03:45:24.521Z https://i.ytimg.com/vi/XLfK_aOWZwU/maxresdefault.jpg GitLab CE Tutorial #10 - How To Update GitLab CE In this GitLab video tutorial, we setup a Digital Ocean droplet with GitLab CE. Subscribe for more free tutorials https://goo.gl/6ljoFc, Buy this series with an extra video! https://goo.gl/A7drFW Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e Build together: GitLab includes Git repository management, code reviews, issue tracking, wikis, and more, plus GitLab CI, an easy-to-use continuous integration and deployment tool. Stay up-to-date: Collaborate with your team using issues, milestones, and line-by-line code review. View activity streams of projects or the people you work with. Plays well with others: GitLab seamlessly integrates with Slack, Hipchat, LDAP, JIRA, Jenkins, and many other popular tools. GitLab includes many webhooks and offers a complete API. GitLab Community Edition is open source and completely free to download. GitLab is powered by a community of more than 1,000 people. GitLab Enterprise Edition offers deeper LDAP and Active Directory integration, Jira and Jenkins integration, and much more. https://www.youtube.com/embed/XLfK_aOWZwU 216 2016-08-19T20:15:52.000Z https://syntax.yabby.page/video/does-code-quality-matter-anymore 2026-10-15T03:45:24.526Z https://i.ytimg.com/vi/ZTrrVXmAGes/maxresdefault.jpg 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 second-brain setup, where to start with modern full-stack JavaScript, and more! 🔥 Be the ~18,300th person to join our super tasty newsletter https://bit.ly/syntax_snackpack (00:00) Welcome to Syntax! (01:02) Using display none with popover and hamburger navigation (03:37) Vercel on iOS and experimenting with the Vibrate API (05:47) Does code quality still matter in the AI age? (11:08) Wes’ second brain update and Obsidian workflow (19:57) Brought to you by Sentry.io (20:21) Supporting older browsers and missing out on modern web features (23:32) iPad browsing quirks and dealing with outdated Safari (28:26) What to do when you encounter a badly built or inaccessible website (33:37) Is the Effect TypeScript library worth the learning curve? (37:04) Where to start with modern full-stack JavaScript (43:39) Are column grid frameworks still relevant with modern CSS? (49:54) Sick Picks + Shameless Plugs All links available at https://syntax.fm/986 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/ZTrrVXmAGes 3520 2026-03-11T11:00:56.000Z https://syntax.yabby.page/video/should-we-do-it 2026-10-15T03:45:24.530Z https://i.ytimg.com/vi/R3b-kIyCmiM/maxresdefault.jpg should we do it? ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript https://www.youtube.com/embed/R3b-kIyCmiM 57 2024-08-16T15:48:51.000Z https://syntax.yabby.page/video/how-to-make-and-publish-a-svelte-library-weekly-svelte 2026-10-15T03:45:24.534Z https://i.ytimg.com/vi/_TymiadmPrc/maxresdefault.jpg How To Make and Publish a Svelte Library - Weekly Svelte 1. npm init svelte@next project-name 2. cd project-name 3. Create component 4. npx svelte-kit package 5. cd package 6. Login to npm / create an account 7. npm publish --access public Become a Level Up Pro and take your web skills to the next level! https://www.leveluptutorials.com/pro?utm_source=youtube&utm_medium=video&utm_campaign=weekly_svelte Svelte for Beginners https://leveluptutorials.com/tutorials/svelte-for-beginners/introduction The best web development podcast out there Syntax with Wes Bos and Scott Tolinski https://syntax.fm https://www.youtube.com/embed/_TymiadmPrc 1030 2021-11-19T20:03:54.000Z https://syntax.yabby.page/video/sign-in-ninjas 2026-10-15T03:45:24.539Z https://i.ytimg.com/vi/eFwJd-_KJaE/maxresdefault.jpg Sign-in ninjas 🥷 Logging in Verification: Magic Links, 2FA, SMS Codes Discussion on different login and user verification methods like magic links, OAuth, codes, trusted devices, etc. ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #authentication #login #security https://www.youtube.com/embed/eFwJd-_KJaE 29 2024-09-30T19:53:05.000Z https://syntax.yabby.page/video/gitlab-ce-tutorial-1-creating-a-gitlab-droplet-on-digital-ocean 2026-10-15T03:45:24.546Z https://i.ytimg.com/vi/QCZl0eNzMTs/maxresdefault.jpg GitLab CE Tutorial #1 - Creating a GitLab Droplet on Digital Ocean In this GitLab video tutorial, we setup a Digital Ocean droplet with GitLab CE. Subscribe for more free tutorials https://goo.gl/6ljoFc, Buy this series with an extra video! https://goo.gl/A7drFW Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e Build together: GitLab includes Git repository management, code reviews, issue tracking, wikis, and more, plus GitLab CI, an easy-to-use continuous integration and deployment tool. Stay up-to-date: Collaborate with your team using issues, milestones, and line-by-line code review. View activity streams of projects or the people you work with. Plays well with others: GitLab seamlessly integrates with Slack, Hipchat, LDAP, JIRA, Jenkins, and many other popular tools. GitLab includes many webhooks and offers a complete API. GitLab Community Edition is open source and completely free to download. GitLab is powered by a community of more than 1,000 people. GitLab Enterprise Edition offers deeper LDAP and Active Directory integration, Jira and Jenkins integration, and much more. https://www.youtube.com/embed/QCZl0eNzMTs 610 2016-05-23T16:07:17.000Z https://syntax.yabby.page/video/syntax-bytes-with-cj-css-battles-working-on-tauri-rust-svelte-desktop-app 2026-10-15T03:45:24.550Z https://i.ytimg.com/vi/wZe75eNTrUQ/maxresdefault.jpg Syntax Bytes with CJ - CSS Battles | Working on Tauri / Rust / Svelte Desktop App In this live stream CJ solves some CSS battles and then works on a Tauri / Rust / Svelte app (the Syntax Production Assistant). 00:00:00 Welcome 00:02:02 CSS Battle 143 00:08:46 CSS Battle 38 00:26:31 CSS Battle 91 00:49:13 The app we will be working on 01:08:56 Feature: Delete a Project 01:30:42 Using Web Dialog API 01:50:25 Fix: Timestamp parsing 02:29:55 Feature: mp3 naming convention 03:04:15 Thanks! https://cssbattle.dev/play/143 https://cssbattle.dev/play/38 https://cssbattle.dev/play/91 https://v2.tauri.app/ ------------------------------------------------------------------------------ Hit us up on Socials! https://www.syntax.fm/links Brought to you by Sentry - Use code "tastytreats" to get 2 months free - https://sentry.io/syntax #css #rust #typescript https://www.youtube.com/embed/wZe75eNTrUQ 11316 2024-09-05T20:48:42.000Z https://syntax.yabby.page/video/egress-scraping-safari-eu-changes-is-setinterval-worth-it 2026-10-15T03:45:24.555Z https://i.ytimg.com/vi/1dufGxB1v68/maxresdefault.jpg Egress, scraping, Safari EU changes, is SetInterval worth it In this potluck episode of Syntax, Wes and Scott discuss egress, scraping, Safari EU changes, and answer questions on updating dependencies and SetInterval. Show Notes 00:00 Welcome to Syntax! 01:35 Brought to you by Sentry.io. 02:49 I have over 100,000 user images on Cloudinary. How do I migrate to another service? 07:27 Switching from Mac to PC. 12:32 What's your take on the Safari 17.4 PWA removal debacle for EU users? 19:45 Is there any clear front-runner when it comes to monorepo tools? 23:44 Some big web apps have a div relatively high in the DOM with a class like “scroll-container” or “cursor-events”, why is that? 32:15 Is ChatGPT Plus worth it? I'm trying to avoid death by 1000 subscriptions. 37:47 Performance vs accuracy when working with timers. 40:37 How do you update the dependencies to work with a current version of Node? Also, if you are building from scratch, how do you determine what dependencies to use? 45:52 Clarification on the browser blocking. 49:19 Problems when working with JavaScript's new Date(). 54:27 Sick Picks + Shameless Plugs. All links available at https://syntax.fm/733 ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript https://www.youtube.com/embed/1dufGxB1v68 3553 2024-02-21T12:00:04.000Z https://syntax.yabby.page/video/2-using-postcss-with-gulp-postcss-tutorials 2026-10-15T03:45:24.559Z https://i.ytimg.com/vi/VxklIx_CiK0/maxresdefault.jpg #2 - Using PostCSS with Gulp - PostCSS Tutorials Here we show you how to add PostCSS to your Gulp workflow. https://www.patreon.com/leveluptuts The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! http://leveluptuts.com/level-up-pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e https://www.youtube.com/embed/VxklIx_CiK0 416 2015-08-21T23:33:37.000Z https://syntax.yabby.page/video/drupal-8-basics-11-conditionally-display-blocks 2026-10-15T03:45:24.563Z https://i.ytimg.com/vi/ih3boxEk9OU/maxresdefault.jpg Drupal 8 Basics #11 - Conditionally Display Blocks Learn how to conditionally display blocks in Drupal 8 in a course design for Drupal 8 beginners. Subscribe for more free tutorials https://goo.gl/6ljoFc, buy NEXT LEVEL CSS Animations & Transitions https://goo.gl/cGB30u Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e This Drupal 8 tutorial series shows users how to build websites with the very popular open source content management system Drupal 8. The world’s favorite open source content management platform just got better. Drupal 8 is the new standard for creating incredible digital experiences—for small businesses, global enterprises, and everything in between. Meet Drupal 8, a powerful new suite of tools, and the strongest link in your new content supply chain. Interact with countless applications, thanks to REST-first native web services. Use progressive decoupling to break free from back-end restrictions without sacrificing security and accessibility. Deliver faster, with enhanced entity caching and better integration with CDNs and reverse proxies. With Drupal 8, you can build almost any integrated experience you can imagine. https://www.youtube.com/embed/ih3boxEk9OU 295 2016-04-06T18:09:04.000Z https://syntax.yabby.page/video/handling-and-throwing-errors 2026-10-15T03:45:24.567Z https://i.ytimg.com/vi/pGc6x3Z-xM0/maxresdefault.jpg Handling and Throwing Errors Scott and Wes break down how to properly throw, catch, and log errors in JavaScript and TypeScript. They cover client-side and server-side strategies, using tools like Sentry, and how to handle errors without taking down your whole app.🔥 Be the ~14,700th person to join our super tasty newsletter https://bit.ly/syntax_snackpack Show Notes 00:00 Welcome to Syntax! 01:19 Error terminology. 01:42 Thrown and catching. 03:01 What’s in an error. 04:09 Name and message. 04:42 Stack. 07:12 Node system errors. 07:34 Messages: strings, objects, or custom errors. 08:19 Throwing errors. 12:01 Promise errors. 12:10 Try catch block, .catch(). 14:13 Using awaited-to. 15:10 Finally. 16:29 promise.try() 17:14 Re-throwing errors. 18:12 Client-side errors. 18:15 Catching at different levels. 18:51 Displaying errors. 21:59 Transforming server errors into client errors. 24:12 Error boundaries. 25:26 Server errors. 26:10 JSON API. 27:41 HTTP response codes. 30:09 Logging and solving errors. 31:16 Proudly supported by Sentry.io. 36:16 TypeScript and errors. All links available at https://syntax.fm/909 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/pGc6x3Z-xM0 2347 2025-06-09T11:01:31.000Z https://syntax.yabby.page/video/anthropic-doesn-t-use-ai-amsterdam-trip-recap-html-streaming-in-chrome-syntax-weekly 2026-10-13T16:15:18.053Z https://i.ytimg.com/vi/8A2MCNKC_hQ/maxresdefault.jpg Anthropic doesn’t use AI ⟡ Amsterdam Trip Recap ⟡ HTML Streaming in Chrome ⌁ Syntax Weekly ⌁ Scott, Wes, and CJ explore declarative partial HTML updates, breathtaking hand-crafted design work from Fable, and two handy dev tools, an ASCII art generator and a package replacement finder. 🔥 Be the ~19,500th person to join our super tasty newsletter https://bit.ly/syntax_snackpack 00:00:00 Intro 00:02:15 Anthropic Doesn't Use AI 00:06:30 "Taste" and "Vision" in Prompting Output 00:11:04 Wes and Scotts Slide Decks 00:18:19 Amsterdam Trip Recap 00:26:22 Are Conferences worth it? 00:27:34 Amsterdam Trip Recap 00:31:30 Fable 5 First Impressions 00:33:58 Fable 5 and Mythos 5 Banned 00:41:57 IRL Events Are Great For Burnout 00:46:09 HTML Streaming now in Chrome 00:56:08 Image to ASCII Generator 01:02:02 Find Modern Module Replacements 01:06:36 Scott is Using MacOS / iOS Betas 01:10:07 Xiaomi OpenCode Fork and Mimo 2.5 Pro 01:14:50 Agent Dashboards 01:22:30 Arch Linux Supply Chain Attack 01:24:44 Should we train coding only models? 01:32:43 Thanks! ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by https://sentry.io/syntax #news #programming #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/8A2MCNKC_hQ 5581 2026-06-15T16:29:31.000Z https://syntax.yabby.page/video/ai-browsers-100x-build-speed-massive-svelte-update-web-dev-news 2026-10-15T03:45:24.574Z https://i.ytimg.com/vi/-lMTt6JHZdE/maxresdefault.jpg AI Browsers, 100X Build Speed, Massive Svelte Update - Web Dev News Scott and Wes break down the latest in web dev news, from Amazon’s AI-powered VS Code fork and Node’s native TypeScript support, to Vite overtaking Webpack and Svelte’s newest async and remote features. They also cover big moves in developer tools, fresh browser experiments, and what these shifts mean for the future of coding. 🔥 Be the ~14,700th person to join our super tasty newsletter https://bit.ly/syntax_snackpack Show Notes 00:00 Welcome to Syntax! 04:08 Kiro. 09:05 Node 22.18 allows TypeScript without compiler. 11:42 React Router RSC, Parcel + Vite Support. 12:56 Windsurf Bought for real this time. 14:25 Brought to you by Sentry.io. 14:49 Copyparty, the FOSS file server 23:22 Vite Overtakes Webpack. 25:16 Rolldown Vite. 27:06 Claude Code pricing clamp down. 30:07 Async svelte released. 31:41 Remote Svelte Released. 34:59 Trae Solo. 37:58 Perplexity Comet Browser. 43:07 Sick Picks + Shameless Plugs. All links available at https://syntax.fm/927 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/-lMTt6JHZdE 3068 2025-08-11T11:00:03.000Z https://syntax.yabby.page/video/the-hardest-reverse-clash-of-code-yet 2026-10-15T03:45:24.587Z https://i.ytimg.com/vi/Seu8ulVFe-U/maxresdefault.jpg The Hardest Reverse Clash of Code Yet Scott, Wes, and CJ jump into Reverse Clash of Code, but this time every puzzle is a math riddle disguised as a coding challenge. The real battle? Figuring out the equations fast enough to turn inputs into outputs with JavaScript.🔥 Be the ~17,800th person to join our super tasty newsletter https://bit.ly/syntax_snackpack Watch the devs scramble, sweat, and occasionally triumph as math takes over their brains. Let’s see who survives. ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/Seu8ulVFe-U 1283 2025-12-05T14:16:37.000Z https://syntax.yabby.page/video/1-why-react-spring-physics-based-animations-animating-react 2026-10-15T03:45:24.597Z https://i.ytimg.com/vi/RmKupwUg4wk/maxresdefault.jpg #1 Why React Spring & Physics Based Animations - Animating React Complete the course here: http://bit.ly/2JkCehq Become a master of practical interface animations with React Spring. In Animating React, Scott Tolinski's latest series by Level Up Tutorials, we'll learn how to animate modals, menus, height auto, waypoints, dragging gestures, React Router transitions and much, much more. https://www.youtube.com/embed/RmKupwUg4wk 699 2019-05-14T16:31:43.000Z https://syntax.yabby.page/video/gitlab-ce-tutorial-3-ssh-key-setup-pushing-our-first-project 2026-10-15T03:45:24.602Z https://i.ytimg.com/vi/0z28J0RfaJM/maxresdefault.jpg GitLab CE Tutorial #3 - SSH Key Setup & Pushing Our First Project In this GitLab video tutorial, we push a repo into our project. Subscribe for more free tutorials https://goo.gl/6ljoFc, Buy this series with an extra video! https://goo.gl/A7drFW Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e Build together: GitLab includes Git repository management, code reviews, issue tracking, wikis, and more, plus GitLab CI, an easy-to-use continuous integration and deployment tool. Stay up-to-date: Collaborate with your team using issues, milestones, and line-by-line code review. View activity streams of projects or the people you work with. Plays well with others: GitLab seamlessly integrates with Slack, Hipchat, LDAP, JIRA, Jenkins, and many other popular tools. GitLab includes many webhooks and offers a complete API. GitLab Community Edition is open source and completely free to download. GitLab is powered by a community of more than 1,000 people. GitLab Enterprise Edition offers deeper LDAP and Active Directory integration, Jira and Jenkins integration, and much more. https://www.youtube.com/embed/0z28J0RfaJM 528 2016-06-01T18:35:13.000Z https://syntax.yabby.page/video/drupal-8-basics-series-introduction 2026-10-15T03:45:24.606Z https://i.ytimg.com/vi/J9U1DQYbFjA/maxresdefault.jpg Drupal 8 Basics - Series Introduction Learn the basics of Drupal 8 in a course design for Drupal 8 beginners. Subscribe for more free tutorials https://goo.gl/6ljoFc, buy NEXT LEVEL CSS Animations & Transitions https://goo.gl/cGB30u Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e This Drupal 8 tutorial series shows users how to build websites with the very popular open source content management system Drupal 8. The world’s favorite open source content management platform just got better. Drupal 8 is the new standard for creating incredible digital experiences—for small businesses, global enterprises, and everything in between. Meet Drupal 8, a powerful new suite of tools, and the strongest link in your new content supply chain. Interact with countless applications, thanks to REST-first native web services. Use progressive decoupling to break free from back-end restrictions without sacrificing security and accessibility. Deliver faster, with enhanced entity caching and better integration with CDNs and reverse proxies. With Drupal 8, you can build almost any integrated experience you can imagine. https://www.youtube.com/embed/J9U1DQYbFjA 38 2016-02-26T16:35:04.000Z https://syntax.yabby.page/video/getting-the-most-out-of-ai-coding 2026-10-15T03:45:24.611Z https://i.ytimg.com/vi/_1dhMezqxDI/maxresdefault.jpg Getting the most out of AI Coding Scott and Wes share their top strategies for getting high-quality results from AI coding tools like Cursor, Claude, ChatGPT, and Windsurf. From better prompting to building reusable rule sets, they cover practical tips for making AI your most productive coding partner 🔥 Be the ~14,700th person to join our super tasty newsletter https://bit.ly/syntax_snackpack Show Notes 00:00 Welcome to Syntax! 02:56 How to get the best results when using AI. 03:15 Scaffold it out yourself. 05:40 Be clear with your prompts. 07:45 Use XML tags around specific items. 08:47 Utilize Rules like Cursor rules or Copilot rules. 13:20 Ask it to create some rules based on an existing codebase 16:03 Break things down into clear concise actionable items. 17:22 Where to store your rules files. 18:37 Utilizing llm.txt files. 19:24 Context7. 20:28 Tag the relevant files, functions, etc. 21:38 Feed logs back into the AI. 22:36 Logging errors. 22:54 Brought to you by Sentry.io. 24:14 Long running chats get worse. All links available at https://syntax.fm/923 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/_1dhMezqxDI 1617 2025-07-28T11:00:56.000Z https://syntax.yabby.page/video/11-habits-of-highly-effective-developers 2026-10-15T03:45:24.615Z https://i.ytimg.com/vi/wZoJBLjS6Tw/maxresdefault.jpg 11 Habits of Highly Effective Developers Today, Scott and Wes dive into the 11 habits of effective web developers, from understanding stakeholder goals to maintaining a work-life balance. We'll explore the importance of continuous learning, having a problem-solver mentality, and being empathetic towards coworkers and users—let's get into it! Show Notes 00:00 Welcome to Syntax! 00:50 Brought to you by Sentry.io. 01:24 Denver weather is something else. 02:15 Habit #1: You understand stakeholder and business goals. 05:34 Habit #2: You're curious and always learning. 07:43 Habit #3: You have an open mind about new technology. 11:29 Habit #4: You ask for help. 13:43 Habit #5: You help others. 16:51 Chicken drumsticks. 17:35 Habit #6: You have a "problem solver" mentality. 24:44 Hose repair. 26:02 Habit #7: You have fun with what you do. 29:56 Habit #8: You understand work-life balance. 33:18 Habit #9: You are empathetic to your co-workers and users. 37:19 Habit #10: You pay attention to detail. 41:18 Habit #11: You're part of the community. 45:55 Sick Picks + Shameless Plugs. All links available at https://syntax.fm/778 ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript https://www.youtube.com/embed/wZoJBLjS6Tw 3050 2024-06-05T11:00:50.000Z https://syntax.yabby.page/video/cj-reynolds-is-joining-syntax 2026-10-15T03:45:24.619Z https://i.ytimg.com/vi/S4yAx0r2wkY/maxresdefault.jpg CJ Reynolds is Joining Syntax Scott and Wes introduce Syntax's new Senior Content Producer, CJ Reynolds, who will be creating video deep-dives and companion content for topics covered on the podcast. CJ, also known as the host of Coding Garden, shares his passions for web development, teaching and experimenting with new technologies. Show Notes 00:00 Welcome to Syntax! 01:06 Brought to you by Sentry.io. 04:39 What got you into web development? 09:23 Does a degree in computer sciences help you in your day to day as a web developer? 11:39 Wes downloads every single .com domain name. 15:19 What was your very first web development job? 18:12 How did you go from C# to websites? 21:12 What is the worst thing you've had to do as a developer? 22:31 What are some of your favorite projects? 26:32 What tech are you into right now? What inspires you? 27:52 Why do you like experimenting with new technologies? 29:39 Hono v4.0.5. 30:29 HTMZ 31:44 If you were to build a startup today, what would your stack be? 32:39 What's your tech setup? 37:51 What got you into live-streaming? 40:13 Why do you use a blue screen? 41:19 What's your philosophy on teaching? 43:56 What are your non-developer hobbies? 51:00 Sick Picks + Shameless Plugs. All links available at https://syntax.fm/736 ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript https://www.youtube.com/embed/S4yAx0r2wkY 3409 2024-02-28T12:00:20.000Z https://syntax.yabby.page/video/how-cloudflare-slop-forked-next-js 2026-10-15T03:45:24.624Z https://i.ytimg.com/vi/h39oZb2-7Xo/maxresdefault.jpg 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-first world. 🔥 Be the ~18,300th person to join our super tasty newsletter https://bit.ly/syntax_snackpack (00:00) Welcome to Syntax! (02:01) Knowing how to use AI (02:31) The idea behind “slop fork” (06:27) How to approach a project like this (07:53) Using markdown as a planning and thinking tool (12:35) Steve’s OpenCode setup (14:31) What agent browsers are and how they work (15:34) Where agent browsers fall short (19:02) Why agents work best with tight feedback loops (21:23) Dealing with poor code quality from AI (23:54) Brought to you by Sentry.io (24:19) Searching for a reliable AI workflow (25:54) What about security? (28:46) When it makes sense to port a framework vs switch (32:03) What an AI-first programming language might look like (33:16) TypeScript in an AI-driven workflow (35:36) Cloudflare and improving developer experience (38:10) Being excited and uneasy about where AI is heading (39:06) Which industries AI disrupts next (41:29) Sick picks + shameless plugs All links available at https://syntax.fm/988 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/h39oZb2-7Xo 2833 2026-03-18T11:01:18.000Z https://syntax.yabby.page/video/i-got-fired-what-should-i-focus-on 2026-10-15T03:45:24.628Z https://i.ytimg.com/vi/jPTXRgc2Qfg/maxresdefault.jpg I got fired, what should I focus on? In this potluck episode of Syntax, Wes and Scott answer your questions about maintaining popular open-source projects, where to start after a layoff, impostor syndrome, Scott’s recording setup, whether a computer science degree is still worth it in the age of AI, and more! 🔥 Be the ~14,700th person to join our super tasty newsletter https://bit.ly/syntax_snackpack (00:00) - Welcome to Syntax! (00:44) - Brought to you by Sentry.io (04:16) - How to maintain a successful NPM package (08:03) - What to do in Denver while attending Laracon (11:18) - How to branch out and learn new frameworks while balancing work life and family (15:55) - Built-in state management vs external state management (19:43) - Suggestion for CSS battles: Removing white space and new lines after the time limit? (23:06) - What is Scott's recording setup? (27:46) - Snake case vs camel case (31:16) - Have you ever had impostor syndrome? (34:56) - Is a degree worth it for computer science or machine learning? (38:41) - Should I use a reverse proxy server? (42:03) - Where to start when updating your webdev skillset (50:11) - Sick Picks + Shameless Plugs All links available at https://syntax.fm/916 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/jPTXRgc2Qfg 3505 2025-07-02T11:01:31.000Z https://syntax.yabby.page/video/sveltekit-has-solved-data-loading 2026-10-15T03:45:24.632Z https://i.ytimg.com/vi/U7ifCxAuuZE/maxresdefault.jpg SvelteKit has solved data loading! Scott and Wes break down SvelteKit’s new remote functions and why they finally solve the long-standing pain of page-level data in Svelte. They cover queries, forms, batching, caching, and all the clever RPC ergonomics that make Svelte’s approach feel surprisingly powerful and refreshingly simple 🔥 Be the ~14,700th person to join our super tasty newsletter https://bit.ly/syntax_snackpack Show Notes 00:00 Welcome to Syntax! 00:45 Lots of RPC library options. 01:22 Svelte’s Page-Level Data Always Felt Off 02:12 Progress on the new Syntax site. 03:47 Remote functions explained. 04:15 Make a .remote.ts file. 05:07 Querying data. 07:52 Brought to you by Sentry.io. 08:17 Svelte’s leg up on React. 10:13 Query Arguments. 11:39 The benefits of Standard Schema. 13:13 Refreshing Queries. 13:29 query.batch 15:18 Form function. 21:13 Enhance. 22:31 Refresh. 23:16 Command query. 24:25 Prerender. 25:22 Caching. 27:44 My Local Cache Service Worker. 31:23 Sick Picks + Shameless Plugs. All links available at https://syntax.fm/955 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/U7ifCxAuuZE 2177 2025-11-17T12:00:56.000Z https://syntax.yabby.page/video/llrt-the-serverless-runtime-w-richard-davison 2026-10-15T03:45:24.637Z https://i.ytimg.com/vi/DfY1_6uBdSE/maxresdefault.jpg LLRT the Serverless Runtime w/ Richard Davison Scott and Wes chat with Richard Davison from AWS about LLRT, a new runtime tailored specifically for Lambda. They dive into the benefits of using LLRT, challenges with JavaScript in serverless, and why Rust was chosen for its development. Show Notes 00:00 Welcome to Syntax! 01:07 Who is Richard Davison? 05:11 What is LLRT and what’s the motivation for building it? 08:25 AWS Lambda example. 11:20 What makes LLRT specifically tailored to Lambda? 14:55 Brought to you by Sentry.io. 15:22 Node.js in Lambda. 16:00 What are some challenges that people have with JavaScript in serverless? 17:20 Lambda memory configuration. 19:23 Managing cost of compute. 21:29 Simpler and faster than Node, Bun, Dino, but not a replacement. 22:31 The benchmarks. 27:00 Quick.js, the main reason for the performance gains. 28:03 The Quick.js engine. 30:35 What was the reason behind creating Quick.js? 33:46 What made you pick Rust for LLRT? 36:34 Abstractions and the value of speed. 39:08 The JIT Compiler. 42:38 Compile cache. 43:27 De-optimizations. 44:59 Node.js Compat, what to use and avoid with LLRT. 47:52 Will you target with WinterCG spec? 50:22 Streams API. 52:06 What about WebSockets? 53:10 Is this going to be promoted from a labs project? 54:49 Sick Picks + Shameless Plugs. All links available at https://syntax.fm/791 ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript https://www.youtube.com/embed/DfY1_6uBdSE 3401 2024-07-05T11:00:21.000Z https://syntax.yabby.page/video/drupal-8-basics-7-revisions-in-drupal 2026-10-15T03:45:24.644Z https://i.ytimg.com/vi/bUqjtF_jztw/maxresdefault.jpg Drupal 8 Basics #7 - Revisions In Drupal Learn how to use revisions in Drupal 8 in a course design for Drupal 8 beginners. Subscribe for more free tutorials https://goo.gl/6ljoFc, buy NEXT LEVEL CSS Animations & Transitions https://goo.gl/cGB30u Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e This Drupal 8 tutorial series shows users how to build websites with the very popular open source content management system Drupal 8. The world’s favorite open source content management platform just got better. Drupal 8 is the new standard for creating incredible digital experiences—for small businesses, global enterprises, and everything in between. Meet Drupal 8, a powerful new suite of tools, and the strongest link in your new content supply chain. Interact with countless applications, thanks to REST-first native web services. Use progressive decoupling to break free from back-end restrictions without sacrificing security and accessibility. Deliver faster, with enhanced entity caching and better integration with CDNs and reverse proxies. With Drupal 8, you can build almost any integrated experience you can imagine. https://www.youtube.com/embed/bUqjtF_jztw 178 2016-03-18T16:11:12.000Z https://syntax.yabby.page/video/the-state-of-javascript-2026 2026-10-15T03:45:24.650Z https://i.ytimg.com/vi/6fj1WC-JuQc/maxresdefault.jpg 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 ecosystem. From front-end frameworks and meta-framework pain points to JavaScript runtimes, hosting services, and the growing role of AI tools in developer workflows, this one’s packed with takes, tier lists, and plenty of opinions. 🔥 Be the ~18,300th person to join our super tasty newsletter https://bit.ly/syntax_snackpack Show Notes 00:00 Welcome to Syntax! 01:06 JavaScript Features, not overly interesting. 02:15 JavaScript Libraries popularity and usage over time. 07:52 Library Tier List. 10:55 Library Ratios Over Time. 13:09 Other Front-End Frameworks. 15:24 Meta-framework Ratios Over Time. 19:34 Meta-Framework Pain Points. 21:57 Backend Frameworks. 25:14 LLM Stack Suggestions. 27:54 Brought to you by Sentry.io. 30:37 Testing Frameworks. 33:15 Libraries Other Tools. 37:20 Utilities. 40:53 JavaScript Runtimes. 45:04 Hosting Services. 51:39 AI Tools. 54:16 AI Code Generation. 55:04 Awards. 01:00:19 Sick Picks & Shameless Plugs. All links available at https://syntax.fm/989 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/6fj1WC-JuQc 3845 2026-03-23T11:00:11.000Z https://syntax.yabby.page/video/the-internet-s-best-web-devs-compete-in-css-quarter-finals 2026-10-15T03:45:24.658Z https://i.ytimg.com/vi/YZZbc57DyQI/maxresdefault.jpg 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 @KevinPowell https://x.com/KevinJPowell https://www.kevinpowell.co/courses/ Josh Comeau @joshuawcomeau https://bsky.app/profile/joshwcomeau.com https://www.joshwcomeau.com/ Wes Bos @WesBos https://x.com/wesbos https://wesbos.com/courses Adam Argyle @AdamArgyleInk https://x.com/argyleink https://nerdy.dev/ Scott Tolinski @ScottTolinski https://x.com/stolinski Julia Miocene @julia_miocene https://bsky.app/profile/miocene.io Chris Coyier @ShopTalkShow https://x.com/chriscoyier https://codepen.io/ Kyle (Web Dev Simplified) @WebDevSimplified https://x.com/DevSimplified https://courses.webdevsimplified.com/ CJ @CodingGarden https://x.com/CodingGarden https://coding.garden/ 🔥 Be the ~18,300th person to join our super tasty newsletter https://bit.ly/syntax_snackpack ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/YZZbc57DyQI 1628 2026-03-20T14:00:06.000Z https://syntax.yabby.page/video/markdown-as-a-cms-is-a-bad-idea 2026-10-15T03:45:24.663Z https://i.ytimg.com/vi/lc0Nc2VkfIk/maxresdefault.jpg Markdown as a CMS is a bad idea In this potluck episode of Syntax, Wes and Scott answer your questions about keyboard shortcuts, choosing frameworks in the age of AI, markdown vs CMSs, backup strategies, moving countries for work, staying relevant as a developer, and more! 🔥 Be the ~17,800th person to join our super tasty newsletter https://bit.ly/syntax_snackpack Show Notes 00:00 Welcome to Syntax! 02:28 Do keyboard shortcuts actually improve productivity? 08:41 What is Error Lens, and why use it? 11:44 How Scott is using a Svelte 5 service worker 14:52 Does tech stack choice still matter with AI coding? 20:15 What stack should you choose for a greenfield SaaS? 22:38 What’s the right stack for a band website? 28:24 Is moving countries for work worth the tradeoff? 34:59 Brought to you by Sentry.io 36:16 How should you manage commits with AI tools? 40:50 Is programming still a good career in the AI era? 47:03 How should you back up large files and media? 53:29 What backup setup works for small teams and clients? 55:14 How should you store sensitive files safely? 58:07 Sick Picks + Shameless Plugs All links available at https://syntax.fm/964 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/lc0Nc2VkfIk 3786 2025-12-17T12:01:37.000Z https://syntax.yabby.page/video/remote-coding-agents 2026-10-15T03:45:24.667Z https://i.ytimg.com/vi/S916GQVhRb8/maxresdefault.jpg 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 sitting on your floor. They cover real-world use cases, environment setup, API key management, and the wild variety of interfaces that let agents work while you sleep. 🔥 Be the ~18,300th person to join our super tasty newsletter https://bit.ly/syntax_snackpack Show Notes 00:00 Welcome to Syntax! 03:14 Introduction to Remote Coding Agents 05:32 Practical Examples of Remote Agents 05:34 Website data grunt work. 07:48 Research assistant 08:57 Travel agent… agent 09:57 Where and When Remote Agents Run 10:43 Brought to you by Sentry.io 13:31 Where Remote Agents Run 19:14 CLI and User Interfaces for Remote Agents 24:53 Remote Development Environments 31:21 DIY Agents and Custom Solutions 36:09 The environment 38:08 Managing API Keys and Access 41:02 Web search All links available at https://syntax.fm/987 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/S916GQVhRb8 2836 2026-03-16T11:00:53.000Z https://syntax.yabby.page/video/css-components-tailwind-panda-scoped-modules-classes-variables-css-in-js-and-sprinkles 2026-10-15T03:45:24.673Z https://i.ytimg.com/vi/Y7fNBj_rhGE/maxresdefault.jpg CSS Components: Tailwind, Panda, Scoped, Modules, Classes, Variables, CSS-in-JS and Sprinkles! In this episode of Syntax, Wes and Scott talk about CSS components, including class-based components, CSS modules, scoped CSS, utility CSS, and CSS-in-JS strategies. They share their thoughts, what differentiates these approaches, and why you may (or may not) want to use them. Show Notes (00:00) - Welcome to Syntax! (01:30) - Brought to you by Sentry.io (02:11) - What makes a good CSS component system? (07:54) - Component vs part of a component (13:26) - CSS Modules (15:56) - Scoped CSS (21:07) - How is Panda different from style components? (25:30) - Utility CSS (31:08) - Utility Sprinkles (34:13) - CSS variables All links available at https://syntax.fm/806 ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript https://www.youtube.com/embed/Y7fNBj_rhGE 2258 2024-08-12T10:00:34.000Z https://syntax.yabby.page/video/10-tech-tapas-productivity-tips-vs-code-extensions-and-more 2026-10-15T03:45:24.680Z https://i.ytimg.com/vi/imwPaQiGvYs/maxresdefault.jpg 10 Tech Tapas: Productivity Tips, VS Code Extensions and MORE! In this video, CJ shows us a random assortment of tips, tools, apps and extensions that he uses daily. 00:00 Intro 00:30 Universal Keyboard Shortcuts 02:24 Take Breaks 03:13 DuckDuckGo Bang Commands 04:19 tldr CLI 05:14 Github Markdown Alerts 05:57 Github Markdown Diagrams 07:03 npm Types 07:44 Paste JSON as Code 09:02 Take Pictures of Code 09:52 Node.js Best Practices 10:29 Production Ready with Sentry 11:38 Thanks ------------------------------------------------------------------------------ Time Out Break Timer: https://www.dejal.com/timeout/ Stretchly Break Timer: https://hovancik.net/stretchly/ DuckDuckGo Bang Commands: https://duckduckgo.com/bangs tldr CLI: https://tldr.sh/ Github Markdown Alerts: https://github.com/orgs/community/discussions/16925 MermaidJS: https://mermaid.js.org/ Paste JSON as Code: https://marketplace.visualstudio.com/items?itemName=quicktype.quicktype CodeSnap: https://marketplace.visualstudio.com/items?itemName=adpyke.codesnap Node.js Best Practices: https://github.com/goldbergyoni/nodebestpractices Production Ready with Sentry: https://sentry.io/syntax ------------------------------------------------------------------------------ Hit us up on Socials! CJ: https://twitter.com/coding_garden / @CodingGarden Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry. Visit https://sentry.io/syntax to get your first 2 months free! #webdevelopment #webdeveloper #javascript #tips #productivity #apps https://www.youtube.com/embed/imwPaQiGvYs 730 2024-02-27T13:00:42.000Z https://syntax.yabby.page/video/cloudflare-analytics-engine-workers-more-with-ben-vinegar 2026-10-15T03:45:24.684Z https://i.ytimg.com/vi/p6JBv0tyu4I/maxresdefault.jpg Cloudflare Analytics Engine, Workers + more with Ben Vinegar Scott and Wes dive into Cloudflare's Analytics Engine and Workers with special guest Ben Vinegar, Syntax's General Manager. Tune in as they explore Clickhouse, data tracking, infrastructure costs, and transitioning from software products to managing a podcast. Show Notes 00:00 Welcome to Syntax! 01:17 Who is Ben Vinegar? Check out https://counterscale.dev/ 02:21 Brought to you by Sentry.io. 04:00 Cloudflare analytics engine. 09:08 What is clickhouse? 11:01 Can Clickhouse be used for things outside of analytics tracking? 13:46 What kind of events are you able to track? 15:00 How do you assign values to track? 18:40 Data type limitations. 19:55 The troubles with sampling data. 23:57 Sample intervals. 24:24 Pricing for these services. 25:34 How it actually runs. 27:31 Infrastructure costs and pricing models. 30:19 Running production apps in Cloudflare. 31:49 Cloudflare and HonoJS. 32:47 One year with Sentry and Ben's role with Syntax. 39:33 How does it feel going from a software project to a media project? 43:00 How do you sell Syntax to Sentry? 48:37 Sick Picks & Shameless Plugs All links available at https://syntax.fm/761 ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript https://www.youtube.com/embed/p6JBv0tyu4I 3122 2024-04-26T11:00:49.000Z https://syntax.yabby.page/video/is-tailwind-overrated-web-dev-hot-takes-typescript-docker-and-more 2026-10-15T03:45:24.688Z https://i.ytimg.com/vi/6p-7-rKrcpw/maxresdefault.jpg Is Tailwind overrated? Web Dev Hot Takes | TypeScript, Docker, and more Is Tailwind overrated? Should you be using Docker for development? In this episode, Scott, Wes, and CJ play Overrated / Underrated, where they debate whether popular web tech lives up to the hype. From No-Build setups to TypeScript, nothing is safe! Do you agree with their takes? Let us know in the comments! 🔥 Be the ~14,700th person to join our super tasty newsletter bit.ly/syntax_snackpack All links available at https://syntax.fm/870 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/6p-7-rKrcpw 1084 2025-02-14T13:23:00.000Z https://syntax.yabby.page/video/chrome-dev-tools-mcp-server 2026-10-15T03:45:24.693Z https://i.ytimg.com/vi/iO6TIDdfqSk/maxresdefault.jpg Chrome Dev Tools MCP Server Scott and Wes dive into Chrome’s new MCP server; a dev tools API powered by Puppeteer that gives your scripts, editors, and AI agents full access to Chrome. They break down how it works, what it can (and can’t) do, and how it might change debugging and automation for developers 🔥 Be the ~14,700th person to join our super tasty newsletter https://bit.ly/syntax_snackpack Show Notes 00:00 Welcome to Syntax! 01:15 Syntax San Francisco Meetup. 01:55 We need your Spooky Stories! 02:42 What is an MCP Server? 04:28 MCP servers are not only for code editors. 06:43 Brought to you by Sentry.io. 07:49 Dev Tools MCP is similar to Puppeteer. 09:20 Setting up an MCP Server. 11:36 Example of MCP with Dominos Pizza. 13:23 Accessing Dev tools from your editor. 14:23 In VS Code, you can “Open Link”. 15:22 Using the MCP server. 16:26 Chrome has Debug insights inside of chrome’s dev tools. 18:38 Real world things the Chrome MCP server can do. 18:43 Analyzing performance. 19:55 Taking screenshots. 21:17 Performance fix feedback loop. 22:33 Remote connecting browsers. 24:54 Browser-use. 25:18 What are the limitations? All links available at https://syntax.fm/945 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/iO6TIDdfqSk 1755 2025-10-13T11:01:20.000Z https://syntax.yabby.page/video/this-font-has-built-in-syntax-highlighting 2026-10-15T03:45:24.700Z https://i.ytimg.com/vi/JSsrrXut5VE/maxresdefault.jpg This Font Has Built-in Syntax Highlighting Read more here: https://blog.glyphdrawing.club/font-with-built-in-syntax-highlighting ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #font #webfont https://www.youtube.com/embed/JSsrrXut5VE 237 2024-08-15T17:58:19.000Z https://syntax.yabby.page/video/gitlab-ce-tutorial-2-a-tour-of-gitlab 2026-10-15T03:45:24.704Z https://i.ytimg.com/vi/LgY8XuoM8aU/maxresdefault.jpg GitLab CE Tutorial #2 - A Tour Of GitLab In this GitLab video tutorial, we checkout tour GitLab and see what the interface is like. Subscribe for more free tutorials https://goo.gl/6ljoFc, Buy this series with an extra video! https://goo.gl/A7drFW Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e Build together: GitLab includes Git repository management, code reviews, issue tracking, wikis, and more, plus GitLab CI, an easy-to-use continuous integration and deployment tool. Stay up-to-date: Collaborate with your team using issues, milestones, and line-by-line code review. View activity streams of projects or the people you work with. Plays well with others: GitLab seamlessly integrates with Slack, Hipchat, LDAP, JIRA, Jenkins, and many other popular tools. GitLab includes many webhooks and offers a complete API. GitLab Community Edition is open source and completely free to download. GitLab is powered by a community of more than 1,000 people. GitLab Enterprise Edition offers deeper LDAP and Active Directory integration, Jira and Jenkins integration, and much more. https://www.youtube.com/embed/LgY8XuoM8aU 573 2016-06-01T17:55:01.000Z https://syntax.yabby.page/video/is-ai-really-writing-half-of-coinbase-s-code 2026-10-15T03:45:24.709Z https://i.ytimg.com/vi/x7bsNmVuY8M/maxresdefault.jpg Is AI Really Writing Half of Coinbase's Code? Wes and Scott talk with Kyle Cesmat about how Coinbase is writing nearly half its code with AI—while keeping quality and security front and center. They dig into tools like Cursor and Claude Code, agent-driven workflows, code review challenges, and how AI is reshaping developer productivity without replacing developers. 🔥 Be the ~14,700th person to join our super tasty newsletter https://bit.ly/syntax_snackpack (00:00) Welcome to Syntax! (03:29) Defining and measuring “quality” at a large company (05:05) How AI-generated code is reviewed and shipped at Coinbase (07:35) A developer’s workflow using AI—from ticket to production (10:30) Standard vs. team-specific tools for AI development (12:55) Using MCP servers to power internal AI workflows (14:42) MCP vs. custom agent integrations (17:16) What kinds of code AI is writing at Coinbase (19:48) Which languages and tasks does AI handle best? (21:21) Getting AI to follow existing code conventions (24:36) Brought to you by Sentry.io (25:01) How AI affects hiring, velocity, and developer focus (28:16) AI’s role in speeding up code reviews (31:28) The most valuable AI tool in Coinbase’s stack (33:48) Managing AI costs and model choices (35:10) Security considerations for using external AI models (37:04) How often Coinbase tunes and adjusts its AI systems (39:26) Using AI to write code vs. embedding AI in customer-facing features (42:29) Kyle’s big-picture take on AI as a tool—not a magic bullet (44:33) The future of hiring engineers with their own “backpack” of agents (45:53) Sick Picks + Shameless Plugs All links available at https://syntax.fm/944 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/x7bsNmVuY8M 2946 2025-10-08T11:01:47.000Z https://syntax.yabby.page/video/gitlab-ce-tutorial-8-groups-private-group-repos 2026-10-15T03:45:24.713Z https://i.ytimg.com/vi/J2tuyz8PkHo/maxresdefault.jpg GitLab CE Tutorial #8 - Groups & Private Group Repos In this GitLab video tutorial, we setup groups and group permissions. Subscribe for more free tutorials https://goo.gl/6ljoFc, Buy this series with an extra video! https://goo.gl/A7drFW Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e Build together: GitLab includes Git repository management, code reviews, issue tracking, wikis, and more, plus GitLab CI, an easy-to-use continuous integration and deployment tool. Stay up-to-date: Collaborate with your team using issues, milestones, and line-by-line code review. View activity streams of projects or the people you work with. Plays well with others: GitLab seamlessly integrates with Slack, Hipchat, LDAP, JIRA, Jenkins, and many other popular tools. GitLab includes many webhooks and offers a complete API. GitLab Community Edition is open source and completely free to download. GitLab is powered by a community of more than 1,000 people. GitLab Enterprise Edition offers deeper LDAP and Active Directory integration, Jira and Jenkins integration, and much more. https://www.youtube.com/embed/J2tuyz8PkHo 261 2016-07-25T17:13:14.000Z https://syntax.yabby.page/video/complex-schema-design-with-drizzle-orm-common-patterns 2026-10-15T03:45:25.328Z https://i.ytimg.com/vi/vLze97zZKsU/maxresdefault.jpg Complex Schema Design with Drizzle ORM | Common Patterns In this video CJ shows how he used drizzle to implement a complex DB structure to represent a food delivery service called bytedash. He shows how to setup the project, how to create schemas, how to seed the DB with related data and how to query the DB with deeply nested relationships. View the DB diagram here: https://dbdocs.io/w3cj/bytedash?schema=public&view=relationships View the code here: https://github.com/w3cj/bytedash Read the drizzle docs: https://orm.drizzle.team/ Listen to Wes and Scott talk about how they use Drizzle in their apps: https://syntax.fm/show/721/you-should-learn-drizzle-the-typescript-sql-orm 00:00 Intro 03:30 Drizzle: A Different Kind of ORM 04:37 Codebase Intro / Setup 07:51 Database Structure High Level Overview 09:20 Drizzle Studio Setup 12:06 Creating the Schema with Drizzle 14:10 Drizzle Foreign Key Constraints 14:45 Drizzle Composite Key Constraints 15:19 Drizzle Index Constraints 16:38 Drizzle Migration Setup 23:18 Seeding the Database with Drizzle 32:38 Querying the Database with Drizzle 34:45 Related Queries with Drizzle 35:39 Creating Table Relations 37:18 Drizzle Generated SQL Queries 38:51 Drizzle Join Query 40:34 Nested Where Queries with Drizzle 44:00 Final Thoughts on Drizzle ------------------------------------------------------------------------------ Hit us up on Socials! https://www.syntax.fm/links Brought to you by Sentry - Use code "tastytreats" to get 2 months free - https://sentry.io/syntax #database #typescript #webdevelopment https://www.youtube.com/embed/vLze97zZKsU 2755 2024-05-04T12:00:50.000Z https://syntax.yabby.page/video/how-we-built-a-netflix-style-save-for-offline-feature-into-syntax 2026-10-15T03:45:25.333Z https://i.ytimg.com/vi/ynuAaDf_bz4/maxresdefault.jpg How We Built a Netflix Style “Save for Offline” Feature Into Syntax Scott and Wes dive into the world of browser caching for audio files, exploring the File System API and the Cache API. They discuss size restrictions across different browsers, how tools like Riverside.fm leverage IndexedDB, and walk through code examples for creating, retrieving, and managing cached audio data. Show Notes 00:00 Welcome to Syntax! 02:07 Brought to you by Sentry.io. 02:33 The file system API. 03:08 The Cache API. 04:24 Size restrictions per browser. 07:04 How tools like Riverside.fm use IndexedDB. 08:47 Data eviction (too much data). 10:16 What we’re using it for and how. 12:17 How do we do this in code? 14:37 Creating the cache. 16:18 Retrieving from cache manually. 19:00 Adding metadata. 19:37 A live debugging. 22:39 Persistent storage. 26:10 Media score. All links available at https://syntax.fm/783 ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript https://www.youtube.com/embed/ynuAaDf_bz4 1867 2024-06-17T11:00:51.000Z https://syntax.yabby.page/video/drupal-8-basics-15-how-to-have-nice-urls-in-drupal-8 2026-10-15T03:45:25.337Z https://i.ytimg.com/vi/F0kD-tajshM/maxresdefault.jpg Drupal 8 Basics #15 - How To Have Nice URLs in Drupal 8 Learn how to have nice urls in Drupal 8 in a course design for Drupal 8 beginners. Subscribe for more free tutorials https://goo.gl/6ljoFc, buy NEXT LEVEL CSS Animations & Transitions https://goo.gl/cGB30u Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e This Drupal 8 tutorial series shows users how to build websites with the very popular open source content management system Drupal 8. The world’s favorite open source content management platform just got better. Drupal 8 is the new standard for creating incredible digital experiences—for small businesses, global enterprises, and everything in between. Meet Drupal 8, a powerful new suite of tools, and the strongest link in your new content supply chain. Interact with countless applications, thanks to REST-first native web services. Use progressive decoupling to break free from back-end restrictions without sacrificing security and accessibility. Deliver faster, with enhanced entity caching and better integration with CDNs and reverse proxies. With Drupal 8, you can build almost any integrated experience you can imagine. https://www.youtube.com/embed/F0kD-tajshM 209 2016-04-27T19:44:29.000Z https://syntax.yabby.page/video/developing-redwoodsdk-and-latency-in-rural-communities 2026-10-15T03:45:25.344Z https://i.ytimg.com/vi/XjRO2B5uGSA/maxresdefault.jpg Developing RedwoodSDK and latency in rural communities 🔥 Be the ~15,700th person to join our super tasty newsletter https://bit.ly/syntax_snackpack All links available at https://syntax.fm/902 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev #rredwoodjs #redwoodsdk #cloudflare #syntaxfm #cloudflare #react #framework https://www.youtube.com/embed/XjRO2B5uGSA 40 2025-05-22T21:35:24.000Z https://syntax.yabby.page/video/modern-svelte-kit-complete-svelte-kit-course-for-beginners 2026-10-15T03:45:25.349Z https://i.ytimg.com/vi/vkXxFfGwPao/maxresdefault.jpg Modern Svelte Kit - Complete Svelte Kit Course for Beginners In this video Scott covers everything you need to know about building modern full stack svelte kit applications, including SvelteKit, Drizzle and Better Auth. View the code here: https://github.com/stolinski/Modern-Svelte-Kit-Tutorial 0:00 - Intro 1:23 - Creating a SvelteKit project 5:27 - Looking at the default project structure 12:05 - Enabling Remote Functions & Async 14:28 - Starting the DB & dev server 15:38 - Routing 19:05 - Adding Better Auth & Graffiti 32:04 - Sign Up Page 48:02 - Hooks/Middleware 53:30 - Add Better Auth middleware 56:50 - .server.ts files 1:01:51 - Auth guards (+ locals) 1:12:45 - Adding an Admin Section (+ Drizzle schema) 1:18:50 - First Remote Function 1:25:27 - Mutations in Remote Functions 1:36:03 - Connecting it to a form 1:44:17 - Detour: Server Endpoints 1:49:10 - Add a "New Post" button 1:50:42 - Editing posts (+ parameterized routes) 2:01:46 - Adding post list & post detail pages (challenge) 2:02:20 - CSS 2:04:53 - Adding Sentry 2:08:25 - instrumentation.server.ts file 2:09:43 - More on hooks 2:12:09 - Service Workers 2:12:55 - Link Options 2:15:29 - Advanced Routing 2:19:22 - Deploying 2:21:50 - Demo app improvements (header & link styles) 2:24:44 - Adding session info/logout 2:32:57 - Login page (+ Remote Function .refresh()) 2:37:07 - User roles (+ styling improvements) 2:47:47 - Adding post list and post detail pages 2:53:45 - Adding View Transitions 2:58:34 - Thanks! ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #svelte #typescript #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/vkXxFfGwPao 10877 2025-12-18T14:10:34.000Z https://syntax.yabby.page/video/our-css-tooling-stack-explained-syntax-fm-dev-log 2026-10-15T03:45:25.356Z https://i.ytimg.com/vi/B5I5NDJrOy4/maxresdefault.jpg Our CSS Tooling Stack Explained - Syntax.fm Dev Log Follow the development of our new site here: https://github.com/syntaxfm/website/tree/v_3 and https://github.com/orgs/syntaxfm/projects/11 🔥 Be the ~14,700th person to join our super tasty newsletter bit.ly/syntax_snackpack All links available at https://syntax.fm/870 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/B5I5NDJrOy4 1058 2025-04-22T13:29:10.000Z https://syntax.yabby.page/video/1-introduction-to-testing-with-jest-react-testing-for-beginners 2026-10-15T03:45:25.361Z https://i.ytimg.com/vi/D9DdY2WmM-s/maxresdefault.jpg #1 Introduction To Testing With Jest - React Testing For Beginners In this series we demystify React testing for beginners. We show you how to test React components using Jest & React Testing Library. No prior testing experience necessary. ### Video Links Buy React Testing For Beginners: https://www.leveluptutorials.com/store/products/tutorials/lut-dd026 Become a Pro: https://www.leveluptutorials.com/pro ### Affiliate Links Please use these links when signing up for services to help support Level Up. Easy Hosting with Netlify: https://goo.gl/pychVP Shared Web Hosting: https://goo.gl/pfC6uc ### Level Up Links Syntax Podcast ft Scott Tolinski & Wes Bos: https://goo.gl/7jDDxX Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz Developer Ready Complete and ready to set-up JavaScript testing solution. Works out of the box for any React project. Instant Feedback Fast interactive watch mode runs only test files related to changed files and is optimized to give signal quickly. Snapshot Testing Capture snapshots of React trees or other serializable values to simplify testing and to analyze how state changes over time. Zero configuration testing platform Jest is used by Facebook to test all JavaScript code including React applications. One of Jest's philosophies is to provide an integrated "zero-configuration" experience. We observed that when engineers are provided with ready-to-use tools, they end up writing more tests, which in turn results in more stable and healthy code bases. https://www.youtube.com/embed/D9DdY2WmM-s 719 2018-09-12T17:17:43.000Z https://syntax.yabby.page/video/4-menu-actions-dev-tools-level-1-electron 2026-10-15T03:45:25.368Z https://i.ytimg.com/vi/HJb2LC2ywVQ/maxresdefault.jpg #4 Menu Actions & Dev Tools - Level 1 Electron Build cross platform desktop apps with JavaScript, HTML, and CSS In this series we explore Electron by building a beautiful journaling app using React. The application we build reads, writes and creates markdown files and even implements auto saving. Explore the platform that's allowing web developers to create real world app like VSCode, Slack, Hyper, Skype, Figma and countless others! ### Video Links Buy Level 1 Electron: https://www.leveluptutorials.com/store/products/tutorials/lut-dd024 Become a Pro: https://www.leveluptutorials.com/pro Watch on Level Up: https://www.leveluptutorials.com/tutorials/level-1-electron ### Affiliate Links Please use these links when signing up for services to help support Level Up. Easy Hosting with Netlify: https://goo.gl/pychVP Shared Web Hosting: https://goo.gl/pfC6uc ### Level Up Links Syntax Podcast ft Scott Tolinski & Wes Bos: https://goo.gl/7jDDxX Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz https://www.youtube.com/embed/HJb2LC2ywVQ 650 2018-08-07T16:24:38.000Z https://syntax.yabby.page/video/we-re-replacing-prettier-and-eslint-with-biome-for-syntax-3-0 2026-10-15T03:45:25.374Z https://i.ytimg.com/vi/UypYYhcHTuU/maxresdefault.jpg We're replacing Prettier and ESLint with Biome for Syntax 3.0 🔥 Be the ~14,700th person to join our super tasty newsletter bit.ly/syntax_snackpack All links available at https://syntax.fm/870 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #webdev #WebDev #JavaScript #syntaxfm #prettier #biome #eslint https://www.youtube.com/embed/UypYYhcHTuU 45 2025-03-31T21:11:15.000Z https://syntax.yabby.page/video/s-tier-mcp-servers-for-developers 2026-10-15T03:45:25.381Z https://i.ytimg.com/vi/5az_4IwTwAE/maxresdefault.jpg S-Tier MCP Servers for Developers Scott and Wes break down the top-tier MCP servers developers are using right now. From browser automation to debugging superpowers, they explore how these servers are changing what’s possible in modern dev workflows 🔥 Be the ~14,700th person to join our super tasty newsletter https://bit.ly/syntax_snackpack Show Notes 00:00 Welcome to Syntax! 01:52 Brought to you by Sentry.io. 02:46 Submit your Spooky Stories! 03:37 Syntax San Francisco Meetup. 04:11 S-Tier MCP Servers. 04:17 Sentry MCP Server (not sponsored). 05:01 Pause, what the heck is an MCP server. 05:45 Back to the Sentry MCP. 07:07 Spotlight JS. 09:08 ElevenLabs MCP hack. 11:19 Docs Tools. 11:29 Context7. 15:55 GitHub MCP Registry. 16:10 Nuxt MCP Server. 16:25 Svelte MCP Server. 20:35 Cloudflare MCP Servers. 22:34 Chrome Dev Tools (Playwright) MCP Server. 25:17 Stripe MCP Server. 27:55 Mastra. All links available at https://syntax.fm/947 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/5az_4IwTwAE 1976 2025-10-20T11:00:09.000Z https://syntax.yabby.page/video/standard-schema-makes-working-across-different-libraries-so-easy 2026-10-15T03:45:25.385Z https://i.ytimg.com/vi/QTpH0tUWQt0/maxresdefault.jpg standard schema makes working across different libraries so easy 🔥 Be the ~14,700th person to join our super tasty newsletter bit.ly/syntax_snackpack All links available at https://syntax.fm/873 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/QTpH0tUWQt0 65 2025-02-04T17:10:55.000Z https://syntax.yabby.page/video/a-quick-refresher-on-schemas 2026-10-15T03:45:25.389Z https://i.ytimg.com/vi/mgah2OP4rlg/maxresdefault.jpg a quick refresher on schemas 🔥 Be the ~14,700th person to join our super tasty newsletter bit.ly/syntax_snackpack All links available at https://syntax.fm/873 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev #schemas #data #datavalidation https://www.youtube.com/embed/mgah2OP4rlg 56 2025-02-03T22:55:01.000Z https://syntax.yabby.page/video/rss-is-dead 2026-10-15T03:45:25.393Z https://i.ytimg.com/vi/epQr2kF-1bU/maxresdefault.jpg RSS is dead 🔥 Be the ~14,700th person to join our super tasty newsletter bit.ly/syntax_snackpack All links available at https://syntax.fm/872 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev #rss https://www.youtube.com/embed/epQr2kF-1bU 68 2025-01-30T16:54:04.000Z https://syntax.yabby.page/video/5-new-features-in-typescript-5-5 2026-10-15T03:45:25.397Z https://i.ytimg.com/vi/0iX4SK-jbhE/maxresdefault.jpg 5 NEW Features in TypeScript 5.5 In this video CJ shows 5 of his favorite new features coming to TypeScript 5.5 00:00 Intro 00:09 Inferred Type Predicates 01:10 Improved Indexed Access 02:30 Type Imports in JSDoc 03:12 New Set Methods 03:49 configDir Template Variable 04:39 When can I use this? 5.5 RC Announcement | https://devblogs.microsoft.com/typescript/announcing-typescript-5-5-rc/ TypeScript Type Predicates | https://www.typescriptlang.org/docs/handbook/2/narrowing.html#using-type-predicates Control flow analysis for element access with variable index| https://github.com/microsoft/TypeScript/pull/57847 TC39 Proposal Set Methods | https://github.com/tc39/proposal-set-methods Set Methods on MDS | https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Set TypeScript 5.5 Iteration Plan | https://github.com/microsoft/TypeScript/issues/57475 ------------------------------------------------------------------------------ Hit us up on Socials! https://www.syntax.fm/links Brought to you by Sentry - Use code "tastytreats" to get 2 months free - https://sentry.io/syntax #typescript #javascript #webdevelopment https://www.youtube.com/embed/0iX4SK-jbhE 301 2024-06-11T17:48:54.000Z https://syntax.yabby.page/video/13-new-css-features-you-can-start-using-today 2026-10-15T03:45:25.401Z https://i.ytimg.com/vi/6BjvBxilIE8/maxresdefault.jpg 13 New CSS Features You Can Start Using Today Wes and Scott talk about underrated but game-changing new CSS features like shape(), zoom, text-wrap, scroll bar styling, content-visibility, and more—many of which are now supported across modern browsers and ready for real-world use without fallbacks. 🔥 Be the ~14,700th person to join our super tasty newsletter bit.ly/syntax_snackpack (00:00) - Welcome to Syntax! (01:38) - Shape (08:06) - Zoom (12:04) - Scrollbar styling (15:40) - Text-wrap (19:42) - Media Query Range Syntax (23:35) - Brought to you by Sentry.io (23:35) - Content-visibility (35:06) - Text Emphasis (37:04) - Relative Color (39:12) - Round, rem, and mod (44:14) - contenteditable="plaintext-only" (46:48) - Align-content (48:16) - Starting-style (50:26) - User-valid or user-invalid (53:20) - Sick Picks + Shameless Plugs All links available at https://syntax.fm/900 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/6BjvBxilIE8 3461 2025-05-07T11:00:24.000Z https://syntax.yabby.page/video/svelte-3d-course-drop-party 2026-10-15T03:45:25.408Z https://i.ytimg.com/vi/LATf_lVYoMQ/maxresdefault.jpg Svelte 3D Course Drop Party TLDR Casual event to learn about Level Up Tutorials' latest series from Scott Tolinski himself. EVENT DETAILS Come hang out while we chat about our most recent tutorial series drop. Scott Tolinski, founder of Level Up Tutorials and co host of Syntax.fm podcast, authored this month's tutorial series on Svelte Cubed. In this course he'll mentor us through using a Three.js wrapper for Svelte that greatly simplifies making 3D canvases in the browser using WebGL. who is this event for? Everyone, really. But especially those who are interested in taking your Svelte skills to the next level. But it'll be pretty chill, so grab your favorite drink and hang out with us anyway. what will I learn? - All about the new course on Svelte 3D - Why the topic was chosen and how the curriculum was written - What you'll learn in the series - A bit about Scott Tolinski and Level Up Tutorials why should I come? - You'll learn everything you need to know about our latest course and get your questions answered by the author - Spend a little time with the LUT team and other members of our fun community - Who knows, you might just win some free stuff loose agenda (EST): 4:00 - 4:05 kickoff, welcome and intros 4:05 - 4:30 Scott talks about the course 4:30 - 4:50 q&a about the course 4:50 - 5:00 hang out and party on who the heck is Scott Tolinski? Scott Tolinski is the creator of Level Up Tutorials and the co-host of the widely popular tech podcast, Syntax.fm. He lives in Denver, CO with his two adorable children, his beautiful and successful wife, Dr. Courtney Tolinski, and two dogs (one has dreadlocks… check his instagram if you don't believe me). Attend the event to learn more. what is Level Up Tutorials? Modern Web Development Training Made Easy: Cutting-edge, high quality video tutorials for web developers and designers. Created in 2012 to address the lack of online web development learning materials, Level Up Tutorials now has over 130 tutorial series to help you become a better developer or designer. With a focus on modern https://www.youtube.com/embed/LATf_lVYoMQ 2856 2022-03-03T21:59:56.000Z https://syntax.yabby.page/video/zero-sync-makes-local-first-easy 2026-10-15T03:45:25.412Z https://i.ytimg.com/vi/hAxdOUgjctk/maxresdefault.jpg Zero Sync Makes Local First Easy Zbugs Demo: https://bugs.rocicorp.dev/ Zero Docs: https://zero.rocicorp.dev/docs/introduction Drop In Zero: https://github.com/stolinski/drop-in 👉 Join the exclusive newsletter - https://syntax.fm/snackpack ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript https://www.youtube.com/embed/hAxdOUgjctk 979 2024-12-20T13:00:58.000Z https://syntax.yabby.page/video/is-cursor-ai-the-vs-code-killer 2026-10-15T03:45:25.416Z https://i.ytimg.com/vi/0V7RePtB33g/maxresdefault.jpg Is Cursor AI the VS Code Killer Scott and Wes serve up a discussion on AI coding assistants with a deep look at Cursor AI, exploring its unique features like multi-line auto-complete and Smart Rewrites. They also discuss why Cursor’s intuitive UI stands out and tackle the big question: is it worth the investment? Show Notes 00:00 Welcome to Syntax! 01:16 Brought to you by Sentry.io. 01:48 Handling objections around AI assistants. 02:55 Context windows and how they're improving functionality. 04:08 Cursor's UI. 04:51 This is cool, why is it not a plugin? 08:12 What makes the UI interesting. 09:13 Smart Rewrites. 11:44 It can create multiple files. 13:05 Using the chat interface. 16:32 Another chat example. 20:22 The main features of Cursor. 21:55 Multi-line auto-complete. 23:55 Using docs for additional context. 27:26 AI is here to help you, not replace you. 33:27 Is it worth it? 33:55 The pricing. 44:10 Sick Picks & Shameless Plugs. All links available at https://syntax.fm/823 ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript https://www.youtube.com/embed/0V7RePtB33g 3039 2024-09-18T11:00:01.000Z https://syntax.yabby.page/video/spooky-web-dev-horror-stories-part-2 2026-10-15T03:45:25.420Z https://i.ytimg.com/vi/oOFrLNItiX8/maxresdefault.jpg Spooky Web Dev Horror Stories - PART 2 Scott and Wes continue to share hair-raising developer horror stories submitted by listeners. From accidentally severing access to crucial databases to a limitless coupon code that cost millions, these tales will have you on the edge of your seat. Tune in for more wild mishaps, close calls, and hard-learned lessons from the dark side of coding. You won’t want to miss this second round of spooky web dev stories! Show Notes 00:00 Welcome to Syntax! 00:49 Brought to you by Sentry.io. 01:32 ‘Monkey Business’ 03:21 ‘Spooky Integration Bug’ 06:25 ‘Worst Case Wake Up’ 08:57 ‘Severed Trunk and Missing Backups’ 11:21 ‘Brute Force Too Brutal’ 12:30 ‘A Dorm Room Bee Movie’ 15:46 ‘No Goats’ 16:45 ‘Pokémon Problems’ 18:08 ‘Late Night’ 22:21 ‘Bootcamp Bungle’ 26:19 ‘Film School F*** Up’ 30:26 ‘AWS Clusterf***’ 31:26 ‘Limitless Coupon Disaster’ 33:55 ‘Ruined Vacation’ 35:47 ‘Console.swear’ 37:28 ‘Another Coupon Disaster’ 40:46 ‘The Doctor’ 43:01 ‘Marketing Nightmare’ 45:10 What did we learn this year? 45:12 You need processes. 48:42 Ask for help. 49:44 Dry-run queries + soft delete. 51:14 Code reviews. 52:11 Version control. 53:58 Sick Picks + Shameless Plugs. All links available at https://syntax.fm/841 ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript https://www.youtube.com/embed/oOFrLNItiX8 3485 2024-10-30T11:01:07.000Z https://syntax.yabby.page/video/web-components-can-t-save-us-with-scott-jehl 2026-10-15T03:45:25.424Z https://i.ytimg.com/vi/SGFx71uNbe4/maxresdefault.jpg Web Components Can’t Save Us with Scott Jehl Scott and Wes talk with Scott Jehl about the benefits, challenges, and use cases of web components, particularly in design systems and performance. 👉 Join the exclusive newsletter - https://syntax.fm/snackpack (00:00) - Welcome to Syntax! (00:55) - Scott's background and career (06:46) - An overview of web components (09:06) - Why should people care about web components? (13:16) - Should you write your own web components? (14:33) - Reactivity in web components (15:56) - DOM parts (22:08) - Brought to you by Sentry.io (22:33) - CSS custom properties (24:28) - Responsive video (28:27) - The polyfill use case (30:55) - Shadow DOM challenges (36:04) - Web components in design systems (41:58) - How are people using web components? (43:25) - Web components and server-side rendering (45:00) - Scott's thoughts on build tools (47:33) - Sick Picks & Shameless Plugs All links available at https://syntax.fm/848 ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript https://www.youtube.com/embed/SGFx71uNbe4 3079 2024-11-15T12:00:38.000Z https://syntax.yabby.page/video/does-javascript-loop-performance-matter 2026-10-15T03:45:25.431Z https://i.ytimg.com/vi/kN7TuNCv9Wk/maxresdefault.jpg Does JavaScript loop performance matter? tools over rules https://www.youtube.com/embed/kN7TuNCv9Wk 144 2024-12-17T16:56:51.000Z https://syntax.yabby.page/video/light-and-dark-mode 2026-10-15T03:45:25.435Z https://i.ytimg.com/vi/SrDQyiaf9ls/maxresdefault.jpg Light and Dark Mode Light mode? Dark mode? Scott and Wes break down the best ways to implement theme switching in CSS, from prefers-color-scheme to manual overrides. Plus, tips on handling shadows, icons, and the dreaded flash of dark mode! 🔥 Be the ~14,700th person to join our super tasty newsletter bit.ly/syntax_snackpack Show Notes 00:00 Welcome to Syntax! 01:05 Brought to you by Sentry.io. 02:06 Light and dark mode, things to consider. 02:31 Light and dark mode from scratch. 04:41 Calculations vs assigned color. 05:32 color-mix and relative color. 08:15 Foreground and background variables. 09:13 Setting color scheme. 12:38 light-dark function in CSS. 15:48 Manually setting dark mode. 18:43 The challenges with shared caching. 19:33 Tailwind CSS implementation. 19:52 Shoehorning in dark mode. 22:25 Other things to consider. 22:28 Color contrast. 24:39 Logos. 25:22 Icons and images. 26:20 Accessibility. All links available at https://syntax.fm/891 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/SrDQyiaf9ls 1648 2025-04-07T11:00:42.000Z https://syntax.yabby.page/video/goodbye-array-reduce 2026-10-15T03:45:25.441Z https://i.ytimg.com/vi/1bfK1EswPUY/maxresdefault.jpg Goodbye Array .reduce Reduce your reduce use with Object.groupBy() and Map.groupBy() https://www.youtube.com/embed/1bfK1EswPUY 235 2024-12-16T20:20:59.000Z https://syntax.yabby.page/video/is-sketch-better-than-figma 2026-10-15T03:45:25.446Z https://i.ytimg.com/vi/_Eu48iKZ_G0/maxresdefault.jpg is Sketch better than Figma? ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #sketch #figma https://www.youtube.com/embed/_Eu48iKZ_G0 33 2024-09-12T18:38:06.000Z https://syntax.yabby.page/video/compass-tutorials-8-base-scss-and-horizontal-lists 2026-10-15T03:45:25.450Z https://i.ytimg.com/vi/AI_V1i8O4V4/maxresdefault.jpg Compass Tutorials #8 - Base.scss and Horizontal Lists This is the 8th tutorial in the Compass series. This tutorial covers how to use a _base.scss file in your Compass to keep your mixins and variables accessible. Also this tutorial shows you how to quickly turn a UL into a horizontal list with the @include horizontal-list; https://www.youtube.com/embed/AI_V1i8O4V4 253 2012-04-02T23:25:32.000Z https://syntax.yabby.page/video/copyparty-is-blowing-our-minds 2026-10-15T03:45:25.453Z https://i.ytimg.com/vi/aFv10PX5APs/maxresdefault.jpg Copyparty is blowing our minds 🔥 Be the ~16,700th person to join our super tasty newsletter https://bit.ly/syntax_snackpack All links available at https://syntax.fm/927 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev #copyparty #fileserver #python https://www.youtube.com/embed/aFv10PX5APs 101 2025-08-12T21:16:35.000Z https://syntax.yabby.page/video/css-is-getting-mixins-functions 2026-10-15T03:45:25.460Z https://i.ytimg.com/vi/MwXht_lBcHo/maxresdefault.jpg CSS is Getting Mixins + Functions Scott and Wes chomp through CSS Mixins and Functions, discussing the latest features making their way into CSS. From Tailwind-like classes to fluid typography, join us as we explore the possibilities and practical applications of these new tools. Show Notes 00:00 Welcome to Syntax! 01:24 Brought to you by Sentry.io 03:00 CSS Is getting Functions and Mixins! 06:19 Functions and mixins, how are they different? 07:26 Don't get hung up on the syntax, or maybe do. 09:12 CSS Functions. 12:02 Some use-cases. 15:58 CSS Mixins. 16:31 Tailwind-like classes. 17:53 Tailwind-like arbitrary syntax. 20:08 Fluid typography. 21:13 Let's talk about logic. All links available at https://syntax.fm/756 ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript https://www.youtube.com/embed/MwXht_lBcHo 1541 2024-04-15T11:00:14.000Z https://syntax.yabby.page/video/a-camp-for-your-cursor 2026-10-14T14:15:16.785Z https://i.ytimg.com/vi/qoMzaxbEIu8/maxresdefault.jpg a camp for your cursor a camp for your cursor https://www.youtube.com/embed/qoMzaxbEIu8 71 2026-04-29T17:37:43.000Z https://syntax.yabby.page/video/coding-with-grok 2026-10-12T20:15:16.528Z https://i.ytimg.com/vi/vApm1YqadSw/maxresdefault.jpg coding with GROK?? Ok who out there was coding with Grok?? https://www.youtube.com/embed/vApm1YqadSw 56 2026-04-24T17:31:10.000Z https://syntax.yabby.page/video/how-the-best-css-devs-prep-for-a-1-1-coding-battle 2026-10-15T03:45:25.464Z https://i.ytimg.com/vi/y13CxFqtonY/maxresdefault.jpg 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 https://www.youtube.com/embed/y13CxFqtonY 108 2026-03-26T16:33:57.000Z https://syntax.yabby.page/video/the-best-css-developer-the-whole-world 2026-10-15T03:45:25.468Z https://i.ytimg.com/vi/64ceZF3RdDU/maxresdefault.jpg THE BEST CSS DEVELOPER THE WHOLE WORLD? It all comes down to this. Two devs. One championship. Final airs Thursday at 10AM EST. https://www.youtube.com/embed/64ceZF3RdDU 38 2026-04-01T19:38:12.000Z https://syntax.yabby.page/video/round-1-of-march-madcss-is-here 2026-10-15T03:45:25.472Z https://i.ytimg.com/vi/B8e2cHHKBTM/maxresdefault.jpg Round 1 of March MadCSS is here The first round of March MadCSS premieres in ONE HOUR at 10am ET. Head over to our channel to tune in. Jason Lengstorf VS Kyle Cook Adam Wathan VS Julia Miocene Chris Coyier VS Bree Hall Scott Tolinski VS Shaundai Person https://www.youtube.com/embed/B8e2cHHKBTM 39 2026-03-06T14:01:27.000Z https://syntax.yabby.page/video/this-is-how-to-expose-your-apps-to-ai-webmcp-2 2026-10-15T03:45:25.479Z https://i.ytimg.com/vi/d2B009ZTDxY/maxresdefault.jpg THIS is how to expose your apps to AI: WebMCP THIS is how to expose your apps to AI: WebMCP https://www.youtube.com/embed/d2B009ZTDxY 107 2026-02-18T14:30:25.000Z https://syntax.yabby.page/video/a-look-back-at-web-dev-in-2025 2026-10-15T03:45:25.487Z https://i.ytimg.com/vi/-f2ql_aGIbs/maxresdefault.jpg A Look Back at Web Dev in 2025 Wes and Scott revisit their 2025 web development predictions, grading hits and misses across AI, browsers, frameworks, CSS, and tooling. From Temporal and AI coding agents to React, Vite, and vanilla CSS, they reflect on what actually changed, what stalled, and what it all means heading into 2026.🔥 Be the ~18,300th person to join our super tasty newsletter https://bit.ly/syntax_snackpack (00:00) Welcome to Syntax! (01:26) Temporal API will ship in the browser (03:33) On-device AI becomes common (06:14) WebGPU unlocks fast local machine learning (07:10) Models will plateau (13:27) Text to UI tools get really good (16:25) Framework choice will matter less (18:53) Web components in Standard Stack, Web Awesome takes off (21:37) AI browsers and Copilot Workspace-style tools will become normal (22:56) AI browsers will become inevitable, OpenAI will launch a browser (27:51) Relative color will feel fully “safe to use” (29:02) Vanilla CSS will make a comeback (30:33) Brought to you by Sentry.io (30:58) CSS mixins and functions spec solidifies (33:25) Container style queries will ship everywhere (35:40) Vertical centering jokes will stubbornly persist (36:20) VS Code will reach feature parity with Cursor (38:47) More VS Code forks will appear (39:46) React Compiler drops Babel (40:34) React server components will pop (42:17) Remix re-emerges as something new (43:17) React Native will have its time (44:21) TanStack Start and Tanstack will pop (45:46) SvelteKit gets more granular data loading (46:06) Local first apps will take off (46:43) Bun keeps doing “wild but loved” non-standard features,  Bun will launch a platform-as-a-service (48:22) Vite stays king (51:07) Laravel will release a CMS (52:44) Sick Picks + Shameless Plugs All links available at https://syntax.fm/966 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.y https://www.youtube.com/embed/-f2ql_aGIbs 3387 2025-12-24T12:00:03.000Z https://syntax.yabby.page/video/drupal-tutorials-34-views-contextual-filters-with-block-views 2026-10-15T03:45:25.493Z https://i.ytimg.com/vi/MdJfn2eB63w/maxresdefault.jpg Drupal Tutorials #34 Views - Contextual Filters with Block Views This is the 34th tutorial in the Drupal 7 tutorial series. This tutorial shows you how to user the basics of Contextual Filters in Drupal 7. Subscribe for more free tutorials https://goo.gl/6ljoFc, more Drupal Tutorials here: https://goo.gl/YDHhLW Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e This Drupal 7 tutorial series shows users how to build websites with the very popular open source content management system Drupal 7. https://www.youtube.com/embed/MdJfn2eB63w 605 2012-05-26T01:22:18.000Z https://syntax.yabby.page/video/drupal-tutorials-the-complete-guide-to-omega-4-13-introduction-to-breakpoints 2026-10-15T03:45:25.500Z https://i.ytimg.com/vi/lpmqT3Ng86s/maxresdefault.jpg Drupal Tutorials - The Complete Guide To Omega 4 #13 - Introduction To Breakpoints The 13th tutorial in the The Complete Guide To Omega 4. Here we show you how to get started with the Breakpoints extension to Sass to start building your responsive site. https://github.com/Team-Sass/breakpoint/wiki https://www.youtube.com/embed/lpmqT3Ng86s 632 2013-11-27T02:57:21.000Z https://syntax.yabby.page/video/a-first-look-at-remix-3 2026-10-15T03:45:25.504Z https://i.ytimg.com/vi/_STrAAi8Ujg/maxresdefault.jpg A first look at Remix 3 Scott and Wes dive into Remix 3, exploring how it embraces native web standards like Events, Signals, and Streams to become a truly full-stack framework. They unpack what “LLM-ready,” thin APIs, and a standards-based approach mean for the future of web development. 🔥 Be the ~14,700th person to join our super tasty newsletter https://bit.ly/syntax_snackpack Show Notes 00:00 Welcome to Syntax! 03:21 Uses the platform - native Events, Signals, Streams, Fetch 04:16 Remix 3, Fully Fullstack. 04:57 LLM‑ready + thin APIs 05:53 Brought to you by Sentry.io. 06:18 My previous predictions. 07:44 The value of ‘Standards Based’. 09:13 Component model - JSX/TSX; state = variables; call this.render() 11:56 Adding reactivity to Remix. 15:15 Event‑based architecture - custom events, EventTarget, interactions 20:52 Context & type‑safe access. 22:46 Composing interaction logic within events. 24:25 Signals - AbortSignal to cancel async ops 25:21 Benefits of standards - bring your own tools/libraries 26:42 CSS - built‑in CSS prop; Svelte‑like scoping 28:34 Server - Web Request/Response, Web Streams across runtimes 31:23 Frames - async URL‑addressable components with fallbacks 33:07 Tooling - ESM; use Vite or esbuild 34:47 Routing - code‑based named routes 35:57 Questions/Concerns - manual rendering vs reactivity 38:47 URL Pattern API - modern, fast routing foundations 41:33 Sick Picks + Shameless Plugs. All links available at https://syntax.fm/951 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/_STrAAi8Ujg 2862 2025-11-03T12:01:14.000Z https://syntax.yabby.page/video/fighting-with-strangers-on-the-internet 2026-10-15T03:45:25.509Z https://i.ytimg.com/vi/ZZicVR4tWHI/maxresdefault.jpg Fighting with strangers on the internet 14 Web Development Tips I Wish I Knew Sooner Scott and Wes share 13 web development tips they wish they knew earlier in their careers relating to skills, tools, learning approaches and career growth. ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #Career #Beginner #Tips #reddit #fightingwithstrangers https://www.youtube.com/embed/ZZicVR4tWHI 60 2024-10-03T15:51:47.000Z https://syntax.yabby.page/video/dev-tools-style-number-incrementing-in-vscode-vscode-pro-tips 2026-10-15T03:45:25.516Z https://i.ytimg.com/vi/17d02OAoqdw/maxresdefault.jpg Dev Tools Style Number Incrementing In VSCode - VSCode Pro Tips Become a Level Up Pro and take your web skills to the next level! https://www.leveluptutorials.com The best web development podcast out there Syntax with Wes Bos and Scott Tolinski https://syntax.fm 🎨 VSCode Theme: https://marketplace.visualstudio.com/items?itemName=leveluptutorials.theme-levelup All of the stuff I use https://www.scotttolinski.com/uses https://www.youtube.com/embed/17d02OAoqdw 175 2022-09-14T17:45:04.000Z https://syntax.yabby.page/video/text-outline-gradient-using-only-css 2026-10-15T03:45:25.520Z https://i.ytimg.com/vi/GVSjW0f5IC0/maxresdefault.jpg Text Outline Gradient Using Only CSS Become a Level Up Pro and take your web skills to the next level! https://www.leveluptutorials.com The best web development podcast out there Syntax with Wes Bos and Scott Tolinski https://syntax.fm 🎨 VSCode Theme: https://marketplace.visualstudio.com/items?itemName=leveluptutorials.theme-levelup All of the stuff I use https://www.scotttolinski.com/uses https://www.youtube.com/embed/GVSjW0f5IC0 685 2022-06-13T12:00:39.000Z https://syntax.yabby.page/video/how-css-filter-killed-our-performance-level-up-redesign-blog 2026-10-15T03:45:25.524Z https://i.ytimg.com/vi/oie6KqSPPlE/maxresdefault.jpg How CSS Filter Killed Our Performance - Level Up Redesign Blog Become a Level Up Pro and take your web skills to the next level! https://www.leveluptutorials.com The best web development podcast out there Syntax with Wes Bos and Scott Tolinski https://syntax.fm 🎨 VSCode Theme: https://marketplace.visualstudio.com/items?itemName=leveluptutorials.theme-levelup All of the stuff I use https://www.scotttolinski.com/uses https://www.youtube.com/embed/oie6KqSPPlE 529 2022-06-06T13:00:25.000Z https://syntax.yabby.page/video/6-svelte-packages-you-should-know-weekly-svelte 2026-10-15T03:45:25.528Z https://i.ytimg.com/vi/y5SrUKcX_Co/maxresdefault.jpg 6 Svelte Packages You Should Know - Weekly Svelte 0:13 https://sveltable.io/ 2:57 https://github.com/chanced/filedrop-svelte 4:00 https://github.com/omer-g/persistent-svelte-store/blob/master/persistentStore.ts 5:00 https://github.com/untemps/svelte-use-tooltip 8:00 https://github.com/pablo-abc/felte 11:00 BONUS https://github.com/leveluptuts/svelte-auto-form Sign up for Level Up Tutorials http://leveluptutorials.com Join our Discord https://discord.gg/9S7kbQet2T https://www.youtube.com/embed/y5SrUKcX_Co 865 2022-03-04T18:53:01.000Z https://syntax.yabby.page/video/are-entry-level-developers-cooked 2026-10-15T03:45:25.533Z https://i.ytimg.com/vi/Va4fsPuPFyg/maxresdefault.jpg Are entry level developers cooked?? 🔥 Be the ~15,700th person to join our super tasty newsletter https://bit.ly/syntax_snackpack All links available at https://syntax.fm/913 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #REMIX #REACT #VITE #TYPESCRIPT #SAFARI #SYNTAXFM #WEBDEV #SYNTAX #AI https://www.youtube.com/embed/Va4fsPuPFyg 53 2025-06-23T21:25:12.000Z https://syntax.yabby.page/video/what-is-esbuild-what-is-web-development 2026-10-15T03:45:25.537Z https://i.ytimg.com/vi/ZY8Vu8cbWF0/maxresdefault.jpg What Is ESBuild? - What Is Web Development Become a Level Up Pro and take your web skills to the next level! https://www.leveluptutorials.com The best web development podcast out there Syntax with Wes Bos and Scott Tolinski https://syntax.fm https://www.youtube.com/embed/ZY8Vu8cbWF0 574 2022-02-23T13:30:36.000Z https://syntax.yabby.page/video/what-are-build-tools-in-web-development 2026-10-15T03:45:25.540Z https://i.ytimg.com/vi/V5qvWl-O-zE/maxresdefault.jpg What Are Build Tools in Web Development Become a Level Up Pro and take your web skills to the next level! https://www.leveluptutorials.com/pro?utm_source=youtube&utm_medium=video&utm_campaign=what_is Learn Web Components with Web Components for Beginners https://www.leveluptutorials.com/tutorials/web-components-for-beginners?utm_source=youtube&utm_medium=video&utm_campaign=what_is The best web development podcast out there Syntax with Wes Bos and Scott Tolinski https://syntax.fm https://www.youtube.com/embed/V5qvWl-O-zE 492 2021-10-06T20:20:22.000Z https://syntax.yabby.page/video/copilot-is-open-source-now-so-are-windsurf-and-cursor-cooked 2026-10-15T03:45:25.547Z https://i.ytimg.com/vi/CYbG72keczY/maxresdefault.jpg Copilot is open source now... so are Windsurf and Cursor cooked?? 🔥 Be the ~15,700th person to join our super tasty newsletter https://bit.ly/syntax_snackpack All links available at https://syntax.fm/903 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev #microsoft #ai #cursor #windsurf #vscode #copilot #github https://www.youtube.com/embed/CYbG72keczY 179 2025-05-20T01:08:07.000Z https://syntax.yabby.page/video/cassie-evans-uses-gsap-for-all-her-motion-graphics-and-twitch-streamers-use-it-for-overlays 2026-10-15T03:45:25.551Z https://i.ytimg.com/vi/GVEWv03WPnQ/maxresdefault.jpg Cassie Evans uses GSAP for all her motion graphics and Twitch streamers use it for overlays 🔥 Be the ~15,700th person to join our super tasty newsletter https://bit.ly/syntax_snackpack All links available at https://syntax.fm/899 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/GVEWv03WPnQ 74 2025-05-12T21:18:37.000Z https://syntax.yabby.page/video/how-to-build-mcp-servers 2026-10-15T03:45:25.555Z https://i.ytimg.com/vi/CCaUnet8SB4/maxresdefault.jpg How to Build MCP Servers Wes and Scott talk about how developers can expose powerful tools to AI using the Model Context Protocol. They discuss tool calling, remote MCP specs, authentication, and real-world use cases that make AI more capable through smarter integrations 🔥 Be the ~14,700th person to join our super tasty newsletter https://bit.ly/syntax_snackpack (00:00) - Welcome to Syntax! (01:36) - What is MCP? (07:23) - MCP tools (11:33) - MCP resources (13:43) - Saving reusable prompts (16:18) - Creating and validating MCP tools (18:31) - Brought to you by Sentry.io (18:31) - Tool calling vs MCP servers (21:28) - Remote vs local MCP servers (26:24) - Useful MCP servers (32:48) - Sick Picks + Shameless Plugs All links available at https://syntax.fm/920 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/CCaUnet8SB4 2270 2025-07-16T11:00:20.000Z https://syntax.yabby.page/video/full-stack-app-build-travel-log-w-nuxt-vue-better-auth-drizzle-tailwind-daisyui-maplibre 2026-10-15T03:45:25.562Z https://i.ytimg.com/vi/DK93dqmJJYg/maxresdefault.jpg Full Stack App Build | Travel Log w/ Nuxt, Vue, Better Auth, Drizzle, Tailwind, DaisyUI, MapLibre In this video, CJ builds a Full Stack application with Nuxt / Vue / TypeScript that allows users to keep track of the places they have visited and view them on a map. View the LIVE App | https://nuxt-travel-log.vercel.app/ View the Code | https://github.com/w3cj/nuxt-travel-log Project Board Creator Tool | https://github.com/w3cj/travel-log-github-project-creator Example Project Board with Issues | https://github.com/users/w3cj/projects/11/views/1 Links / Resources | https://gist.github.com/w3cj/3d331e23c17df1dbeaa55342f230f3ee Vue Crash Course | https://www.youtube.com/watch?v=5oKpoqmUj64 Nuxt Crash Course | https://www.youtube.com/watch?v=RhZZ0whiuT8 00:00:00 intro / overview 00:07:27 stack / architecture overview 00:12:18 github project board setup 00:15:50 project setup 00:17:52 github auto deploy with vercel 00:19:21 eslint / editor setup 00:21:10 antfu eslint-config 00:25:57 pre-commit hooks lint 00:30:30 git feature branch worflow 00:32:12 lint github action 00:38:48 tailwind setup 00:41:25 daisy ui setup 00:44:38 nuxt/icon setup 00:49:25 landing page 00:57:44 theme toggle / color mode 01:05:14 typesafe env with zod 01:11:54 db setup 01:13:21 drizzle setup 01:18:00 turso local development 01:22:25 db schema 01:29:42 set environment variables on vercel and github actions 01:31:46 auth setup with better-auth 01:40:00 github oauth setup 01:47:56 create auth store with pinia 01:52:31 auth error page 01:56:31 github oauth production configuration 01:58:08 turso cloud setup 01:58:53 run db migrations on production 02:01:24 auth status display 02:08:02 sign out page 02:12:48 protected routes redirect 02:16:25 SSR Auth Session 02:25:41 create dashboard sidebar 02:36:38 collapsible sidebar 02:47:16 persist sidebar collapse in localStorage 02:50:05 dashboard nested routes 02:52:05 create location form 02:57:20 validate form with vee-validate 02:58:53 drizzle zod validation schema 03:03:35 handle location form submit / show validation errors 03:07:59 re-factor form field component 03:14:53 show confirmation if unsa https://www.youtube.com/embed/DK93dqmJJYg 2025-04-29T19:35:50.000Z https://syntax.yabby.page/video/behind-the-scenes-syntax-live 2026-10-15T03:45:25.568Z https://i.ytimg.com/vi/BAdxIDBgX98/maxresdefault.jpg Behind the Scenes Syntax Live https://syntax.fm/live Friday Oct 30th, 10:30am PST, 1:30 EST. Join the fun & call into the show! Ask a potluck question, give us your sick pick, do a shameless plug or have us ask you a Stump'd question! https://www.youtube.com/embed/BAdxIDBgX98 2061 2020-10-30T17:09:52.000Z https://syntax.yabby.page/video/preparing-august-s-pro-course 2026-10-15T03:45:25.572Z https://i.ytimg.com/vi/adLp10VdvPU/maxresdefault.jpg Preparing August's Pro Course Scott tries Twitch Streaming while preparing code for this month's Pro course. https://www.youtube.com/embed/adLp10VdvPU 3777 2020-08-04T21:15:55.000Z https://syntax.yabby.page/video/html5-tutorials-15-video-part-4-supporting-all-browsers-with-video-for-everybody 2026-10-15T03:45:25.576Z https://i.ytimg.com/vi/pz1MDDs5y8Q/maxresdefault.jpg HTML5 Tutorials #15 - Video Part 4 Supporting All Browsers with Video For Everybody The 15th video in our HTML5 Tutorial series. Here, I show you how to get video working on all browsers with a flash fallback. http://sandbox.thewikies.com/vfe-generator/ https://www.youtube.com/embed/pz1MDDs5y8Q 277 2013-07-10T01:34:34.000Z https://syntax.yabby.page/video/3-a-basic-spring-animating-react 2026-10-15T03:45:26.232Z https://i.ytimg.com/vi/WhexP62S87Y/maxresdefault.jpg #3 A Basic Spring - Animating React Complete the course here: http://bit.ly/2JkCehq Become a master of practical interface animations with React Spring. In Animating React, Scott Tolinski's latest series by Level Up Tutorials, we'll learn how to animate modals, menus, height auto, waypoints, dragging gestures, React Router transitions and much, much more. https://www.youtube.com/embed/WhexP62S87Y 591 2019-05-14T16:31:42.000Z https://syntax.yabby.page/video/cursor-lost-4-months-of-work 2026-10-15T03:45:26.236Z https://i.ytimg.com/vi/KARlt7L6FI8/maxresdefault.jpg Cursor lost 4 months of work!? Cursor lost 4 months of work!? https://www.youtube.com/embed/KARlt7L6FI8 58 2025-02-19T16:00:08.000Z https://syntax.yabby.page/video/5-common-react-beginner-problems-2018 2026-10-15T03:45:26.241Z https://i.ytimg.com/vi/oZbTqEmQpDo/maxresdefault.jpg 5 Common React Beginner Problems 2018 In this video I give 5 common problems React beginners might face. 1. Adjacent JSX elements 2. Cannot call setState on undefined 3. Outdated React.createClass syntax 4. Incorrect imports / exports 5. Including Redux too soon ### Video Links React 16 For Everyone: https://goo.gl/MkRA11 Become a Pro: https://www.leveluptutorials.com/pro ### Affiliate Links Please use these links when signing up for services to help support Level Up. Easy Hosting with Netlify: https://goo.gl/pychVP Shared Web Hosting: https://goo.gl/pfC6uc ### Level Up Links Syntax Podcast ft Scott Tolinski & Wes Bos: https://goo.gl/7jDDxX Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz https://www.youtube.com/embed/oZbTqEmQpDo 821 2018-05-03T19:31:01.000Z https://syntax.yabby.page/video/what-is-css-in-js-what-is-styled-components 2026-10-15T03:45:26.245Z https://i.ytimg.com/vi/EsSi4cER48E/maxresdefault.jpg What Is CSS In JS? / What Is Styled Components? In this What Is Wednesday, I answer the question. What Is CSS In JS as well as What is Styled Components? ### Video Links Buy VueJS For Everyone: https://goo.gl/7uft3X Become a Pro: https://www.leveluptutorials.com/pro ### Affiliate Links Please use these links when signing up for services to help support Level Up. Easy Hosting with Netlify: https://goo.gl/pychVP Shared Web Hosting: https://goo.gl/pfC6uc ### Level Up Links Syntax Podcast ft Scott Tolinski & Wes Bos: https://goo.gl/7jDDxX Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz https://www.youtube.com/embed/EsSi4cER48E 908 2018-04-18T20:49:17.000Z https://syntax.yabby.page/video/what-are-js-signals 2026-10-15T03:45:26.253Z https://i.ytimg.com/vi/XVLaeva_7eE/maxresdefault.jpg What are JS signals? 🔥 Be the ~14,700th person to join our super tasty newsletter bit.ly/syntax_snackpack All links available at https://syntax.fm/875 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev #signals #reactivity #podcast https://www.youtube.com/embed/XVLaeva_7eE 67 2025-02-11T20:41:59.000Z https://syntax.yabby.page/video/don-t-gitignore-your-lock-files 2026-10-15T03:45:26.260Z https://i.ytimg.com/vi/eZ0IHGhgIGg/maxresdefault.jpg don't gitignore your lock files! A breakdown of how semver works and why you should care about your lock files https://www.youtube.com/embed/eZ0IHGhgIGg 282 2025-01-09T14:00:44.000Z https://syntax.yabby.page/video/2024-a-year-in-review 2026-10-15T03:45:26.267Z https://i.ytimg.com/vi/v2x7fYRE2P4/maxresdefault.jpg 2024: A Year in Review Scott and Wes look back at 2024 and share highlights from a big year for Syntax and the web dev world. They review their 2024 predictions to see what they got right (and wrong), and break down the major moments in web development from CSS improvements to AI editors and beyond. 👉 Join the exclusive newsletter - https://syntax.fm/snackpack Show Notes 00:00 Welcome to Syntax! 01:30 Changes to the Syntax podcast. 05:56 What happened this year? 06:07 React. 06:36 Solid Start. 07:04 Tanstack Start. 07:43 Remix 09:42 AI Editors. 11:53 Vite 6. 14:02 Bluesky. 19:52 CSS. 22:17 What did we do? 22:21 React Miami. 22:26 JSNation Amsterdam. 23:55 JSNation US + React Summit. 24:57 Terminal Feud. 26:28 Laravel + Terminal basketball game. 27:02 Syntax San Francisco meetup. 27:23 GitHub Universe. 28:07 FITC. 28:38 153 Syntax Episodes + Video. 29:32 Our 2024 Predictions Reviewed. 29:46 Types in JS will have real movement. 31:29 Temporal API will ship in 1 browser. 32:50 Perf tooling gets easy for everyone to understand. 33:29 CSS continues to get better where you need less JS. 34:25 Svelte v5 is very fast. 34:38 The year of the server in frameworks. 35:28 Astro is going to have a good year. 36:13 React server components. 37:03 Remix moves away from page-based loaders, to component loaders. 37:18 Hono will become more ubiquitous. 38:28 We will see a route matching Proposal move ahead. 39:23 Bun releases full node compat. 40:42 We will see a new Linter + formatter entirely replace. 42:16 New TypeScript typechecker. 43:40 Lightning CSS pops - or does it? 45:10 You’ll hear more about Rspack and Turbopack. 45:51 Vite isn’t going to release anything big in 2024. 46:24 Relative color will land in all major browsers. 48:14 CSS contrast-color will land in chrome. 48:48 Scroll animation landing in 2 browsers. 50:03 The year of CSS discovery. 51:09 Safari will Ship 3 missing PWA Support. 52:11 Firefox usage will continue to slip. 56:53 Paid Arc features. 57:14 More XR web experiences as Apple releases in Vision Pro. 59:55 AI Tooling. 01:00 https://www.youtube.com/embed/v2x7fYRE2P4 4140 2024-12-23T12:01:11.000Z https://syntax.yabby.page/video/is-monaspace-your-next-coding-font 2026-10-15T03:45:26.277Z https://i.ytimg.com/vi/MEGixc1imdY/maxresdefault.jpg Is Monaspace Your Next Coding Font? Syntax.fm A Tasty Treats Web Development Podcast New Episodes mon × wed × fri What is Monaspace? https://monaspace.githubnext.com/ Is a new innovative super family of fonts for code. https://www.youtube.com/embed/MEGixc1imdY 213 2023-11-10T22:00:03.000Z https://syntax.yabby.page/video/deno-2-deep-dive-exploring-the-deno-ecosystem 2026-10-15T03:45:26.281Z https://i.ytimg.com/vi/N04Nrl37Ies/maxresdefault.jpg Deno 2 Deep Dive | Exploring the Deno Ecosystem In this video CJ dives into the world of Deno to explore the features of Deno v2 and answer the question: "Does Deno v2 deliver on its promises?" - He talks about what Deno is, how to start a new Deno project, shows npm compatibility, how to gradually adopt Deno as your package manager and task runner, what it's like to fully convert a codebase to Deno, talks about areas Deno could improve and gives his thoughts on the future of javascript and where Deno fits in. 👉 Join the exclusive newsletter - https://syntax.fm/snackpack 00:00 intro 01:48 what is deno? 04:40 creating new projects with deno 04:55 what am i building 05:33 deno init 05:57 vs code extension setup 07:14 formatting with deno 08:32 linting with deno 09:18 read in csv file with deno 10:08 deno.json tasks 10:25 deno permissions 11:21 using npm with deno 12:04 working with npm:csv-parse 13:52 the deno standard library 15:13 using jsr / @std/csv 16:21 benefits of the standard library 17:07 finishing up csv parsing 18:32 new deno project summary 18:58 use deno with your favorite framework 20:06 gradual adoption of deno 20:20 deno install for node.js existing projects 21:19 deno install - postinstall script support 22:54 deno task for existing node.js projects 23:44 running commands from node_modules with deno 24:08 seed database - tsx issue 25:21 starting / testing app 26:14 gradual adoption summary 26:43 converting projects fully to deno 26:52 the project we will convert 28:05 project setup / init 29:36 remove config files 29:49 converting package.json dependencies to deno.json 31:07 starting the app 31:14 updating server entrypoint 31:58 import aliases with deno 32:24 adding import extensions 33:22 deno.json version property 33:41 updating deno.json compiler options 33:57 specify permissions in deno task 34:40 updating environment variable access 36:57 drizzle-kit push with deno 37:22 libsql / turso dev setup with deno 38:55 update dev task to use deno serve 40:20 testing with deno 40:27 test database task 41:15 converting vite tests to deno 42:58 je https://www.youtube.com/embed/N04Nrl37Ies 3665 2024-11-12T17:44:31.000Z https://syntax.yabby.page/video/how-much-money-did-this-meeting-cost-the-company 2026-10-15T03:45:26.291Z https://i.ytimg.com/vi/szDrUfYNVDE/maxresdefault.jpg How much money did this meeting cost the company? Topher Martini says teams should work to make meetings more focused, reduce attendees to the stakeholders and keep meeting etiquette in mind. People too often get caught up in wanting to feeling busy and important. ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #Career #Apple #Development #Leadership #meetings https://www.youtube.com/embed/szDrUfYNVDE 59 2024-10-01T21:01:29.000Z https://syntax.yabby.page/video/htmx-is-pro-javascript-jsnation-interview-w-carson-gross 2026-10-15T03:45:26.295Z https://i.ytimg.com/vi/gldOMR4Ig_0/maxresdefault.jpg HTMX is Pro-JavaScript @JSNation - Interview w/ Carson Gross Discounted Tickets: https://ti.to/gitnation/jsnation-us-edition/discount/SYNTAX10 Scott sat down with Carson Gross to talk about his upcoming talk at JSNation US. Come hang with the entire Syntax squad and see awesome talk's like Carson's HTMX is Pro-JavaScript. https://www.youtube.com/embed/gldOMR4Ig_0 767 2024-09-29T14:42:23.000Z https://syntax.yabby.page/video/level-1-electron-intro 2026-10-15T03:45:26.300Z https://i.ytimg.com/vi/3tJdu82yZWk/maxresdefault.jpg Level 1 Electron Intro Build cross platform desktop apps with JavaScript, HTML, and CSS In this series we explore Electron by building a beautiful journaling app using React. The application we build reads, writes and creates markdown files and even implements auto saving. Explore the platform that's allowing web developers to create real world app like VSCode, Slack, Hyper, Skype, Figma and countless others! ### Video Links Buy Level 1 Electron: https://www.leveluptutorials.com/store/products/tutorials/lut-dd024 Become a Pro: https://www.leveluptutorials.com/pro Watch on Level Up: https://www.leveluptutorials.com/tutorials/level-1-electron ### Affiliate Links Please use these links when signing up for services to help support Level Up. Easy Hosting with Netlify: https://goo.gl/pychVP Shared Web Hosting: https://goo.gl/pfC6uc ### Level Up Links Syntax Podcast ft Scott Tolinski & Wes Bos: https://goo.gl/7jDDxX Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz https://www.youtube.com/embed/3tJdu82yZWk 181 2018-08-07T16:05:15.000Z https://syntax.yabby.page/video/hot-dog-or-not-hot-dog-neural-networks-explained-simply-explained-programming-webdev-coding 2026-10-12T22:45:19.639Z https://i.ytimg.com/vi/N9z2m-JqbjY/maxresdefault.jpg Hot dog or not hot dog? Neural networks explained simply. #explained #programming #webdev #coding Hot dog or not hot dog? Neural networks explained simply. ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/N9z2m-JqbjY 72 2026-05-01T20:54:25.000Z https://syntax.yabby.page/video/making-your-app-feel-faster-than-it-really-is 2026-10-15T03:45:26.304Z https://i.ytimg.com/vi/nxzVZ7FYdwE/maxresdefault.jpg Making your app feel faster than it really is Scott and Wes break down the tricks and techniques for making your app feel blazing fast—even when it’s not. From optimistic UI to preload-on-hover, it's all about perception, not just performance 🔥 Be the ~14,700th person to join our super tasty newsletter bit.ly/syntax_snackpack 00:00 Welcome to Syntax! 01:12 Brought to you by Sentry.io. 02:34 Mousedown or pointerdown events. 06:00 UI animations should be fast. 08:00 Animations should not block interaction. 08:20 Animations should be cancellable / reversible. 10:50 Optimistic UI. 12:37 Local Data. 13:36 Delay loading indicators. 14:40 Page loading indicators. 15:47 Preload on hover. 17:13 Calculate mouse trajectory. 18:51 Full page spinner on every change. 20:04 Pixelated spinners. 20:23 Skeleton loaders. 23:43 Photo frames. 25:52 Search on input instead of search on click. 26:46 Progress loaders than move in between steps. 27:31 Community submissions. All links available at https://syntax.fm/897 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/nxzVZ7FYdwE 2104 2025-04-28T11:01:15.000Z https://syntax.yabby.page/video/march-madcss-round-1-part-two 2026-10-15T03:45:26.308Z https://i.ytimg.com/vi/Tk1zzpCjha4/maxresdefault.jpg March MadCSS Round 1 PART TWO March MadCSS Round 1 PART TWO (the right side of the bracket) starts in ONE HOUR at 10AM EST here on YouTube Premiere. Kevin Powell vs Amy Dutton Josh Comeau vs Cassidy Williams Wes Bos vs Ben Hong Ania Kubow vs Adam Argyle Learn more at madcss.com https://www.youtube.com/embed/Tk1zzpCjha4 43 2026-03-13T13:01:13.000Z https://syntax.yabby.page/video/getting-started-with-c-for-typescript-devs 2026-10-15T03:45:26.312Z https://i.ytimg.com/vi/j0857MhIohk/maxresdefault.jpg Getting started with C# for TypeScript Devs In this video CJ shows how to get started with C# as a TypeScript / JavaScript web developer. 00:00 Intro 00:30 Setup 00:53 Learning Plan 01:08 C Sharp Syntax First Look 01:31 var, arrays and foreach 02:07 Language-Integrated Query (LINQ) 02:32 Pattern Matching 03:09 Records 03:52 C# Learning Resources 04:36 ASP.NET Minimal API Example 06:22 Swagger / OpenAPI Documentation 07:04 TypeScript Client Code Generation 07:34 ASP.NET API / OpenAPI Example 09:21 OpenAPI TypeScript Client 10:12 .NET Versions 10:30 ASP.NET Razor, MVC, Blazor 11:08 What is Sentry? 11:36 Full Stack Error Tracing with Sentry 12:48 How to Add Sentry to your Apps 13:33 Thanks! All links and notes: https://gist.github.com/w3cj/8f5d597c7aad19ceb1a59fbb070405f7 Set up your local environment | https://learn.microsoft.com/en-us/dotnet/csharp/tour-of-csharp/tutorials/local-environment Download / Install .NET | https://dotnet.microsoft.com/en-us/download C# Dev Kit for VSCode | https://marketplace.visualstudio.com/items?itemName=ms-dotnettools.csdevkit C# | https://dotnet.microsoft.com/en-us/languages/csharp Learn X in Y Minutes | https://learnxinyminutes.com/docs/csharp/ Tour of C# | https://learn.microsoft.com/en-us/dotnet/csharp/tour-of-csharp/overview Roadmap for JavaScript and TypeScript developers learning C# | https://learn.microsoft.com/en-us/dotnet/csharp/tour-of-csharp/tips-for-javascript-developers Learn C# | https://dotnet.microsoft.com/en-us/learn/csharp C# Beginner Video Series | https://www.youtube.com/playlist?list=PLdo4fOcmZ0oULFjxrOagaERVAMbmG20Xe What is .NET | https://dotnet.microsoft.com/en-us/learn/dotnet/what-is-dotnet NET Implementations | https://learn.microsoft.com/en-us/dotnet/fundamentals/implementations NET Framework | https://en.wikipedia.org/wiki/.NET_Framework Mono | https://en.wikipedia.org/wiki/Mono_(software Overview of ASP.NET Core | https://learn.microsoft.com/en-us/aspnet/core/introduction-to-aspnet-core?view=aspnetcore-8.0 Minimal APIs overview | https://learn.microsoft.com/en-us/aspnet/core/fundamentals/min https://www.youtube.com/embed/j0857MhIohk 852 2024-06-20T12:00:42.000Z https://syntax.yabby.page/video/react-conf-2024-recap 2026-10-15T03:45:26.317Z https://i.ytimg.com/vi/udXZw-9LdOM/maxresdefault.jpg React Conf 2024 Recap In this video CJ recaps all of the announcements and releases from React Conf 2024. 00:00 Hello! 00:31 React 19 RC 01:45 React Compiler Released 03:23 React Compiler is more than just auto memo 04:58 What's new in React 19 05:29 Remix and React Router are Merging 07:11 React Party Kit 08:57 Will React get Signals? 12:38 React Native + React Server Components 15:00 React Conf Day 2 15:10 React Native New Architecture in Beta 15:59 React Native Frameworks 17:36 Continuous Native Generation (CNG) 18:31 Pigment CSS 20:04 React Native for Apple Vision Pro 20:59 React Strict DOM 23:16 React Conf 2024 Trends and Takeaways 24:18 Write Once Run Anywhere 25:20 Sentry Runs Everywhere 26:48 Thanks! React Conf 2024 Day 1 Full Stream | https://www.youtube.com/watch?v=T8TZQ6k4SLE React Conf 2024 Day 2 Full Stream | https://www.youtube.com/watch?v=0ckOUBiuxVY Day 1 Notes React Conf 2024 Agenda | https://conf.react.dev/agenda React 19 Beta Blog Post | https://web.archive.org/web/20240512195006/https://react.dev/blog/2024/04/25/react-19 Clip: React Conf RC Announcement | https://www.youtube.com/watch?v=T8TZQ6k4SLE&t=3998s React 19 RC Blog Post | https://react.dev/blog/2024/04/25/react-19 Syntax Episode 768 - React 19 is Here! | https://syntax.fm/show/768/react-19-is-here Clip: React Compiler is Open Source | https://www.youtube.com/watch?v=T8TZQ6k4SLE&t=5290s Learn about the React Compiler | https://react.dev/learn/react-compiler Clip: React Compiler Demo | https://www.youtube.com/watch?v=T8TZQ6k4SLE&t=4378s Clip: React Compiler is for More than just useMemo | https://www.youtube.com/watch?v=T8TZQ6k4SLE&t=28040s Clip: What's new in React 19 with Lydia Hallie | https://www.youtube.com/watch?v=T8TZQ6k4SLE&t=8886s Lydia Hallie on YouTube | https://www.youtube.com/@theavocoder/videos Merging Remix and React Router | https://remix.run/blog/merging-remix-and-react-router Clip: Remix will become a vite plugin for react router | https://www.youtube.com/watch?v=T8TZQ6k4SLE&t=6137s Clip: What will happen to Remix? | https://www.youtube https://www.youtube.com/embed/udXZw-9LdOM 1648 2024-06-04T12:00:59.000Z https://syntax.yabby.page/video/npm-package-or-90s-anime-character 2026-10-15T03:45:26.321Z https://i.ytimg.com/vi/ZNaLWMcLy8A/maxresdefault.jpg NPM package or 90s Anime Character?! Scott, Wes, and CJ face off in the ultimate guessing game. Can they tell if a name belongs to an npm package or a 90s anime character? Expect wild guesses, hilarious mix-ups, and plenty of laughs! 🔥 Be the ~14,700th person to join our super tasty newsletter https://bit.ly/syntax_snackpack ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/ZNaLWMcLy8A 790 2025-07-25T13:40:51.000Z https://syntax.yabby.page/video/there-is-only-1-right-way-to-say-gif 2026-10-15T03:45:26.325Z https://i.ytimg.com/vi/IsHCKzXc4sA/maxresdefault.jpg There is only 1 right way to say gif We asked the attendees at https://twitter.com/ReactMiamiConf how they say "gif" ------------------------------------------------------------------------------ Hit us up on Socials! https://www.syntax.fm/links Brought to you by Sentry - Use code "tastytreats" to get 2 months free - https://sentry.io/syntax https://www.youtube.com/embed/IsHCKzXc4sA 21 2024-04-25T19:19:52.000Z https://syntax.yabby.page/video/self-host-101-office-hours-live-reviewing-your-questions-and-comments 2026-10-15T03:45:26.333Z https://i.ytimg.com/vi/ZG76DYUlCEs/maxresdefault.jpg Self Host 101 | Office Hours LIVE | Reviewing Your Questions and Comments In this live stream, CJ reviews your questions and comments from the recent Self Host 101 video. View the full series here: https://www.youtube.com/playlist?list=PLLnpHn493BHHAxTeLNUZEDLYc8uUwqGXa Let CJ know what you want to see hosted on Coolify - https://twitter.com/coding_garden/status/1777722858430398516 00:00:00 Stream Starts 00:02:00 What are Office Hours? 00:02:29 HTTP and HTTPS Default Ports 00:05:13 Responding to Chat 00:10:19 Using CNAMES for Subdomains 00:14:39 Responding to Chat 00:19:04 Cloudflare Proxy / DDOS Protection 00:29:59 A vs AAAA vs CNAME Records 00:32:01 Responding to Chat 00:43:32 Let's Encrypt and Certificate Authorities 00:45:55 Responding to Chat 00:49:35 pm2 Web Dashboards and Monitoring 00:54:11 Home Lab Hardware 00:55:55 Responding to Chat 00:59:00 CI/CD on a VPS 01:11:50 Running Docker on a VPS 01:35:39 Create Caddy reverse_proxy to a docker container 01:46:49 Docker automatic reverse_proxy with Caddy 01:49:22 Self Host Email Server 01:53:58 Manage Caddyfiles with a single folder 02:01:01 Suggestions for Next Time 02:01:49 Preview Deployments with Coolify 02:02:43 What do you want to see hosted with Coolify? 02:04:08 Coolify Build Server 02:06:33 Brought to you by Sentry 02:10:00 Thanks! Self Host 101 - Run Multiple Apps with Caddy - DNS, Static Sites, Reverse Proxies and Let's Encrypt - YouTube | https://www.youtube.com/watch?v=mLznVlBAtcg HTTP - Wikipedia | https://en.wikipedia.org/wiki/HTTP HTTPS - Wikipedia | https://en.wikipedia.org/wiki/HTTPS PM2 Plus Documentation | https://pm2.io/docs/plus/overview/ PM2 - Pricing | https://pm2.io/pricing | olexnzarov/pm2-web-ui: (Not so) modern web interface for PM2 | https://github.com/olexnzarov/pm2-web-ui kubernetes/git-sync | https://github.com/kubernetes/git-sync GitJournal/git-auto-sync | https://github.com/GitJournal/git-auto-sync Creating webhooks - GitHub Docs | https://docs.github.com/en/webhooks/using-webhooks/creating-webhooks appleboy/ssh-action | https://github.com/appleboy/ssh-action How to use Github based Git deploy https://www.youtube.com/embed/ZG76DYUlCEs 7936 2024-04-10T23:29:57.000Z https://syntax.yabby.page/video/prestashop-tutorials-1-series-introduction 2026-10-15T03:45:26.337Z https://i.ytimg.com/vi/thKBmjZQkss/maxresdefault.jpg PrestaShop Tutorials #1 - Series Introduction Learn how to create great looking ecommerce sites quickly with the popular open source platform Prestashop. Download Prestashop here http://www.prestashop.com/ Fast, efficient and easy to use, PrestaShop's free e-commerce solution provides everything you need to open, operate and maintain a successful online store. Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e https://www.youtube.com/embed/thKBmjZQkss 34 2014-08-18T21:23:16.000Z https://syntax.yabby.page/video/2-an-introduction-to-styling-websites-with-css 2026-10-15T03:45:26.348Z https://i.ytimg.com/vi/vkCOfmqG6ys/maxresdefault.jpg #2 - An Introduction To Styling Websites With CSS In this video, we write the very basics of styling a website with CSS (Cascading Style Sheets) In this video series, I teach you how to build your first website. No prior experience needed. The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ https://www.patreon.com/leveluptuts Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e https://www.youtube.com/embed/vkCOfmqG6ys 529 2015-08-28T19:18:39.000Z https://syntax.yabby.page/video/3-using-postcss-with-sass-in-gulp-postcss-tutorials 2026-10-15T03:45:26.352Z https://i.ytimg.com/vi/LktY2-KLuMU/maxresdefault.jpg #3 - Using PostCSS with Sass in Gulp - PostCSS Tutorials Here we show you how to add PostCSS to your Gulp workflow when using Sass. https://www.patreon.com/leveluptuts The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e https://www.youtube.com/embed/LktY2-KLuMU 225 2015-08-25T02:55:38.000Z https://syntax.yabby.page/video/jsr-the-new-typescript-package-registry-npm-killer 2026-10-15T03:45:26.356Z https://i.ytimg.com/vi/dHfZiqVWVhk/maxresdefault.jpg JSR: The New TypeScript Package Registry (NPM Killer) Get ready to learn all about the JSR package registry with Wes, Scott, and special guest Luca Casonato of Deno, as they discuss its benefits, share insights on when to use it, and teasing some secret features that promise to enhance your coding journey. Show Notes 00:00 Welcome to Syntax! 00:37 Brought to you by sentry.io. 00:51 Who is Luca Casonato? 01:18 Why do we need another package registry? 04:35 Is it ESM only? 06:08 What exactly is JSR? 07:22 How do you install things from this registry? 09:38 NPM specifier in NodeJS? 12:18 Why can’t we just fix NPM? 14:28 When you make things easier, people make cooler stuff. 17:49 A little bit about auto-documentation. 21:18 Auto-Types. 22:33 Can’t you just put TypeScript files on an NPM? 24:04 Package Provenance. 25:14 Does JSR have any plans for scanning dependencies? 27:56 GitHub action integration. 30:08 Does JSR replace url imports in Deno? 32:15 What about publishing JSX, TSX, CSS, WASM, etc? 34:16 What are Slow Types? 36:34 Do you think we’ll ever see another implementation of a TypeScript type checker? 38:23 Types as comments or adding types to JavaScript. 40:10 What is the anticipated timeline? 41:52 Are there any parts of TypeScript that you don’t like? 43:32 What about when TypeScript breaks? 46:20 JSR community funding. 49:39 Are you planning on pre-registering popular names? 52:26 Super secret new features! 56:39 Sick Picks + Shameless Plugs. All links available at https://syntax.fm/737 ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript https://www.youtube.com/embed/dHfZiqVWVhk 3529 2024-03-01T12:00:38.000Z https://syntax.yabby.page/video/11-nib-css3-extensions-for-stylus-stylus-tutorials 2026-10-15T03:45:26.366Z https://i.ytimg.com/vi/bhbw7sFnbpQ/maxresdefault.jpg #11 Nib CSS3 extensions for Stylus - Stylus Tutorials Learn how to add additional functionality with Stylus extensions. https://github.com/tj/nib/tree/master/docs Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e https://www.youtube.com/embed/bhbw7sFnbpQ 510 2015-02-13T02:01:58.000Z https://syntax.yabby.page/video/open-your-sqlite-right-in-your-vscode 2026-10-15T03:45:26.373Z https://i.ytimg.com/vi/-Y_5zaaCIbw/maxresdefault.jpg Open your SQLite right in your VSCode https://marketplace.visualstudio.com/items?itemName=qwtel.sqlite-viewer ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript https://www.youtube.com/embed/-Y_5zaaCIbw 141 2024-02-24T14:00:00.000Z https://syntax.yabby.page/video/7-writing-custom-functions-stylus-tutorials 2026-10-15T03:45:26.379Z https://i.ytimg.com/vi/IW6QIAkRc0U/maxresdefault.jpg #7 Writing Custom Functions - Stylus Tutorials Learn how to write your own Stylus functions. Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e https://www.youtube.com/embed/IW6QIAkRc0U 595 2015-01-30T04:08:04.000Z https://syntax.yabby.page/video/6-using-built-in-functions-stylus-tutorials 2026-10-15T03:45:26.384Z https://i.ytimg.com/vi/WDkuBUYJ7Hg/maxresdefault.jpg #6 Using Built-In Functions - Stylus Tutorials Learn how to use the functions built-in to Stylus. http://learnboost.github.io/stylus/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e https://www.youtube.com/embed/WDkuBUYJ7Hg 802 2015-01-30T04:03:58.000Z https://syntax.yabby.page/video/html-5-tutorials-18-using-svg 2026-10-15T03:45:26.388Z https://i.ytimg.com/vi/vvuH6qS2M5Q/maxresdefault.jpg HTML 5 Tutorials #18 - Using SVG Learn how you can start using SVG for vector graphics in your projects today! Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e https://www.youtube.com/embed/vvuH6qS2M5Q 458 2014-06-27T00:49:15.000Z https://syntax.yabby.page/video/psst-hiring-managers-can-probably-tell-if-you-wrote-your-cover-letter-with-ai 2026-10-15T03:45:26.392Z https://i.ytimg.com/vi/bIanwU_63mQ/maxresdefault.jpg Psst hiring managers can probably tell if you wrote your cover letter with AI This episode is filled to the BRIM with tips to navigate the current challenges of finding jobs in tech - Episode #673 https://syntax.fm/show/673/getting-hired-interviewing-and-why-recruiters-suck-with-taylor-desseyn Hiring managers can probably tell if you wrote your resume and cover letters with AI. Taylor Desseyn, Talent Advocate at Gun.io, gives his take on the matter. #hiringmanager #gethired #interviewtip #techjobs #webdev #resume #coverletter #ai #talentadvocate #jobsearch https://www.youtube.com/embed/bIanwU_63mQ 35 2023-10-20T16:59:18.000Z https://syntax.yabby.page/video/vertical-centering-in-css-is-about-to-change-forever 2026-10-15T03:45:26.397Z https://i.ytimg.com/vi/ZW6wG77rFgc/maxresdefault.jpg Vertical Centering in CSS is about to change forever Have you ever struggled vertical aligning anything in CSS? Maybe you just like to share memes about it. Either way align-content: center; for display block items is here to save the day. Follow https://syntax.fm to stay up to date on the latest web platform news. https://www.youtube.com/embed/ZW6wG77rFgc 101 2023-12-19T22:15:31.000Z https://syntax.yabby.page/video/emoji-in-my-vscode-it-s-more-likely-than-you-think-webdev-podcast-css 2026-10-15T03:45:26.403Z https://i.ytimg.com/vi/frSjBZUgyvY/maxresdefault.jpg Emoji in my VSCode? It’s more likely than you think. #webdev #podcast #css Emoji in my VSCode? It’s more likely than you think. #webdev #podcast #css https://www.youtube.com/embed/frSjBZUgyvY 61 2023-08-18T18:55:50.000Z https://syntax.yabby.page/video/this-ai-coding-assistant-will-blow-your-mind-ai-webdevelopment 2026-10-15T03:45:26.408Z https://i.ytimg.com/vi/fs2VsMvmdOQ/maxresdefault.jpg This AI Coding Assistant will blow your mind. #ai #webdevelopment This AI Coding Assistant will blow your mind. #ai #webdevelopment https://www.youtube.com/embed/fs2VsMvmdOQ 61 2023-06-22T21:29:01.000Z https://syntax.yabby.page/video/hex-colors-with-transparency 2026-10-15T03:45:26.412Z https://i.ytimg.com/vi/_QgbC99ek70/maxresdefault.jpg Hex Colors With Transparency Hex Colors With Transparency https://www.youtube.com/embed/_QgbC99ek70 116 2022-11-23T19:04:28.000Z https://syntax.yabby.page/video/change-selection-color-with-just-css 2026-10-15T03:45:26.416Z https://i.ytimg.com/vi/lRDXOSIWCzw/maxresdefault.jpg Change Selection Color with Just CSS Change Selection Color with Just CSS https://www.youtube.com/embed/lRDXOSIWCzw 59 2022-11-10T17:53:15.000Z https://syntax.yabby.page/video/css-tutorials-26-adjacent-sibling-selectors 2026-10-15T03:45:26.422Z https://i.ytimg.com/vi/UWzETKG2mYs/maxresdefault.jpg CSS Tutorials #26 - Adjacent & Sibling Selectors Here in the 26th CSS tutorial, I show you how to use + and ~. These are two CSS selectors that can be very flexible when used in interesting ways. For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations https://www.youtube.com/embed/UWzETKG2mYs 442 2014-02-26T03:30:17.000Z https://syntax.yabby.page/video/5-things-i-like-in-svelte-more-than-react 2026-10-15T03:45:26.429Z https://i.ytimg.com/vi/3fLwkhkYdHM/maxresdefault.jpg 5 Things I Like In Svelte More Than React The 5 Things 0:00 Introduction to this series 0:49 CSS Scoping 1:37 a href-"" for links 2:45 DOM Access 3:37 :bind 5:00 {#each things as thing} https://www.leveluptutorials.com Cutting-edge, focused & high quality video tutorials for web developers and designers A new course every month! The best web development podcast out there. Syntax with Wes Bos and Scott Tolinski https://syntax.fm https://www.youtube.com/embed/3fLwkhkYdHM 470 2021-07-15T14:00:01.000Z https://syntax.yabby.page/video/scott-tries-takeshape-a-better-cms 2026-10-15T03:45:26.433Z https://i.ytimg.com/vi/36ozvnQKNmU/maxresdefault.jpg Scott Tries TakeShape - A Better CMS In this edition of Scott Tries Web Services, I try takeshape.io a modern approach to the headless CMS. As always checkout Level Up Tutorials here: https://www.leveluptutorials.com/ and listen to myself and Wes Bos on Syntax here: https://syntax.fm/ * Disclaimer - This was not paid for in any way by any service mentioned in this video, these are my honest real-time opinions. https://www.youtube.com/embed/36ozvnQKNmU 1592 2020-02-11T22:55:20.000Z https://syntax.yabby.page/video/self-host-101-set-up-and-secure-your-own-server 2026-10-15T03:45:26.437Z https://i.ytimg.com/vi/Q1Y_g0wMwww/maxresdefault.jpg Self Host 101 - Set up and Secure Your Own Server In this video, CJ shows you how to configure and lock-down a Virtual Private Server running Ubuntu 22.04. With this base VPS setup, you can begin hosting your own apps and services. This is the first part in a series on self hosting. Next video in the series (Q&A): https://www.youtube.com/watch?v=wZ9kmBnwX54 Next video in the series, run multiple services on a VPS: https://www.youtube.com/watch?v=mLznVlBAtcg Next video in the series, Office Hours (Q&A) Live - https://www.youtube.com/watch?v=ZG76DYUlCEs 00:00 Intro 00:59 The What and Why of Virtual Private Servers 03:22 Connect to your VPS with SSH 05:14 Update package lists and Upgrade packages 09:16 Change root password 09:56 Create non-root user 13:08 Login with SSH Key 15:19 Disable Password Login 17:36 Disable root login 18:25 Network and Firewall Policy 19:11 Closed unused ports 20:15 Change default SSH port 21:31 Restrict port access to a specific IP 22:29 Enable and configure automatic updates 24:38 Thanks! ------------------------------------------------------------------------------ Listen to Syntax episode 615 - https://syntax.fm/show/615/where-should-you-host-your-app-hosting-providers-compared Watch Syntax episode 730 - https://www.youtube.com/watch?v=nCWznQ0HY9c Listen to Syntax episode 730 - https://syntax.fm/show/730/own-your-own-paas Github - generate an SSH key - https://docs.github.com/en/authentication/connecting-to-github-with-ssh/generating-a-new-ssh-key-and-adding-it-to-the-ssh-agent XKCD 149 - https://xkcd.com/149/ unattended-upgrades reference - https://github.com/mvo5/unattended-upgrades?tab=readme-ov-file#supported-options-reference ------------------------------------------------------------------------------ Terms and Topics Covered: Terminal Emulator - https://en.wikipedia.org/wiki/Terminal_emulator SSH - Secure Shell - https://en.wikipedia.org/wiki/Secure_Shell VPS - Virtual Private Server - https://en.wikipedia.org/wiki/Virtual_private_server Brute Force Attack - https://en.wikipedia.org/wiki/Brute-force_attack Exploit - https://www.youtube.com/embed/Q1Y_g0wMwww 1556 2024-03-21T12:00:30.000Z https://syntax.yabby.page/video/what-is-meteor 2026-10-15T03:45:26.444Z https://i.ytimg.com/vi/eOi3F6Kbl7E/maxresdefault.jpg What Is Meteor? In this What Is Wednesday, I unpack What Is Meteor? Purchase Modern CSS Layouts: https://goo.gl/BXwqYH Streaming or downloading all the videos of “Modern CSS Layouts” and the code A Premium video series of tutorials every month Vote for the next potential Premium video series Sign up for Level Up Pro for full access here: https://www.leveluptutorials.com/pro Buy this series: https://goo.gl/BXwqYH Subscribe for more free tutorials: https://goo.gl/6ljoFc Subscribe to the Level Up Newsletter: http://eepurl.com/AWjGz The best shared web hosting: http://www.bluehost.com/track/leveluptutorials/ https://www.youtube.com/embed/eOi3F6Kbl7E 563 2017-12-06T23:05:32.000Z https://syntax.yabby.page/video/live-coding-with-level-up-tuts-dynamic-imports-react-loadable-bundle-visualizer 2026-10-15T03:45:26.448Z https://i.ytimg.com/vi/2ERcpsByZxo/maxresdefault.jpg Live Coding With Level Up Tuts - Dynamic Imports, React Loadable, Bundle Visualizer In this stream, I'll showing Meteor's new dynamic imports and bundle visulaizer https://www.youtube.com/embed/2ERcpsByZxo 2788 2017-07-24T20:24:47.000Z https://syntax.yabby.page/video/open-ai-agent-hacks-hugging-face-react-compiler-ported-to-rust-rust-full-stack-syntax-weekly 2026-10-18T16:15:13.442Z https://i.ytimg.com/vi/A_Mr8ZBOZDI/maxresdefault.jpg This Week in AI ⟡ OpenAI Agent Hacks Hugging Face ⟡ React Compiler Ported to Rust ⌁ Syntax Weekly A rogue OpenAI agent allegedly hacks Hugging Face, the React Compiler lands in Rust, and a fresh Rust full-stack framework ships. Scott, Wes, and CJ also dig into Anthropic's $1.5B copyright settlement, Claude Opus 5, and the campaign to kill the cookie banner. 🔥 Be the ~19,500th person to join our super tasty newsletter https://bit.ly/syntax_snackpack 00:00:00 Welcome to Syntax! 00:01:08 React Compiler Ported to Rust 00:07:33 Vercel releases TS to Native Compiler 00:20:17 Standard Agent Zen Garden 00:30:22 In-House LLM at Netflix 00:36:48 Anthropic to pay $1.5B over book piracy 00:39:38 Open Weights and American AI Leadership 00:42:00 Kimi K3 Weights Released 00:46:01 Claude 5 Context Engineering 00:47:15 Writing Code For Agents to Read 00:49:40 Gemini 3.6 Flash / 3.5 Flash Cyber 00:52:25 Qwen Image 3.0 Released 00:56:29 Cactus Hybrid - Fine Tune Small Models 00:57:55 topcoat - Rust Full Stack Framework 01:02:45 SvelteKit 3 Migration Notes 01:07:00 Canvas UI 01:09:05 Jelly UI 01:11:05 Kill the Cookie Banner 01:14:15 Hugging Face Hacked by OpenAI 01:23:07 AI Alliance for AI Safety and Security 01:26:35 htmx 4: the game for gameboy 01:30:43 Stolen Buttons 01:31:15 Fonts in Use 01:34:20 3d Splats Rust React PR | https://github.com/react/react/pull/36173 scriptc by Vercel | https://scriptc.dev/ Zen Garden | https://model-zen-garden.standardagents.ai/ Netflix In-House LLM | https://netflixtechblog.com/in-house-llm-serving-at-netflix-a5a8e799ea2c Anthropic $1.5B Settlement | https://apnews.com/article/ai-anthropic-copyright-settlement-claude-books-bartz-74b140444023898aeba8579b6e9f0d63 Microsoft Open Weights Letter | https://www.microsoft.com/en-us/corporate-responsibility/topics/open-weight/ Kimi K3 on Hugging Face | https://huggingface.co/moonshotai/Kimi-K3 Claude 5 Context Engineering | https://claude.com/blog/the-new-rules-of-context-engineering-for-claude-5-generation-models How Agents Read Your Code | https://modem.dev/blog/how-coding-agents-read-your-code Gemini 3.6 / 3.5 | https://blog.goo https://www.youtube.com/embed/A_Mr8ZBOZDI 5910 2026-07-27T16:22:15.000Z https://syntax.yabby.page/video/storybook-used-to-feel-like-such-a-chore 2026-10-15T03:45:26.452Z https://i.ytimg.com/vi/fHH4B41G4D8/maxresdefault.jpg Storybook USED TO feel like such a chore... 🔥 Be the ~15,700th person to join our super tasty newsletter https://bit.ly/syntax_snackpack All links available at https://syntax.fm/908 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev #storybook #vite https://www.youtube.com/embed/fHH4B41G4D8 60 2025-06-04T21:39:32.000Z https://syntax.yabby.page/video/start-testing-emails-this-way-javascript-email-testing 2026-10-15T03:45:26.456Z https://i.ytimg.com/vi/Be5DPgwy600/maxresdefault.jpg Start Testing Emails This Way #javascript #email #testing Use Mailhog to test sending emails when running in development. ------------------------------------------------------------------------------ Hit us up on Socials! https://www.syntax.fm/links Brought to you by Sentry - Use code "tastytreats" to get 2 months free - https://sentry.io/syntax https://www.youtube.com/embed/Be5DPgwy600 113 2024-12-17T23:40:43.000Z https://syntax.yabby.page/video/stylus-tutorials-13-fast-typography-with-typographic 2026-10-15T03:45:26.460Z https://i.ytimg.com/vi/T-8W6JGvGEE/maxresdefault.jpg Stylus Tutorials - #13 Fast Typography With Typographic Stylus typography with modular scale, font stacks, and more. https://github.com/corysimmons/typographic Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e https://www.youtube.com/embed/T-8W6JGvGEE 562 2015-02-27T03:35:26.000Z https://syntax.yabby.page/video/susy-tutorials-2-creating-a-basic-grid 2026-10-15T03:45:26.467Z https://i.ytimg.com/vi/hivX9mZb7Cg/maxresdefault.jpg Susy Tutorials #2 - Creating a Basic Grid The 2nd video tutorial in the Susy 2 Tutorials Mini Series. In this video, we show you how to assign elements to a basic grid. Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations https://www.youtube.com/embed/hivX9mZb7Cg 543 2014-03-14T01:39:13.000Z https://syntax.yabby.page/video/6-awesome-chrome-extension-for-github 2026-10-15T03:45:26.473Z https://i.ytimg.com/vi/0r2JwANUZwo/maxresdefault.jpg 6 Awesome Chrome Extension for Github Here's what I'm using Octotree https://chrome.google.com/webstore/detail/octotree/bkhaagjahfmjljalopjnoealnfndnagc?hl=en Enhanced Github https://chrome.google.com/webstore/detail/enhanced-github/anlikcnbgdeidpacdbdljnabclhahhmd?hl=en Sourcegraph https://chrome.google.com/webstore/detail/sourcegraph/dgjhfomjieaadpoljlnidmbgkdffpack?hl=en File Icons https://chrome.google.com/webstore/detail/file-icon-for-github-and/ficfmibkjjnpogdcfhfokmihanoldbfe?hl=en Octolinker https://chrome.google.com/webstore/detail/octolinker/jlmafbaeoofdegohdhinkhilhclaklkp?hl=en DarkTheme https://chrome.google.com/webstore/detail/github-dark-theme/odkdlljoangmamjilkamahebpkgpeacp?hl=en How to IDE-ify your GitHub Video that inspired this video https://www.youtube.com/watch?v=JQsmSwbvPD8&feature=share As always checkout Level Up Tutorials here: https://www.leveluptutorials.com/ and listen to myself and Wes Bos on Syntax here: https://syntax.fm/ https://www.youtube.com/embed/0r2JwANUZwo 384 2020-04-21T17:34:13.000Z https://syntax.yabby.page/video/jsnation-is-the-javascript-conference 2026-10-15T03:45:26.477Z https://i.ytimg.com/vi/6tZNswyKrdg/maxresdefault.jpg JSNation is THE JavaScript conference Discounted Tickets: https://ti.to/gitnation/jsnation-us-edition/discount/SYNTAX10 https://www.youtube.com/embed/6tZNswyKrdg 54 2024-09-25T15:11:26.000Z https://syntax.yabby.page/video/svelte-kit-form-actions-101-new-svelte-kit-api 2026-10-15T03:45:26.482Z https://i.ytimg.com/vi/i5zdnv83mxY/maxresdefault.jpg Svelte Kit Form Actions 101 - New Svelte Kit API Become a Level Up Pro and take your web skills to the next level! https://www.leveluptutorials.com The best web development podcast out there Syntax with Wes Bos and Scott Tolinski https://syntax.fm 🎨 VSCode Theme: https://marketplace.visualstudio.com/items?itemName=leveluptutorials.theme-levelup All of the stuff I use https://www.scotttolinski.com/uses https://www.youtube.com/embed/i5zdnv83mxY 715 2022-09-09T17:36:22.000Z https://syntax.yabby.page/video/svelte-kit-form-actions-real-world-examples-q-a 2026-10-15T03:45:26.494Z https://i.ytimg.com/vi/PK2Mpt1q6K8/maxresdefault.jpg Svelte Kit Form Actions - Real World Examples - Q&A Svelte Kit Form Actions - Real World Examples - Q&A https://www.youtube.com/embed/PK2Mpt1q6K8 5421 2022-09-08T18:37:36.000Z https://syntax.yabby.page/video/sveltekit-1-0-course-by-scott-tolinski 2026-10-15T03:45:26.499Z https://i.ytimg.com/vi/ew8a1W-o6dk/maxresdefault.jpg SvelteKit 1.0 Course by Scott Tolinski START THE COURSE FOR FREE: https://levelup.video/tutorials/sveltekit SvelteKit 1.0 JUST DROPPED, and here's a complete course to teach you everything you need to know to get started. #svelte #sveltekit #courses #learnsvelte #learnsveltekit #sveltekitcourse #learntocode #framework #javascript #sveltejs #webdev #richharris #scotttolinski #sveltesummit #sveltesociety #tutorial #codingtutorials Music: Secret Sauce Musician: Jeff Kaale https://www.youtube.com/embed/ew8a1W-o6dk 181 2022-12-14T19:33:11.000Z https://syntax.yabby.page/video/8-tech-choices-to-lock-in-before-agentmaxxing 2026-10-14T13:45:16.853Z https://i.ytimg.com/vi/PrS_IyC9Jss/maxresdefault.jpg 8 Tech Choices to Lock In Before Agentmaxxing Wes and Scott talk about the foundational decisions that make AI-assisted coding actually work—database schemas, validation, routing, CSS structure, and more. They explore why consistency matters more than specific tools, and how a little upfront planning can keep agents from turning your codebase into chaos. 🔥 Be the ~19,500th person to join our super tasty newsletter https://bit.ly/syntax_snackpack (00:00) Welcome to Syntax! (03:19) Planning your database schema before AI touches it (06:08) Picking a validation strategy that won’t drift (07:18) Mapping your routing structure and auth flow (08:48) Brought to you by Sentry.io (10:52) Locking in your CSS methodology and UI framework (13:31) Choosing how your client and server communicate (15:03) Creating a folder structure agents can follow (16:16) Don’t be afraid to switch up your AI setup later All links available at https://syntax.fm/1007 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by https://sentry.io/syntax #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/PrS_IyC9Jss 1022 2026-05-25T11:00:01.000Z https://syntax.yabby.page/video/a-quick-guide-to-getting-started-with-docker 2026-10-15T03:45:26.507Z https://i.ytimg.com/vi/oZBMFPkkfmc/maxresdefault.jpg ✍🏻 A quick guide to getting started with Docker Yesterday's episode #744 Docker For Developers - An overview of Docker geared towards web developers - what it is, why it's useful, how to get started, core concepts, tools, and some pitfalls. Full episode at syntax.fm/744 ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #docker #devops #techpodcast #syntaxfm https://www.youtube.com/embed/oZBMFPkkfmc 52 2024-03-19T15:38:23.000Z https://syntax.yabby.page/video/sublime-text-tutorials-15-hiding-files-with-user-preferences 2026-10-15T03:45:27.170Z https://i.ytimg.com/vi/JV3aYTPSpRU/maxresdefault.jpg Sublime Text Tutorials #15 - Hiding Files With User Preferences The 15th video in the Sublime Text 2 tutorial series. Here I show you how to exclude files from view on every project. "folder_exclude_patterns": ["misc", "profiles", ".git", ".sass-cache"], "file_exclude_patterns": ["._*", ".DS_Store", "*.txt", "cron.php"] https://www.youtube.com/embed/JV3aYTPSpRU 291 2014-01-28T22:17:52.000Z https://syntax.yabby.page/video/sublime-text-tutorials-22-seti-ui 2026-10-15T03:45:27.178Z https://i.ytimg.com/vi/T989rnAVLR0/maxresdefault.jpg Sublime Text Tutorials #22 - Seti UI Seti UI is a brilliant UI package for Sublime Text/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e https://www.youtube.com/embed/T989rnAVLR0 264 2015-04-29T01:38:00.000Z https://syntax.yabby.page/video/incrementing-numbers-easily-in-vscode 2026-10-15T03:45:27.182Z https://i.ytimg.com/vi/xX7k-RLCm6c/maxresdefault.jpg Incrementing Numbers Easily in VSCode Incrementing Numbers Easily in VSCode https://www.youtube.com/embed/xX7k-RLCm6c 61 2022-09-14T17:57:07.000Z https://syntax.yabby.page/video/how-to-debug-webapps-on-ios-on-a-mac 2026-10-15T03:45:27.194Z https://i.ytimg.com/vi/fXpioHASL84/maxresdefault.jpg How to Debug Webapps on iOS on a Mac How to Debug Webapps on iOS on a Mac https://www.youtube.com/embed/fXpioHASL84 60 2022-10-25T18:52:13.000Z https://syntax.yabby.page/video/the-future-of-nitro 2026-10-15T03:45:27.198Z https://i.ytimg.com/vi/Y9iBpcPYKfY/maxresdefault.jpg The future of Nitro 🔥 Be the ~14,700th person to join our super tasty newsletter bit.ly/syntax_snackpack All links available at https://syntax.fm/878 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev #nuxt #fullstack #oss #syntaxfm #webdev #syntax #nitro #nextjs https://www.youtube.com/embed/Y9iBpcPYKfY 58 2025-02-20T19:21:26.000Z https://syntax.yabby.page/video/sublime-text-tutorials-18-correct-syntax-highlighting 2026-10-15T03:45:27.202Z https://i.ytimg.com/vi/I_kBr3p-pr4/maxresdefault.jpg Sublime Text Tutorials #18 - Correct Syntax Highlighting The 18th video in the Sublime Text 2 tutorial series. Here I show you how to easily have proper syntax highlighting in Sublime Text 2 or 3. https://www.youtube.com/embed/I_kBr3p-pr4 167 2014-02-19T02:15:11.000Z https://syntax.yabby.page/video/wordpress-basics-13-manually-adding-a-theme 2026-10-15T03:45:27.207Z https://i.ytimg.com/vi/7jwU40mjkQk/maxresdefault.jpg WordPress Basics #13 - Manually Adding A Theme The 13th video in the new WordPress Basics video series. Here we show you how to install a theme manually that you have downloaded outside of WordPress. For questions post in the comments or visit: http://leveluptuts.com/forum https://www.youtube.com/embed/7jwU40mjkQk 284 2014-02-07T02:33:14.000Z https://syntax.yabby.page/video/wordpress-basics-12-adding-a-theme 2026-10-15T03:45:27.211Z https://i.ytimg.com/vi/p7AnLyQFw9Y/maxresdefault.jpg WordPress Basics #12 - Adding A Theme The 12th video in the new WordPress Basics video series. Here we show you how to install a theme from within WordPress. For questions post in the comments or visit: http://leveluptuts.com/forum https://www.youtube.com/embed/p7AnLyQFw9Y 276 2014-02-07T02:30:59.000Z https://syntax.yabby.page/video/drupal-tutorials-the-complete-guide-to-omega-4-21-layouts-panels-and-panels-everywhere 2026-10-15T03:45:27.215Z https://i.ytimg.com/vi/lr-plM2GObk/maxresdefault.jpg Drupal Tutorials - The Complete Guide To Omega 4 #21 - Layouts, Panels, and Panels Everywhere The 21st tutorial in the The Complete Guide To Omega 4. Here we show you how to set a page layout using Panels Everywhere and Omega 4's Layouts that we created earlier. https://www.youtube.com/embed/lr-plM2GObk 558 2014-01-09T02:14:52.000Z https://syntax.yabby.page/video/drupal-tutorials-the-complete-guide-to-omega-4-18-theme-specific-layout-styles 2026-10-15T03:45:27.221Z https://i.ytimg.com/vi/_oPhYAGmDP8/maxresdefault.jpg Drupal Tutorials - The Complete Guide To Omega 4 #18 - Theme Specific Layout Styles The 18th tutorial in the The Complete Guide To Omega 4. Here we show you how to create a theme specific layout stylesheet for theme specific tweaks and customizations to your layout's styles. https://www.youtube.com/embed/_oPhYAGmDP8 279 2013-12-06T04:41:26.000Z https://syntax.yabby.page/video/drupal-tutorials-the-complete-guide-to-omega-4-7-styling-omega-4-without-sass 2026-10-15T03:45:27.226Z https://i.ytimg.com/vi/dFOeIT3Dfaw/maxresdefault.jpg Drupal Tutorials - The Complete Guide To Omega 4 #7 - Styling Omega 4 Without Sass The 7th in the The Complete Guide To Omega 4. Here we show you how to write styles in Omega 4 without using Sass. (Pro tip: Don't do it!) https://www.youtube.com/embed/dFOeIT3Dfaw 225 2013-11-20T04:30:09.000Z https://syntax.yabby.page/video/sass-tutorials-19-placeholder-selectors 2026-10-15T03:45:27.233Z https://i.ytimg.com/vi/hwdVpKiJzac/maxresdefault.jpg Sass Tutorials #19 - Placeholder Selectors The 19th tutorial in the Sass Tutorial Series. This tutorial breaks down the new Placeholder Selectors feature in Sass 3.2.1. This allows you extend a styles without having the base style appear in the css. https://www.youtube.com/embed/hwdVpKiJzac 286 2012-09-21T02:26:23.000Z https://syntax.yabby.page/video/sass-tutorials-18-updating-to-sass-3-2-1-media-mark 2026-10-15T03:45:27.240Z https://i.ytimg.com/vi/7Udo83kArP4/maxresdefault.jpg Sass Tutorials #18 - Updating to Sass 3.2.1. Media Mark The 18th tutorial in the Sass Tutorial Series. This is the quickest tutorial in Level Up Tuts history. Update your Sass to the latest version with this tut if you haven't already to take advantage of great new features. https://www.youtube.com/embed/7Udo83kArP4 114 2012-09-21T02:01:27.000Z https://syntax.yabby.page/video/the-whole-team-should-be-reviewing-code 2026-10-15T03:45:27.244Z https://i.ytimg.com/vi/5BNlIUJS0k0/maxresdefault.jpg The whole team should be reviewing code Sarah Vessels from GitHub discusses code reviews, the process of collaborating on a codebase, and best practices around pull requests and merges. ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #CodeReviews #GitHub #Collaboration https://www.youtube.com/embed/5BNlIUJS0k0 53 2024-10-04T16:00:47.000Z https://syntax.yabby.page/video/drupal-tutorials-38-adding-recaptcha 2026-10-15T03:45:27.249Z https://i.ytimg.com/vi/Lm5ZqBx5vqQ/maxresdefault.jpg Drupal Tutorials #38 Adding ReCaptcha This is the 38th tutorial in the Drupal 7 tutorial series. This tutorial shows you how to add ReCaptcha. https://www.youtube.com/embed/Lm5ZqBx5vqQ 380 2012-05-31T00:50:41.000Z https://syntax.yabby.page/video/sketch-app-tutorials-21-4-great-artboard-plugins-for-sketch-3 2026-10-15T03:45:27.253Z https://i.ytimg.com/vi/LmWlG3N57CI/maxresdefault.jpg Sketch App Tutorials #21 - 4 Great Artboard Plugins For Sketch 3 In this Sketch App video tutorial, I show my 4 favorite plugins to help your artboard workflow Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e https://www.youtube.com/embed/LmWlG3N57CI 480 2015-03-13T03:00:35.000Z https://syntax.yabby.page/video/compass-tutorials-3-css3-mixins 2026-10-15T03:45:27.257Z https://i.ytimg.com/vi/E0EcWdgFZS0/maxresdefault.jpg Compass Tutorials #3 - CSS3 Mixins This is the 3rd tutorial in the Compass series. This tutorial covers how to use the built in Css3 mixins for easier browser safe code. Source located here: https://github.com/stolinski/Level-Up-Tuts---Sass-Tutorials/tree/master/Compass%20Tutorials%20%233%20-%20Css3%20Mixins https://www.youtube.com/embed/E0EcWdgFZS0 400 2012-03-19T02:06:26.000Z https://syntax.yabby.page/video/sass-tutorials-13-build-your-own-function-part-3-total-automation-with-lists 2026-10-15T03:45:27.262Z https://i.ytimg.com/vi/PlJt8DRCjlo/maxresdefault.jpg Sass Tutorials #13 - Build Your Own Function Part 3 - Total Automation with Lists This is the 13th tutorial in a series that show users how to code CSS using advanced features in Sass. This tutorial covers how to use the code from the previous example inside of your list example to totally automate the contrasting color of your text. https://www.youtube.com/embed/PlJt8DRCjlo 329 2012-03-06T02:24:48.000Z https://syntax.yabby.page/video/drupal-commerce-tutorials-2-installation-and-overview 2026-10-15T03:45:27.266Z https://i.ytimg.com/vi/4hYfOu7MPL8/maxresdefault.jpg Drupal Commerce Tutorials #2 - Installation and Overview In the 2nd video in the Drupal Commerce Tutorial series. Here, we install Drupal Commerce and check out what come with that install. In this series we show how to add Drupal Commerce to your existing Drupal site. Subscribe to Level Up Pro for extra features! http://leveluptuts.com/level-up-pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations https://www.youtube.com/embed/4hYfOu7MPL8 421 2014-04-23T00:04:17.000Z https://syntax.yabby.page/video/i-bought-black-market-ai-tokens-on-chinese-amazon 2026-10-18T16:15:13.402Z https://i.ytimg.com/vi/09UELaUhPEw/maxresdefault.jpg I had no idea there was a BLACK MARKET for AI Tokens Investigating the AI token transfer house black market. Hit me up if you do sketchy stuff https://x.com/wesbos 00:00 Black Market AI Tokens 00:55 Shopping for Tokens 03:22 Claude Website Access 05:30 Claude Code API Tokens 09:45 Comparing Tokenization + Prompts 12:04 Scam Math 14:00 Where do these tokens come from? 16:30 The Review Ecosystem 18:40 Distillation 20:00 Was it worth it? Huge thanks to Matthew Lenhard for lending his expertise. Matthew's X - https://x.com/MattLenhard Vectoral - https://vectoral.com/ https://www.youtube.com/embed/09UELaUhPEw 1353 2026-08-07T12:00:05.000Z https://syntax.yabby.page/video/level-up-tips-2-iterm2 2026-10-15T03:45:27.270Z https://i.ytimg.com/vi/SoTDXeyz3AE/maxresdefault.jpg Level Up Tips #2 - iTerm2 Here I show you my favorite terminal emulator, iTerm2. http://www.iterm2.com/ For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations https://www.youtube.com/embed/SoTDXeyz3AE 315 2014-02-26T03:32:09.000Z https://syntax.yabby.page/video/tweek-so-is-scott-s-favorite-weekly-planner-to-do-app 2026-10-15T03:45:27.277Z https://i.ytimg.com/vi/pZ7-gxhOCXA/maxresdefault.jpg Tweek.so is Scott's favorite weekly planner/to-do app 🔥 Be the ~14,700th person to join our super tasty newsletter https://bit.ly/syntax_snackpack All links available at https://syntax.fm/925 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev #todo #productivity #todoapp #weeklyplanner #organization https://www.youtube.com/embed/pZ7-gxhOCXA 64 2025-08-07T22:01:02.000Z https://syntax.yabby.page/video/wordpress-basics-11-understanding-user-roles 2026-10-15T03:45:27.281Z https://i.ytimg.com/vi/lMJ0Ut-pv8o/maxresdefault.jpg WordPress Basics #11 - Understanding User Roles The 11th video in the new WordPress Basics video series. Here we explain user roles, what they allow each user to do and how to change them. For questions post in the comments or visit: http://leveluptuts.com/forum https://www.youtube.com/embed/lMJ0Ut-pv8o 418 2014-02-05T03:25:36.000Z https://syntax.yabby.page/video/html5-tutorials-16-how-to-play-audio-with-html5 2026-10-15T03:45:27.285Z https://i.ytimg.com/vi/mBSsef52kT8/maxresdefault.jpg HTML5 Tutorials #16 - How To Play Audio With HTML5 The 16th video in our HTML5 Tutorial series. Here, I show you the basics of HTML5 Audio, and you get to hear me sing. http://seanooi.net/audio-for-everybody/ https://www.youtube.com/embed/mBSsef52kT8 489 2013-07-10T01:43:03.000Z https://syntax.yabby.page/video/html5-tutorials-9-form-input-types 2026-10-15T03:45:27.291Z https://i.ytimg.com/vi/pbm7e-lPGl0/maxresdefault.jpg HTML5 Tutorials #9 - Form Input Types The 9th video in our HTML5 Tutorial series. Here, I show you some of the new form input types! Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e https://www.youtube.com/embed/pbm7e-lPGl0 569 2013-06-22T21:23:26.000Z https://syntax.yabby.page/video/4-never-prefix-again-with-autoprefixer-postcss-tutorials 2026-10-15T03:45:27.295Z https://i.ytimg.com/vi/QKNIESSSQX4/maxresdefault.jpg #4 - Never Prefix Again With Autoprefixer - PostCSS Tutorials Here we show you how to add Autoprefixer to PostCSS. https://www.patreon.com/leveluptuts The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e https://www.youtube.com/embed/QKNIESSSQX4 346 2015-08-25T03:05:50.000Z https://syntax.yabby.page/video/sublime-text-tutorials-23-material-design-theme-for-sublime-text 2026-10-15T03:45:27.299Z https://i.ytimg.com/vi/6eqgrCxprOI/maxresdefault.jpg Sublime Text Tutorials #23 - Material Design Theme For Sublime Text Here I show off a great looking Material Design Theme & Color Scheme created for Sublime Text 3 The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e https://www.youtube.com/embed/6eqgrCxprOI 433 2015-07-22T00:38:03.000Z https://syntax.yabby.page/video/html5-tutorials-7-the-time-element 2026-10-15T03:45:27.303Z https://i.ytimg.com/vi/QvDhz51v6SE/maxresdefault.jpg HTML5 Tutorials #7 - The Time Element The 7th video in our HTML5 Tutorial series. Here, I show you how to use the time element. Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e https://www.youtube.com/embed/QvDhz51v6SE 417 2013-06-22T21:20:17.000Z https://syntax.yabby.page/video/ai-enables-developers-to-be-both-generalists-and-specialists 2026-10-15T03:45:27.307Z https://i.ytimg.com/vi/mQmS3RvjUb4/maxresdefault.jpg AI enables developers to be both generalists and specialists 🔥 Be the ~15,700th person to join our super tasty newsletter https://bit.ly/syntax_snackpack All links available at https://syntax.fm/903 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #AI #OpenSource #Editors #webdev #microsoft #copilot #vscode #github https://www.youtube.com/embed/mQmS3RvjUb4 155 2025-05-20T16:31:57.000Z https://syntax.yabby.page/video/sass-tutorials-11-build-your-own-function 2026-10-15T03:45:27.314Z https://i.ytimg.com/vi/duFZT7Pdoxk/maxresdefault.jpg Sass Tutorials #11 - Build Your Own Function This is the 11th tutorial in a series that show users how to code CSS using advanced features in Sass. This tutorial covers how to build your own functions by passing arguments and returning a transformed value. https://www.youtube.com/embed/duFZT7Pdoxk 227 2012-03-06T02:10:45.000Z https://syntax.yabby.page/video/drupal-tutorials-the-complete-guide-to-omega-4-3-creating-a-sub-theme 2026-10-15T03:45:27.318Z https://i.ytimg.com/vi/mAbNK4A2fKg/maxresdefault.jpg Drupal Tutorials - The Complete Guide To Omega 4 #3 - Creating a Sub Theme The 3rd video in the The Complete Omega 4 Course. Here we show you how to create a Omega 4 Sub-Theme with Drush. https://www.youtube.com/embed/mAbNK4A2fKg 370 2013-11-13T03:39:20.000Z https://syntax.yabby.page/video/ux-prototyping-with-principle-series-introduction 2026-10-15T03:45:27.322Z https://i.ytimg.com/vi/IPvPwDLguB8/maxresdefault.jpg UX Prototyping with Principle - Series Introduction Learn how to create amazing interactive UX & UI prototypes using Principle. Subscribe for more free tutorials https://goo.gl/6ljoFc, Buy this series and get 3 exclusive videos! https://goo.gl/uvR3Wv Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e Animate Your Ideas, Design Better Apps Principle makes it easy to design animated and interactive user interfaces. Whether you're designing the flow of a multi-screen app, or new interactions and animations, Principle lets you create designs that look and feel amazing. Out of the box stunning transitions when changing data, updating colours and adding datasets. Chart.js is a community maintained project, contributions welcome! Visualize your data in 8 different ways; each of them animated and customisable. Redraws charts on window resize for perfect scale granularity. https://www.youtube.com/embed/IPvPwDLguB8 89 2016-08-03T15:56:34.000Z https://syntax.yabby.page/video/what-is-gquery-weekly-svelte 2026-10-15T03:45:27.326Z https://i.ytimg.com/vi/JoXTEbyoxqY/maxresdefault.jpg What is gQuery - Weekly Svelte Become a Level Up Pro and take your web skills to the next level! https://www.leveluptutorials.com/pro?utm_source=youtube&utm_medium=video&utm_campaign=weekly_svelte Svelte for Beginners https://leveluptutorials.com/tutorials/svelte-for-beginners/introduction The best web development podcast out there Syntax with Wes Bos and Scott Tolinski https://syntax.fm https://www.youtube.com/embed/JoXTEbyoxqY 1038 2021-11-05T19:31:01.000Z https://syntax.yabby.page/video/graphql-codegen-for-effortless-graphql-and-typescript 2026-10-15T03:45:27.333Z https://i.ytimg.com/vi/CtcjrPCwojQ/maxresdefault.jpg GraphQL Codegen For Effortless GraphQL and Typescript GraphQL Codegen For Effortless GraphQL and Typescript https://www.youtube.com/embed/CtcjrPCwojQ 4557 2020-09-03T22:03:29.000Z https://syntax.yabby.page/video/command-line-basics-2-getting-around 2026-10-15T03:45:27.337Z https://i.ytimg.com/vi/b93ehHTCZAE/maxresdefault.jpg Command Line Basics #2 - Getting Around Learn command line from the very basics. Here we talk about how to change directories and look inside of them. Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations https://www.youtube.com/embed/b93ehHTCZAE 420 2014-04-04T01:32:24.000Z https://syntax.yabby.page/video/drupal-tutorials-33-adding-google-analytics 2026-10-15T03:45:27.343Z https://i.ytimg.com/vi/5UleWXsDxr0/maxresdefault.jpg Drupal Tutorials #33 - Adding Google Analytics This is the 33rd tutorial in the Drupal 7 tutorial series. This tutorial shows you how to add Google Analytics with the Google Analytics module for Drupal 7. Subscribe for more free tutorials https://goo.gl/6ljoFc, more Drupal Tutorials here: https://goo.gl/YDHhLW Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e This Drupal 7 tutorial series shows users how to build websites with the very popular open source content management system Drupal 7. https://www.youtube.com/embed/5UleWXsDxr0 327 2012-05-11T00:49:34.000Z https://syntax.yabby.page/video/cursor-ai-over-github-copilot 2026-10-15T03:45:27.348Z https://i.ytimg.com/vi/Nb-4N9rAFds/maxresdefault.jpg Cursor AI over GitHub Copilot?? 🎙️ Is Cursor AI the VS Code Killer? Wes and Scott discuss Cursor, a new AI-powered code editor and assistant. They are impressed by its capabilities compared to GitHub Copilot, including better completions, UI improvements, multi-file edits, and custom docs for context. ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #webdevelopment #webdeveloper #javascript #ai #productivity #tools #github #githubcopilot #cursorai #syntaxfm https://www.youtube.com/embed/Nb-4N9rAFds 60 2024-09-20T13:43:07.000Z https://syntax.yabby.page/video/can-this-robot-be-my-personal-assistant 2026-10-18T16:15:13.501Z https://i.ytimg.com/vi/ouLnfWqjjN4/maxresdefault.jpg Can This Reachy Mini Be My Personal Assistant? Reachy Mini: https://huggingface.co/reachy-mini Hermes: https://github.com/nousresearch/hermes-agent 🔥 Be the ~19,500th person to join our super tasty newsletter https://bit.ly/syntax_snackpack All links available at https://syntax.fm/000 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by https://sentry.io/syntax #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/ouLnfWqjjN4 832 2026-07-17T12:00:20.000Z https://syntax.yabby.page/video/sapper-to-svelte-kit-basics-weekly-svelte 2026-10-15T03:45:27.352Z https://i.ytimg.com/vi/3szVn0vmvtA/maxresdefault.jpg Sapper to Svelte Kit Basics - Weekly Svelte Become a Level Up Pro and take your web skills to the next level! https://www.leveluptutorials.com The best web development podcast out there Syntax with Wes Bos and Scott Tolinski https://syntax.fm 🎨 VSCode Theme: https://marketplace.visualstudio.com/items?itemName=leveluptutorials.theme-levelup All of the stuff I use https://www.scotttolinski.com/uses https://www.youtube.com/embed/3szVn0vmvtA 780 2022-04-22T16:52:09.000Z https://syntax.yabby.page/video/customizing-wordpress-2-using-chrome-developers-tools 2026-10-15T03:45:27.356Z https://i.ytimg.com/vi/kp4rDDX_q5s/maxresdefault.jpg Customizing WordPress #2 - Using Chrome Developers Tools The 2nd video in the new Customizing WordPress video series. Here we show you how user Chrome Developers Tools to find and modify your components with CSS. #1 OUTSOURCING SERVICE FOR WORDPRESS https://api.referoo.co/hits/create_hit?partner_id=16&medium_id=1 For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations https://www.youtube.com/embed/kp4rDDX_q5s 694 2014-02-28T02:45:47.000Z https://syntax.yabby.page/video/wordpress-basics-19-adding-a-new-widget-from-a-plugin 2026-10-15T03:45:27.360Z https://i.ytimg.com/vi/AgOP3TrAQBI/maxresdefault.jpg WordPress Basics #19 - Adding A New Widget From A Plugin The 19th video in the new WordPress Basics video series. Here we show you how to add new types of widgets by installing and configuring a "Recently Viewed" plugin. #1 OUTSOURCING SERVICE FOR WORDPRESS https://api.referoo.co/hits/create_hit?partner_id=16&medium_id=1 For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations https://www.youtube.com/embed/AgOP3TrAQBI 257 2014-02-21T01:25:45.000Z https://syntax.yabby.page/video/level-up-tips-7-how-to-install-oh-my-zsh 2026-10-15T03:45:27.364Z https://i.ytimg.com/vi/Tz4kScOIOW0/maxresdefault.jpg Level Up Tips #7 - How To Install oh-my-zsh Here we show you how to install oh-my-zsh, the best way to use command line and zsh. https://github.com/robbyrussell/oh-my-zsh Run: curl -L http://install.ohmyz.sh | sh If you have the same Xcode error. sudo xcrun cc Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations https://www.youtube.com/embed/Tz4kScOIOW0 382 2014-05-07T00:32:26.000Z https://syntax.yabby.page/video/sass-tutorials-14-output-style 2026-10-15T03:45:27.368Z https://i.ytimg.com/vi/9BN_-DWV9Rg/maxresdefault.jpg Sass Tutorials #14 - Output Style The 14th tutorial in the Sass Tutorials series. This tut teaches you about the various output styles that Sass has built in. https://www.youtube.com/embed/9BN_-DWV9Rg 187 2012-04-24T01:21:58.000Z https://syntax.yabby.page/video/typescript-in-nodejs-has-arrived-in-nightlies 2026-10-15T03:45:27.372Z https://i.ytimg.com/vi/qh9UxIX5MIM/maxresdefault.jpg TypeScript in NodeJS has Arrived In Nightlies NodeJS just merged TypeScript support into Node 23 Nightlies via @swc/wasm-typescript & --experimental-strip-types Pull Request: https://github.com/nodejs/node/pull/53725 Sandbox: https://codesandbox.io/p/devbox/node--experimental-strip-types-with-node-js-nightly-dxdtmp?file=%2Fpackage.json%3A10%2C18 ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #nodejs #typescript https://www.youtube.com/embed/qh9UxIX5MIM 260 2024-07-25T16:57:25.000Z https://syntax.yabby.page/video/vision-pro-as-a-web-developer 2026-10-15T03:45:27.376Z https://i.ytimg.com/vi/Xl3kPmSLwa0/maxresdefault.jpg Vision Pro as a Web Developer Here's a quick video to show you how I'm using the Vision Pro as a web developer. I'm down to answer any questions you have about it. ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #javascript #webdeveloper #webdevelopment #visionpro #apple #vscode #spatialcomputing https://www.youtube.com/embed/Xl3kPmSLwa0 218 2024-02-06T22:23:29.000Z https://syntax.yabby.page/video/how-to-make-amazing-range-inputs-with-css 2026-10-15T03:45:27.380Z https://i.ytimg.com/vi/AvvXZL3mKhc/maxresdefault.jpg How To Make Amazing Range Inputs With CSS Code: https://codepen.io/stolinski/pen/MYyagzE https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input/range ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/AvvXZL3mKhc 1619 2025-11-13T14:47:57.000Z https://syntax.yabby.page/video/have-you-seen-this-new-web-browser 2026-10-15T03:45:27.386Z https://i.ytimg.com/vi/gaaYyZzkgQM/maxresdefault.jpg Have You Seen This New Web Browser? 🔥 Be the ~14,700th person to join our super tasty newsletter https://bit.ly/syntax_snackpack All links available at https://syntax.fm/000 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/gaaYyZzkgQM 131 2025-06-23T17:27:32.000Z https://syntax.yabby.page/video/he-s-putting-php-in-your-js-files 2026-10-15T03:45:27.390Z https://i.ytimg.com/vi/Ipp4Qd_2zy4/maxresdefault.jpg He's putting PHP in your JS files 🔥 Be the ~14,700th person to join our super tasty newsletter bit.ly/syntax_snackpack All links available at https://syntax.fm/882 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev #javascript #php #laravel #vue #fusion #aaronfrancis https://www.youtube.com/embed/Ipp4Qd_2zy4 35 2025-03-06T20:29:28.000Z https://syntax.yabby.page/video/css-scroll-driven-animations 2026-10-15T03:45:27.394Z https://i.ytimg.com/vi/JhTMIBLCaNw/maxresdefault.jpg CSS: Scroll Driven Animations In this episode of Syntax, Wes and Scott talk about CSS' new scroll-driven animations, its implementation, uses, and potential pitfalls. They also discuss animation-timeline and animation-range, and how they can be utilized to control animations based on scroll positions. Show Notes (00:00) - Welcome to Syntax! (00:46) - Brought to you by Sentry.io (01:35) - Scroll-driven animations (04:13) - @keyframes (05:22) - animation-timeline (11:35) - animation-range (08:49) - View-based timelines (17:45) - Neat uses: Dave Rupert on styling :stuck All links available at https://syntax.fm/813 ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript https://www.youtube.com/embed/JhTMIBLCaNw 1292 2024-08-26T11:00:27.000Z https://syntax.yabby.page/video/skills-skills-skills 2026-10-16T15:45:15.220Z https://i.ytimg.com/vi/RWH4AIVRgvU/maxresdefault.jpg Skills Skills Skills Scott and Wes chat all things agent skills for web developers, sharing their favorites for everything from CSS animations and HTML generation to logo extraction, marketing copy, and video creation. Whether you’re just getting started with AI-powered development or looking to level up your workflow, this episode is packed with practical skills you can put to use today 🔥 Be the ~18,300th person to join our super tasty newsletter https://bit.ly/syntax_snackpack Show Notes 00:00 Welcome to Syntax! 01:33 Hot Tip Skill 05:55 CSS Motion Systems 08:17 Agent Browser Skill 09:30 HTML Skill 12:01 Extract Logos Skill 13:34 Dex Task Skill 14:50 Remotion and Hyper Frames Skills 16:22 Discussion on AI and Design Skills 18:50 Marketing Skills and Copywriting 23:01 Final Thoughts and Resources 24:10 Brought to you by Sentry.io All links available at https://syntax.fm/1003 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/RWH4AIVRgvU 1535 2026-05-11T11:00:48.000Z https://syntax.yabby.page/video/a-couple-of-the-most-important-soft-skills-for-developers-according-to-wes-bos 2026-10-15T03:45:27.398Z https://i.ytimg.com/vi/tIjCl35306Y/maxresdefault.jpg A couple of the most important soft skills for developers according to Wes Bos! Episode # 663 - Potluck × Soft Skills × Release Notes × Headless CMS × Organizing Code × Inet CSS? Listen to the whole episode here: https://syntax.fm/show/663/potluck-soft-skills-release-notes-headless-cms-organizing-code-inet-css #softskills #skills #webdev #softwaredeveloper #career #learntocode #webdevelopment #communication #skills https://www.youtube.com/embed/tIjCl35306Y 58 2023-09-15T21:23:15.000Z https://syntax.yabby.page/video/prestashop-tutorials-10-setting-up-table-rate-shipping 2026-10-15T03:45:27.402Z https://i.ytimg.com/vi/nwduTzFJmG0/maxresdefault.jpg Prestashop Tutorials #10 - Setting Up Table Rate Shipping Here we show you how to set up table rate shipping. Download Prestashop here http://www.prestashop.com/ Fast, efficient and easy to use, PrestaShop's free e-commerce solution provides everything you need to open, operate and maintain a successful online store. Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e https://www.youtube.com/embed/nwduTzFJmG0 463 2014-10-09T17:47:00.000Z https://syntax.yabby.page/video/95-tanstack-router-5-vinxi-nitro-vite 2026-10-15T03:45:27.408Z https://i.ytimg.com/vi/v1lbiIXLVTA/maxresdefault.jpg 95% TanStack Router & 5% Vinxi, Nitro, Vite Tanner Lindsley, creator of TanStack, is working on a whole framework called TanStack Start. Tanner Lindsley discusses TanStack Start, a new fullstack framework built on TanStack Router, and his vision for robust client-side apps that can incrementally adopt server rendering and capabilities. He shares unique perspectives on React Server Components, type safety, middleware, and more. ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #react #typescript #frameworks #tanstack #tanstackstart #framework #webdev #syntax #coding https://www.youtube.com/embed/v1lbiIXLVTA 57 2024-10-11T20:50:07.000Z https://syntax.yabby.page/video/how-do-you-say-zsh 2026-10-15T03:45:28.024Z https://i.ytimg.com/vi/7OFUiTA4IAI/maxresdefault.jpg How do you say ZSH? ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #zsh https://www.youtube.com/embed/7OFUiTA4IAI 28 2024-05-28T14:38:39.000Z https://syntax.yabby.page/video/zero-sync-only-stores-the-stuff-it-needs 2026-10-15T03:45:28.035Z https://i.ytimg.com/vi/Si3jwlBgLc4/maxresdefault.jpg zero sync only stores the stuff it needs Zero sync load times are super fast bc it only stores the stuff it needs and it knows how to get it. For example, it took only 182 milliseconds to load this client side rendered site. This is because it only needs to download some HTML and JavaScript and most of the data is already stored in your browser. 👉 Join the exclusive newsletter - https://syntax.fm/snackpack ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript https://www.youtube.com/embed/Si3jwlBgLc4 76 2025-01-14T19:14:16.000Z https://syntax.yabby.page/video/biome-faster-smarter-js-formatting-linting-in-rust 2026-10-15T03:45:28.044Z https://i.ytimg.com/vi/GZgwcSTZkD0/maxresdefault.jpg Biome: Faster, Smarter JS Formatting & Linting in Rust! Join Scott and Wes as they delve into the fascinating realm of Biome.JS alongside Emanuele Stoppa, the mastermind behind it all. Why is it written in Rust? Why are other tools so slow? Could Biome be the ultimate successor to ESLint or Prettier? Grab a seat at the table and find out! Show Notes 00:00 Welcome to Syntax! 00:10 Brought to you by Sentry.io. 01:49 Who is Emanuele Stoppa and what is Biome? 03:18 What happened to Rome? 05:49 Who's paying for Biome to be developed? 07:28 How many people are working on Biome? 09:24 Why do we even need Biome? 11:38 Why are other tools so slow? 12:55 Cost of compute. 14:01 The cache management. 14:30 Why was the decision made to move to Rust? 16:35 The bigger the company, the pricier the compute. 19:49 How to get started with Biome. 23:08 Will Biome offer more features than Prettier? 24:12 Language support. 26:02 A language parser for every language? 27:45 Will plugins need to be written in Rust? 31:25 Ezno, TypeScript Compiler. 33:13 Will we ever see a new TypeScript type-checker? 35:38 What are your thoughts on the types proposal? 38:03 What does your average day look like? 41:10 What is your role at Astro? 41:46 What other languages do you know? 43:22 Biome VCS. 45:14 GitHub action setup. 47:04 Supper Club Questions. 47:09 What text editor, theme and font are you using? 48:26 What do you do to stay up to date? 48:54 Sick Picks & Shameless Plugs. All links available at https://syntax.fm/764 ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript https://www.youtube.com/embed/GZgwcSTZkD0 3103 2024-05-03T11:00:12.000Z https://syntax.yabby.page/video/if-i-take-your-course-will-i-be-ready-for-a-job 2026-10-15T03:45:28.052Z https://i.ytimg.com/vi/uEmAJ_0mMSo/maxresdefault.jpg "If I take your course, will I be ready for a job??" Listen to the full episode, Supper Club × How To Get Your First Dev Job With Stuart Bloxham, to learn more: https://syntax.fm/show/667/supper-club-how-to-get-your-first-dev-job-with-stuart-bloxham #learntocode #codingskills #techcareer #career #codingtutorials #skills #webdev https://www.youtube.com/embed/uEmAJ_0mMSo 54 2023-09-28T17:19:14.000Z https://syntax.yabby.page/video/have-you-used-position-sticky-horizontally-coding-css-webstandards-javascript 2026-10-15T03:45:28.059Z https://i.ytimg.com/vi/p3FcrJMyhkE/maxresdefault.jpg Have you used position sticky horizontally? #coding #css # #webstandards #javascript Have you used position sticky horizontally? #coding #css # #webstandards #javascript https://www.youtube.com/embed/p3FcrJMyhkE 48 2024-01-09T22:43:39.000Z https://syntax.yabby.page/video/how-to-mostly-ditch-adobe-creative-cloud 2026-10-15T03:45:28.063Z https://i.ytimg.com/vi/a1aawFTiuls/maxresdefault.jpg How To Mostly Ditch Adobe Creative Cloud In this video, I attempt to present excellent alternatives to the major apps in the Adobe Creative Cloud. Subscribe for more free tutorials https://goo.gl/6ljoFc Become A Native App Developer with React & React Native https://www.leveluptutorials.com/store/products/tutorials/lut-dd014 Links: https://affinity.serif.com/en-us/ https://www.figma.com/ https://www.sketchapp.com https://www.blackmagicdesign.com/products/davinciresolve/ https://www.apple.com/final-cut-pro/ https://www.apple.com/final-cut-pro/motion/ https://www.foundry.com/products/nuke Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e https://www.youtube.com/embed/a1aawFTiuls 880 2017-07-06T23:20:31.000Z https://syntax.yabby.page/video/we-think-the-dia-browser-is-the-future 2026-10-15T03:45:28.070Z https://i.ytimg.com/vi/WaD8JwcgFKI/maxresdefault.jpg We think the Dia Browser is the future 🔥 Be the ~17,160th person to join our super tasty newsletter https://bit.ly/syntax_snackpack All links available at https://syntax.fm/917 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev #ARCBROWSER #THEBROWSERCOMPANY #DIABROWSER #AITOOLS #AI https://www.youtube.com/embed/WaD8JwcgFKI 74 2025-07-07T20:58:50.000Z https://syntax.yabby.page/video/more-bots-than-humans-vercel-launches-agent-framework-syntax-weekly 2026-10-15T13:45:16.742Z https://i.ytimg.com/vi/rmCmzimg4UY/maxresdefault.jpg More Bots Than Humans ⟡ Vercel Launches Agent Framework ⌁ Syntax Weekly ⌁ The internet now has more bots than humans and Vercel launches an agent framework. 🔥 Be the ~19,500th person to join our super tasty newsletter https://bit.ly/syntax_snackpack Watch Part 2 Here: https://youtube.com/watch?v=GA1NJaIlH58 00:00:00 Intro 00:01:00 Codex Design Smell 00:03:20 More Bots Than Humans 00:12:15 Social Media Is Nothing But Bots 00:20:27 Vercel Launches Agent Framework ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by https://sentry.io/syntax #news #programming #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/rmCmzimg4UY 2079 2026-06-22T15:46:20.000Z https://syntax.yabby.page/video/fast-websites-the-new-speculation-rules-api 2026-10-15T03:45:28.074Z https://i.ytimg.com/vi/qhEGU3xt0gc/maxresdefault.jpg Fast Websites: The New Speculation Rules API Scott and Wes dive into the Speculation Rules API and why it’s a game-changer for building blazing-fast websites. They break down how pre-loading, prefetching, and pre-connecting work together to boost performance while weighing the costs for both users and developers. 👉 Join the exclusive newsletter - https://syntax.fm/snackpack Show Notes 00:00 Welcome to Syntax! 00:49 Pre-loading, prefetching, and pre-connecting. 02:06 Brought to you by Sentry.io. 03:16 Benefits of pre-loading, prefetching, and pre-connecting? 07:02 The Speculation Rules API. 08:20 Isn’t that expensive? 08:53 Eagerness of the Speculation Rules API. 09:55 What is the cost for the site? 14:42 What is the cost for the user? 15:49 Next Master. 18:07 The current prevalence. All links available at https://syntax.fm/855 ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript https://www.youtube.com/embed/qhEGU3xt0gc 1450 2024-12-02T12:01:05.000Z https://syntax.yabby.page/video/postcss-tutorials 2026-10-15T03:45:28.079Z https://i.ytimg.com/vi/fMg5HlHmGLY/maxresdefault.jpg PostCSS Tutorials Hear about the exciting CSS Post-processor, PostCSS. In this series we'll be exploring the what, why and how of PostCSS and how you can include it in your workflow. https://www.patreon.com/leveluptuts The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e https://www.youtube.com/embed/fMg5HlHmGLY 94 2015-08-21T23:05:06.000Z https://syntax.yabby.page/video/are-companies-hiring-state-of-the-dev-job-market-with-taylor-desseyn 2026-10-15T03:45:28.083Z https://i.ytimg.com/vi/Xeaqos_qyTQ/maxresdefault.jpg Are Companies Hiring? State of the Dev Job Market With Taylor Desseyn Scott and Wes talk with Taylor Desseyn about the shifting developer job market. Taylor shares practical tips for standing out, building genuine connections, and finding opportunities in a competitive hiring landscape. 👉 Join the exclusive newsletter - https://syntax.fm/snackpack (00:00) - Welcome to Syntax! (01:38) - Meet Taylor Desseyn (03:51) - Is the dev job market as bad as it seems? (06:47) - How to stand out when applying for a dev job? (11:03) - Who is getting hired? (14:16) - What tech/languages are companies hiring for right now? (16:37) - Is there less work? (20:10) - The small things that get you hired (24:19) - What to do when you get laid off (27:42) - Brought to you by Sentry.io (28:07) - How to make yourself more appealing to employers (32:39) - Networking tips and tricks (39:01) - Remote work and office return trends (40:58) - Why you should negotiate carefully (43:38) - What's the most important thing right now for getting hired? (45:48) - Should devs understand stakeholders and business goals? (46:42) - Creating a good resume (52:00) - Sick Picks & Shameless Plugs All links available at https://syntax.fm/845 ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript https://www.youtube.com/embed/Xeaqos_qyTQ 3425 2024-11-08T08:00:23.000Z https://syntax.yabby.page/video/we-ve-been-using-headings-wrong 2026-10-15T03:45:28.087Z https://i.ytimg.com/vi/nDnLSYCOg7E/maxresdefault.jpg We've been using headings wrong . . . Discussion on proper semantic usage of h1 through h6 headings for accessibility, SEO, and screen reader navigation. In this Hasty Treat, Scott and Wes talk about headings on your website, why you should care, how to structure your headings, and what tooling is there for testing your website? Show Notes 00:00 Welcome 00:57 Syntax Brought to you by Sentry 01:27 Why do we care about Headings? 02:58 Heading design provides an outline for your website 08:22 Using H1 classes? 10:20 Is the logo an H1? 12:45 Giving an ARIA level 16:55 Can headings be visually hidden? 20:46 Benefits of good heading design 22:10 Tooling https://syntax.fm/show/674/a11y-treats-heading-design ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #accessibility #headings #SEO https://www.youtube.com/embed/nDnLSYCOg7E 1667 2024-01-22T20:44:58.000Z https://syntax.yabby.page/video/we-want-local-ai-agents-desktop-apps-w-deno-nub-replaces-bun-is-wfh-fraud-syntax-weekly 2026-10-14T11:45:15.442Z https://i.ytimg.com/vi/GA1NJaIlH58/maxresdefault.jpg We Want Local AI Agents ⟡ Desktop Apps w/ Deno ⟡ Nub replaces Bun ⟡ Is WFH Fraud? ⌁ Syntax Weekly ⌁ Deno ships a built-in desktop app runtime, a package manager called nub, ForesightJS v4, and a wild 3D bookshop you can walk around in your browser 🔥 Be the ~19,500th person to join our super tasty newsletter https://bit.ly/syntax_snackpack Watch Part 1 Here: https://youtube.com/watch?v=rmCmzimg4UY 00:00:00 We Want Local AI Agents 00:09:49 Deno Desktop 00:24:11 Nub Replaces Bun 00:28:38 ForsightJS Predicts User Intent 00:35:33 Is WFH Fraud? 00:41:29 3D Book Store Explorer ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by https://sentry.io/syntax #news #programming #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/GA1NJaIlH58 2757 2026-06-22T17:47:24.000Z https://syntax.yabby.page/video/css-4-5-and-6-with-google-s-una-and-adam 2026-10-15T03:45:28.094Z https://i.ytimg.com/vi/lNbHrjIuwxc/maxresdefault.jpg CSS 4, 5, and 6! With Google’s Una and Adam In this episode of Syntax, Wes and Scott talk with Una Kravetz and Adam Argyle from Google Chrome about the evolution of CSS, new features, and the push toward more advanced UI capabilities on the web. They discuss the introduction of CSS versioning, exciting new properties like text-box-trim, state queries, and scroll state functionalities, select, and more! Show Notes (00:00) - Welcome to Syntax! (01:43) - Brought to you by Sentry.io (02:19) - The evolution of CSS (04:07) - CSS versioning and spec levels (17:49) - Use-cases for allow-discrete (20:34) - State queries (24:19) - Where does the baseline data come from? (25:17) - Will the RFC become official? (27:33) - New features Una is excited about (29:44) - Select (38:31) - New features Adam is excited about (39:24) - text-box-trim (40:59) - State queries (54:56) - Sick Picks + Shameless Plugs All links available at https://syntax.fm/812 ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript https://www.youtube.com/embed/lNbHrjIuwxc 3776 2024-08-23T10:00:48.000Z https://syntax.yabby.page/video/website-performance-tutorials 2026-10-15T03:45:28.098Z https://i.ytimg.com/vi/aD94FQ-WsIg/maxresdefault.jpg Website Performance Tutorials Today I start a new series on website performance and speed optimization. I'll be showing tools and techniques to get your websites flying.Subscribe for more free tutorials https://goo.gl/6ljoFc, more performance Tutorials here: https://goo.gl/NBf7sE Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e Meteor gives you a radically simpler way to build realtime mobile and web apps, entirely in JavaScript from one code base. https://www.youtube.com/embed/aD94FQ-WsIg 49 2015-09-30T21:46:32.000Z https://syntax.yabby.page/video/welcome-to-level-up-tutorials 2026-10-15T03:45:28.104Z https://i.ytimg.com/vi/30O4xKk-aUY/maxresdefault.jpg Welcome To Level Up Tutorials Become a better developer & designer by subscribing for more free tutorials https://goo.gl/6ljoFc Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e Over 750 free video tutorials for web developers and designers. https://www.youtube.com/embed/30O4xKk-aUY 85 2015-11-23T23:52:29.000Z https://syntax.yabby.page/video/what-are-github-actions-what-is-web-development 2026-10-15T03:45:28.108Z https://i.ytimg.com/vi/35kWICRDbi0/maxresdefault.jpg What Are GitHub Actions? - What is Web Development What Are GitHub Actions? - What is Web Development https://www.youtube.com/embed/35kWICRDbi0 375 2022-06-08T12:30:26.000Z https://syntax.yabby.page/video/what-are-web-components 2026-10-15T03:45:28.112Z https://i.ytimg.com/vi/83W63gTVlSk/maxresdefault.jpg What Are Web Components? Become a Level Up Pro and take your web skills to the next level! https://www.leveluptutorials.com/pro?utm_source=youtube&utm_medium=video&utm_campaign=what_is Learn Web Components with Web Components for Beginners https://www.leveluptutorials.com/tutorials/web-components-for-beginners?utm_source=youtube&utm_medium=video&utm_campaign=what_is The best web development podcast out there Syntax with Wes Bos and Scott Tolinski https://syntax.fm https://www.youtube.com/embed/83W63gTVlSk 399 2021-09-01T14:00:08.000Z https://syntax.yabby.page/video/chartjs-tutorials-10-using-logarithmic-scales 2026-10-15T03:45:28.116Z https://i.ytimg.com/vi/c0PMPodIQqE/maxresdefault.jpg ChartJS Tutorials #10 - Using Logarithmic Scales In this video, we change the scale to be logarithmic. Subscribe for more free tutorials https://goo.gl/6ljoFc, Buy this series and get access to ChartJS themes! https://goo.gl/BamhKi Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e Simple yet flexible JavaScript charting for designers & developers. Mix and match bar and line charts to provide a clear visual distinction between datasets. Plot complex, sparse datasets on date time, logarithmic or even entirely custom scales with ease. Out of the box stunning transitions when changing data, updating colours and adding datasets. Chart.js is a community maintained project, contributions welcome! Visualize your data in 8 different ways; each of them animated and customisable. Redraws charts on window resize for perfect scale granularity. https://www.youtube.com/embed/c0PMPodIQqE 297 2016-08-31T21:44:25.000Z https://syntax.yabby.page/video/the-real-pricing-of-llms 2026-10-15T13:45:16.748Z https://i.ytimg.com/vi/srh13T0NvGA/maxresdefault.jpg The Real Pricing of LLMs In this potluck episode of Syntax, Wes and Scott answer your questions about LLM usage-based pricing, security risks from malicious code in interviews, staying current in a fast-moving dev landscape, a new CSS linter, managing Node environments and tooling without losing your mind, and more! 🔥 Be the ~18,300th person to join our super tasty newsletter https://bit.ly/syntax_snackpack (00:00) - Welcome to Syntax! (01:17) - Copilot’s new usage-based pricing and the end of cheap AI (08:53) - Why Syntax dropped clever ad transitions (10:33) - Debugging issues on the Syntax website with Sentry (12:51) - Brought to you by Sentry.io (13:01) - Getting hacked through a fake recruiter and malicious repos (17:57) - How to catch up after stepping away from dev (25:10) - React components vs native browser APIs (32:41) - New CSS linting tools and Project Wallace updates (36:06) - How to interview developers in the age of AI (41:21) - Managing Node, package managers, and dev environments (46:59) - Sick picks and shameless plugs All links available at https://syntax.fm/1002 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/srh13T0NvGA 3160 2026-05-06T11:01:29.000Z https://syntax.yabby.page/video/how-to-code-for-beginners 2026-10-15T03:45:28.123Z https://i.ytimg.com/vi/eqzdnkVkk18/maxresdefault.jpg How to Code... For beginners Join Wes and Scott for a 30,000 foot, 'soup-to-nuts' view of web development. From choosing design tools, website styling, and programming languages, to backend infrastructure, data management, and hosting. Show Notes 00:00 Welcome! 00:21 30,000 foot view of web development 02:37 Brought to you by Sentry.io 02:55 Starting with design tools. 06:10 Code Tooling 06:22 Text Editors 09:34 Terminal 14:28 Build Tools 16:07 Browser and dev tools 18:21 Formatter and linter. 21:43 CSS (how you style your website). 25:34 Programming languages. 27:14 Backend with metaframework. 29:36 Backend without metaframework. 32:20 Runtimes (JavaScript). 34:02 User interface libraries. 39:43 Data management: Databases 41:42 Data management: ORM 42:53 Other data management considerations. 43:33 Image pipelines. 45:52 Hosting, CDN, CI. 47:21 Hosting your site. 50:19 The finishing touches. 50:26 Brought to you by Sentry.io 52:18 Captcha 55:03 Sick Picks + Shameless Plugs. All links available at https://syntax.fm/727 ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript https://www.youtube.com/embed/eqzdnkVkk18 3577 2024-02-07T12:00:38.000Z https://syntax.yabby.page/video/what-is-esbuild 2026-10-15T03:45:28.127Z https://i.ytimg.com/vi/5nu-G5TRotA/maxresdefault.jpg What is ESBuild What is ESBuild https://www.youtube.com/embed/5nu-G5TRotA 57 2022-10-28T15:59:24.000Z https://syntax.yabby.page/video/what-is-fastify 2026-10-15T03:45:28.131Z https://i.ytimg.com/vi/k1FSybMulVQ/maxresdefault.jpg What Is Fastify? Become a Level Up Pro and take your web skills to the next level! https://www.leveluptutorials.com/pro?utm_source=youtube&utm_medium=video&utm_campaign=what_is Learn Web Components with Web Components for Beginners https://www.leveluptutorials.com/tutorials/web-components-for-beginners?utm_source=youtube&utm_medium=video&utm_campaign=what_is The best web development podcast out there Syntax with Wes Bos and Scott Tolinski https://syntax.fm https://www.youtube.com/embed/k1FSybMulVQ 454 2021-09-08T16:55:45.000Z https://syntax.yabby.page/video/what-is-kubernetes 2026-10-15T03:45:28.135Z https://i.ytimg.com/vi/sx1NmS90YiI/maxresdefault.jpg What is Kubernetes? Own your own PaaS Scott and Wes talk about the benefits of owning your own PaaS (platform as a service), the main alternatives in the space, and ways to make passion projects more financially viable. syntax.fm/730 ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #bunjs #coolify #paas #tech #softwaredev #webdev #javascript #techtok #techpodcast #kubernetes https://www.youtube.com/embed/sx1NmS90YiI 42 2024-02-15T16:16:05.000Z https://syntax.yabby.page/video/web-dev-horror-story-git-corrupted 2026-10-15T03:45:28.139Z https://i.ytimg.com/vi/Hdrd7M-X5GM/maxresdefault.jpg Web Dev Horror Story: 'Git Corrupted' happy halloween!! 👉 Join the exclusive newsletter - https://syntax.fm/snackpack ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #halloween #webdevhorrorstory #webdev https://www.youtube.com/embed/Hdrd7M-X5GM 46 2024-10-31T17:17:13.000Z https://syntax.yabby.page/video/what-is-package-json 2026-10-15T03:45:28.146Z https://i.ytimg.com/vi/4xR2nV7MGfE/maxresdefault.jpg What is Package.json Become a Level Up Pro and take your web skills to the next level! https://www.leveluptutorials.com/pro?utm_source=youtube&utm_medium=video&utm_campaign=what_is Learn Web Components with Web Components for Beginners https://www.leveluptutorials.com/tutorials/web-components-for-beginners?utm_source=youtube&utm_medium=video&utm_campaign=what_is The best web development podcast out there Syntax with Wes Bos and Scott Tolinski https://syntax.fm https://www.youtube.com/embed/4xR2nV7MGfE 476 2021-09-29T18:56:50.000Z https://syntax.yabby.page/video/what-is-pnpm 2026-10-15T03:45:28.150Z https://i.ytimg.com/vi/hiTmX2dW84E/maxresdefault.jpg What Is pnpm? Become a Level Up Pro and take your web skills to the next level! https://www.leveluptutorials.com/pro?utm_source=youtube&utm_medium=video&utm_campaign=what_is Learn Web Components with Web Components for Beginners https://www.leveluptutorials.com/tutorials/web-components-for-beginners?utm_source=youtube&utm_medium=video&utm_campaign=what_is The best web development podcast out there Syntax with Wes Bos and Scott Tolinski https://syntax.fm https://www.youtube.com/embed/hiTmX2dW84E 526 2021-10-13T18:35:06.000Z https://syntax.yabby.page/video/what-is-vitest-what-is-web-development 2026-10-15T03:45:28.154Z https://i.ytimg.com/vi/5ddeTxyfgcE/maxresdefault.jpg What Is Vitest? - What is Web Development? Becomes a Level Up Pro https://leveluptutorials.com https://vitest.dev https://twitter.com/antfu7/status/1468233216939245579 https://www.youtube.com/embed/5ddeTxyfgcE 537 2022-03-10T00:29:48.000Z https://syntax.yabby.page/video/scott-s-take-on-instantdb 2026-10-15T03:45:28.158Z https://i.ytimg.com/vi/Fw_oIZfI2Cg/maxresdefault.jpg Scott's take on InstantDB 🔥 Be the ~16,700th person to join our super tasty newsletter https://bit.ly/syntax_snackpack All links available at https://syntax.fm/929 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev #instantdb #database #localfirst #webdev #syntaxfm https://www.youtube.com/embed/Fw_oIZfI2Cg 75 2025-08-20T00:03:25.000Z https://syntax.yabby.page/video/what-is-webpack 2026-10-15T03:45:28.162Z https://i.ytimg.com/vi/nfmvexyoHXE/maxresdefault.jpg What Is Webpack? In this video, I up-pack what webpack is in plain english and how it can help you. Sign up for Level Up Pro for full access https://www.leveluptutorials.com/pro Learn React Now! https://goo.gl/MkRA11 Subscribe for more free tutorials https://goo.gl/6ljoFc The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz At its core, webpack is a module bundler for modern JavaScript applications. When webpack processes your application, it recursively builds a dependency graph that includes every module your application needs, then packages all of those modules into one or more bundles. https://www.youtube.com/embed/nfmvexyoHXE 839 2017-11-08T20:20:51.000Z https://syntax.yabby.page/video/what-s-missing-from-the-web-platform 2026-10-15T03:45:28.166Z https://i.ytimg.com/vi/bdw10C0wxiQ/maxresdefault.jpg What’s Missing From the Web Platform? Scott and Wes run through their wishlist for the web platform, digging into the UI primitives, DOM APIs, and browser features they wish existed (or didn’t suck). From better form controls and drag-and-drop to native reactivity, CSS ideas, and future-facing APIs, it’s a big-picture chat on what the web could be.🔥 Be the ~18,300th person to join our super tasty newsletter https://bit.ly/syntax_snackpack Show Notes 00:00 Welcome to Syntax! 00:39 Exploring What’s Missing from the Web Platform 02:26 Enhancing DOM Primitives for Better User Experience 03:59 Multi-select + Combobox. 04:49 Date Picker. 07:18 Tabs. 08:01 Image + File Upload. 09:08 Toggles. 10:23 Native Drag and Drop that doesn’t suck. 12:03 Syntax wishlist. 12:06 Type Annotations. 15:07 Pipe Operator. 16:33 APIs We Wish to See on the Web 18:31 Brought to you by Sentry.io 19:51 Identity. 21:33 getElementByText() 24:09 Native Reactive DOM. Templating in JavaScript. 24:48 Sync Protocol. 25:52 Virtualization that doesn’t suck. 27:40 Put, Patch, and Delete on forms. 28:55 Text metrics: get bounding box of individual characters. 29:42 Lower Level Connections. 29:50 Bluetooth API. 30:47 Sockets. 31:29 NFC + RFID. 34:34 Things we want in CSS. 34:40 Specify transition speed. 35:24 CSS Strict Mode. 36:25 Safari moving to Chromium. 36:37 The Need for Diverse Browser Engines 37:48 AI Access. 44:49 Other APIs 46:59 Qwen TTS 48:07 Sick Picks + Shameless Plugs All links available at https://syntax.fm/975 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/bdw10C0wxiQ 3059 2026-02-02T12:01:10.000Z https://syntax.yabby.page/video/whatisfigjam-an-online-whiteboard-within-figma 2026-10-15T03:45:28.171Z https://i.ytimg.com/vi/Pr546tFILAY/maxresdefault.jpg WhatIsFigJam? - An online whiteboard within Figma WhatIsFigJam? - An online whiteboard within Figma https://www.youtube.com/embed/Pr546tFILAY 401 2022-06-22T13:00:49.000Z https://syntax.yabby.page/video/drupal-tutorials-11-installing-your-first-module-pathauto 2026-10-15T03:45:28.175Z https://i.ytimg.com/vi/5-ic4gzCvFQ/maxresdefault.jpg Drupal Tutorials #11 - Installing Your First Module - Pathauto This Drupal 7 tutorial shows you how to install a module and using Pathauto set up patterns for better URLs. Subscribe for more free tutorials https://goo.gl/6ljoFc, more Drupal Tutorials here: https://goo.gl/YDHhLW Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e This Drupal 7 tutorial series shows users how to build websites with the very popular open source content management system Drupal 7. https://www.youtube.com/embed/5-ic4gzCvFQ 445 2012-03-26T02:40:58.000Z https://syntax.yabby.page/video/why-claude-codex-and-cursor-switched-primitives-github-take-note 2026-10-16T13:45:14.238Z https://i.ytimg.com/vi/5He3_Lin5gE/maxresdefault.jpg why claude, codex and cursor switched primitives (github take note) Scott and Wes sit down with Alex Sexton and Amadeus De Marzi from Pierre Computer to dig into the gnarly performance challenges behind building blazing-fast code review tools, covering virtualization, progressive rendering, and why GitHub’s UI feels so sluggish. They also chat about how major AI coding tools like Claude, Codex, and Cursor are adopting Pierre’s diffs library, plus the role of web components, benchmarking, and what it takes to build “VS Code 2.0.” 🔥 Be the ~19,500th person to join our super tasty newsletter https://bit.ly/syntax_snackpack Show Notes 00:00 Welcome to Syntax! 04:00 The Need for Better Infrastructure 05:53 Understanding Diffs and Trees 08:16 Performance Challenges in Code Review 10:49 Virtualization Techniques for Smooth Scrolling 15:04 In-Page Find and Virtualization Limitations 17:00 Browser Limitations and Content Visibility 19:29 Progressive Rendering and Syntax Highlighting 23:05 Tools and Techniques for Performance Testing 33:35 Optimizing Performance with AI 36:31 Mastering Auto Research for Efficiency 42:00 Exploring Web Components and State Management 44:05 Innovations in Rendering and Virtualization 49:12 Business Insights and Future Directions 53:58 Sick Picks All links available at https://syntax.fm/1008 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by https://sentry.io/syntax #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/5He3_Lin5gE 3597 2026-05-27T11:00:03.000Z https://syntax.yabby.page/video/are-you-a-human-prove-it-by-grilling-these-6-items-to-perfection 2026-10-15T03:45:28.179Z https://i.ytimg.com/vi/cd3RvPsItYk/maxresdefault.jpg Are you a human? Prove it by grilling these 6 items to perfection. 🔥 Be the ~16,700th person to join our super tasty newsletter https://bit.ly/syntax_snackpack ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev #captcha #funny https://www.youtube.com/embed/cd3RvPsItYk 81 2025-07-11T19:04:10.000Z https://syntax.yabby.page/video/accepting-money-on-the-internet-in-2025-2 2026-10-15T03:45:28.184Z https://i.ytimg.com/vi/VW2QT48IFqQ/maxresdefault.jpg Accepting Money on the Internet in 2025 🔥 Be the ~15,700th person to join our super tasty newsletter bit.ly/syntax_snackpack All links available at https://syntax.fm/890 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/VW2QT48IFqQ 44 2025-04-25T21:04:49.000Z https://syntax.yabby.page/video/why-is-the-web-essentially-sh-t-now 2026-10-15T03:45:28.188Z https://i.ytimg.com/vi/kB5OlPcmcsA/maxresdefault.jpg Why is the web essentially sh!t now? We're curious what you all think about this -- How can companies maintain pleasant web experience their users while also supporting their business needs?? https://www.youtube.com/embed/kB5OlPcmcsA 86 2026-01-05T18:26:51.000Z https://syntax.yabby.page/video/sometimes-all-it-takes-is-an-email-to-the-right-person 2026-10-15T03:45:28.195Z https://i.ytimg.com/vi/24EId6yeGqs/maxresdefault.jpg sometimes all it takes is an email to the right person 🔥 Be the ~15,700th person to join our super tasty newsletter https://bit.ly/syntax_snackpack All links available at https://syntax.fm/906 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev #startup #webdev #tech #raisingmoney #syntaxfm https://www.youtube.com/embed/24EId6yeGqs 96 2025-05-29T20:29:56.000Z https://syntax.yabby.page/video/bundlephobia-com-tells-us-a-lot-about-packages-size-including-the-minified-gzipped-value 2026-10-15T03:45:28.199Z https://i.ytimg.com/vi/nuTX1KzzYNQ/maxresdefault.jpg bundlephobia.com tells us a lot about packages size, including the minified + gzipped value 🆕How to Pick a JS Package 🔗 syntax.fm/849 💬 Wes and Scott discuss strategies for finding, evaluating and integrating JavaScript packages and libraries into projects. 👉 Join the exclusive newsletter - https://syntax.fm/snackpack ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #NPM #WebDev https://www.youtube.com/embed/nuTX1KzzYNQ 60 2024-11-18T18:07:46.000Z https://syntax.yabby.page/video/tame-todos-in-vscode-vscode-pro-tips 2026-10-15T03:45:28.203Z https://i.ytimg.com/vi/V4e8YqnA4zM/maxresdefault.jpg Tame TODOs in VSCode - VSCode Pro Tips Become a Level Up Pro and take your web skills to the next level! https://www.leveluptutorials.com The best web development podcast out there Syntax with Wes Bos and Scott Tolinski https://syntax.fm https://www.youtube.com/embed/V4e8YqnA4zM 383 2022-03-07T20:33:09.000Z https://syntax.yabby.page/video/50-000-for-open-source-where-should-we-send-it 2026-10-15T03:45:28.208Z https://i.ytimg.com/vi/4ryOuxX8cXc/maxresdefault.jpg $50,000 for Open Source. Where should we send it? syntax.fm/oss ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript https://www.youtube.com/embed/4ryOuxX8cXc 54 2024-10-08T15:53:31.000Z https://syntax.yabby.page/video/3-press-confirmation-button-react-experiments-1 2026-10-15T03:45:28.212Z https://i.ytimg.com/vi/M24k18agaso/maxresdefault.jpg 3 Press Confirmation Button - React Experiments #1 In this video we build a fun 3 press confirmation button using React. Follow a long and see how to build a real-world component, then take the code and use it yourself! ### Video Links Code: https://codesandbox.io/s/v3mr6o1jn5 Buy Level 2 React: https://www.leveluptutorials.com/store/products/tutorials/lut-dd023 Become a Pro: https://www.leveluptutorials.com/pro ### Affiliate Links Please use these links when signing up for services to help support Level Up. Easy Hosting with Netlify: https://goo.gl/pychVP Shared Web Hosting: https://goo.gl/pfC6uc ### Level Up Links Syntax Podcast ft Scott Tolinski & Wes Bos: https://goo.gl/7jDDxX Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz In this series, we dive into intermediate React concepts where you'll learn things like, how to use the React Context API, how to make a portal in React, how to use and understand render props as well as animated transitions and interactive animations in React. React makes it painless to create interactive UIs. Design simple views for each state in your application, and React will efficiently update and render just the right components when your data changes. https://www.youtube.com/embed/M24k18agaso 1368 2018-07-24T23:19:06.000Z https://syntax.yabby.page/video/the-local-first-landscape 2026-10-15T03:45:28.216Z https://i.ytimg.com/vi/aKaSOVzquqA/maxresdefault.jpg The Local First Landscape Scott and Wes dive into the local first landscape, exploring the benefits and possibilities of local first apps. They highlight some of their favorite tools and discuss why local first is gaining traction among developers. Show Notes 00:00 Welcome to Syntax! 00:27 Behind the Code: Brought to you by Sentry.io. 01:06 Catch up with Wes and Scott. 03:00 The local first space. 04:27 Some local first apps we love. 05:15 The advantages of local first. 06:07 localfirstweb.dev. 09:21 Triplit. 15:33 Evolu. 22:32 RxDB. 24:08 ElectricSQL. 26:57 Pouchdb. 28:46 TinyBase. 32:08 Replicache. 44:31 PowerSync. 48:21 Sick Picks & Shameless Plugs. All links available at https://syntax.fm/793 ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript https://www.youtube.com/embed/aKaSOVzquqA 3201 2024-07-10T11:00:01.000Z https://syntax.yabby.page/video/do-we-need-js-frameworks-are-you-over-engineering-webview-vs-native 2026-10-15T03:45:28.220Z https://i.ytimg.com/vi/eJFgBXHc69k/maxresdefault.jpg Do We Need JS Frameworks × Are you Over-Engineering × Webview vs Native Scott and Wes tackle a variety of audience questions, from the nuances of over-engineering to the energy consumption of AI LLMs. They also discuss the pros and cons of monorepos, frameworks, and the ever-important question: Do you really need to learn all the developer tooling? Show Notes 00:00 Welcome to Syntax! 00:41 Brought to you by Sentry.io. 01:07 Challenges around a resume playback function. 05:56 Why use Google Forms for Potluck questions? 07:57 What constitutes over-engineering and how to avoid it. 13:28 Webview vs native component based mobile apps. 18:06 Running and managing monorepos. 20:59 Energy consumption of AI LLMs vs static web content. 25:19 Why do we need frameworks? 33:05 Handling ad-blockers blocking Sentry and other tools. 38:25 Creating sites without JavaScript. 42:49 Do I really have to learn all the various developer tooling? 44:47 What are the best ways to network and meet other developers? 50:16 Sick Picks & Shameless Plugs. All links available at https://syntax.fm/796 ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript https://www.youtube.com/embed/eJFgBXHc69k 3514 2024-07-17T11:00:40.000Z https://syntax.yabby.page/video/will-mozilla-firefox-survive 2026-10-15T03:45:28.224Z https://i.ytimg.com/vi/ADkFHjXlheE/maxresdefault.jpg Will Mozilla Firefox survive? Mozilla is becoming an AI browser and people are not stoked. Mozilla has two options now: Cease to exist or get more users. What's gonna happen? https://www.youtube.com/embed/ADkFHjXlheE 114 2026-01-20T17:51:27.000Z https://syntax.yabby.page/video/6-what-is-an-id-in-html 2026-10-15T03:45:28.228Z https://i.ytimg.com/vi/QbPe1NxY4HE/maxresdefault.jpg #6 - What Is An Id in HTML In this video, I talk about how and why to use Ids in HTML. In this video series, I teach you how to build your first website. No prior experience needed. The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ https://www.patreon.com/leveluptuts Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e https://www.youtube.com/embed/QbPe1NxY4HE 417 2015-09-08T01:02:10.000Z https://syntax.yabby.page/video/15-minute-css-challenges-are-so-hard 2026-10-14T18:45:16.367Z https://i.ytimg.com/vi/RnUu3rN60-o/maxresdefault.jpg 15 minute css challenges are SO hard everyone talks a big game until they realize that 15 minutes is nothin' https://www.youtube.com/embed/RnUu3rN60-o 34 2026-05-04T14:03:02.000Z https://syntax.yabby.page/video/i-built-a-tool-that-makes-supercuts-in-seconds 2026-10-12T19:15:18.326Z https://i.ytimg.com/vi/3iT7fVVm4Uc/maxresdefault.jpg I Built a Tool That Makes Supercuts in Seconds I built Supercut Studio. It transcribes video with word-accurate timestamps (using xAI's speech-to-text API), lets you search for any word or phrase, and renders supercut compilations with FFmpeg. In this video I walk through the whole tech stack, how the transcription and rendering pipeline works, and show off some ridiculous supercuts. The code: https://github.com/wesbos/syntax-supercut-studio 🔥 Be the ~19,500th person to join our super tasty newsletter https://bit.ly/syntax_snackpack ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by https://sentry.io/syntax #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/3iT7fVVm4Uc 910 2026-05-22T14:04:47.000Z https://syntax.yabby.page/video/start-using-docker-today-docker-devops-webdevelopment 2026-10-15T03:45:28.233Z https://i.ytimg.com/vi/gjdMgaeGTQM/maxresdefault.jpg Start Using Docker Today! #docker #devops #webdevelopment In this video CJ shows the basics of using docker and docker compose. ------------------------------------------------------------------------------ Hit us up on Socials! https://www.syntax.fm/links Brought to you by Sentry - Use code "tastytreats" to get 2 months free - https://sentry.io/syntax https://www.youtube.com/embed/gjdMgaeGTQM 57 2024-04-23T17:59:04.000Z https://syntax.yabby.page/video/you-must-learn-the-fundamentals-of-programming 2026-10-15T03:45:28.237Z https://i.ytimg.com/vi/OY4qUkK3h7E/maxresdefault.jpg YOU MUST learn the fundamentals of programming YOU MUST learn the fundamentals of programming if you want to keep up https://www.youtube.com/embed/OY4qUkK3h7E 61 2025-12-15T17:55:49.000Z https://syntax.yabby.page/video/javascript-isn-t-a-good-tool-for-the-backend 2026-10-15T03:45:28.241Z https://i.ytimg.com/vi/K-Vqq4lfoXg/maxresdefault.jpg JavaScript isn't a good tool for the backend HOT TAKE - Do you agree?? "JavaScript isn't a good tool for the backend" - Dimitri Metropolis https://www.youtube.com/embed/K-Vqq4lfoXg 69 2026-01-12T15:10:17.000Z https://syntax.yabby.page/video/what-s-your-vote 2026-10-15T03:45:28.248Z https://i.ytimg.com/vi/JBc05wIS810/maxresdefault.jpg What's your vote? 💬 Discussion of new features in Svelte 5 including runes, unified state APIs, declarative $state, $derived, $effect, $inspect, snippets, and more. 👉 Join the exclusive newsletter - https://syntax.fm/snackpack ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #svelte #javascript #webdev #syntaxfm #podcast #learntech https://www.youtube.com/embed/JBc05wIS810 87 2024-12-19T20:47:06.000Z https://syntax.yabby.page/video/answering-your-coding-questions-durable-objects-tab-state-hacks-and-headless-cms-choices 2026-10-15T03:45:28.252Z https://i.ytimg.com/vi/hxUDQEpXv6c/maxresdefault.jpg Answering Your Coding Questions: Durable Objects, Tab State Hacks, and Headless CMS Choices Scott and Wes ring in the new year, answering listener questions on the rise of durable objects, handling tricky tab state in e-commerce apps, and their top picks for headless CMS. They also chat about the future of CSS, deployment platforms, and whether Syntax beanies might finally be a thing!👉 Join the exclusive newsletter - https://syntax.fm/snackpack Show Notes 00:00 Welcome to Syntax! 00:52 Brought to you by Sentry.io. 03:10 What Are Durable Objects? 08:25 CSS Anchor Positioning: Cross-Browser Support Update. 12:48 Freelancers: UX and Design Skills vs. Functional Expertise. 16:47 Choosing the Best Deployment Platform. 20:49 Making Websites WCAG Compliant. 22:35 Managing Tab State in Complex Apps. 28:43 Will CSS Ever Be Complete? 33:21 When Will Syntax Beanies Drop? 35:21 The Best Headless CMS for a Tech Blog. 42:15 From Many Packages to Monolithic Frameworks. 46:41 Sick Picks + Shameless Plugs. All links available at https://syntax.fm/864 ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript https://www.youtube.com/embed/hxUDQEpXv6c 3142 2025-01-01T12:00:55.000Z https://syntax.yabby.page/video/the-hardest-problem-in-computer-science-cache-invalidation 2026-10-15T03:45:28.256Z https://i.ytimg.com/vi/ROfrHShYKLQ/maxresdefault.jpg the hardest problem in computer science - cache invalidation https://www.youtube.com/watch?v=j8oD976nhZk Episode #753 Cache Ruins Everything Around Me Discussion about cache invalidation issues when caching user-specific data, solutions like using different URLs, partial caching, edge functions, and drawbacks like flash of unstyled content. ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #caching #cacheinvalidation #cache #edgefunction #webdev #programminghumor #performance https://www.youtube.com/embed/ROfrHShYKLQ 28 2024-04-08T20:31:04.000Z https://syntax.yabby.page/video/spooky-web-dev-horror-stories-part-1 2026-10-15T03:45:28.261Z https://i.ytimg.com/vi/u8EC6IsEkmo/maxresdefault.jpg Spooky Web Dev Horror Stories - PART 1 Scott and Wes unpack the spookiest web dev stories submitted by listeners in this episode. From forgotten MX records to infinite loops, these real-life coding horrors will have you double-checking your WHERE clauses and git backups. Show Notes 00:00 Welcome to Syntax! 00:39 Brought to you by Sentry.io. 00:48 What is Spooky Stories? 02:45 ‘Needs a Coffee’ 04:43 ‘Deleting Github’ 07:42 ‘Rejected’ 09:08 ‘Infinite Loop’ 09:26 ‘MySqueeel Horror’ 11:02 ‘Pet Company’ 12:09 ‘Git Corrupted’ 12:57 ‘Circular Horror’ 14:25 ‘The Haunting of the Forgotten MX Records’ All links available at https://syntax.fm/840 ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript https://www.youtube.com/embed/u8EC6IsEkmo 1037 2024-10-28T11:00:58.000Z https://syntax.yabby.page/video/vibe-coding-s-huge-problem 2026-10-15T03:45:28.265Z https://i.ytimg.com/vi/V1ZGrbyiUyQ/maxresdefault.jpg Vibe Coding’s Huge Problem Wes and Scott talk about the dangers of vibe coding when it comes to authentication and access control. They share real-world examples of security fails, discuss how to avoid client-side-only checks, and offer practical tips for protecting sensitive user data in your apps. 🔥 Be the ~14,700th person to join our super tasty newsletter https://bit.ly/syntax_snackpack (00:00) - Welcome to Syntax! (02:08) - Brought to you by Sentry.io (02:33) - Wes' vibe coding experience (04:38) - The Tea app disaster (07:45) - Don’t vibe code access control (09:38) - Let in, don’t lock down (11:23) - Server vs. client-side code (13:46) - Visualize access control (15:30) - Automate tests (17:00) - Sick Picks + Shameless Plugs All links available at https://syntax.fm/932 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/V1ZGrbyiUyQ 1378 2025-08-27T11:00:49.000Z https://syntax.yabby.page/video/i-bet-a-lot-of-you-have-done-this-share-your-stories 2026-10-15T03:45:28.856Z https://i.ytimg.com/vi/x5DKfemhQKw/maxresdefault.jpg I bet a lot of you have done this! Share your stories All links available at https://syntax.fm/738 ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript https://www.youtube.com/embed/x5DKfemhQKw 31 2024-03-04T23:33:21.000Z https://syntax.yabby.page/video/sketch-app-tutorials-19-extending-sketch-with-free-resources 2026-10-15T03:45:28.864Z https://i.ytimg.com/vi/1ZBDEH_hQ2U/maxresdefault.jpg Sketch App Tutorials #19 - Extending Sketch With Free Resources In this Sketch App video tutorial, learn how to expand your Sketch knowledge, UI Kits, and free resources at Sketch App Sources. http://www.sketchappsources.com/ Subscribe for more free tutorials https://goo.gl/6ljoFc, more Sketch App Tutorials: https://goo.gl/SvgeZU Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e Sketch gives you the power, flexibility and speed you always wanted in a lightweight and easy-to-use package. Finally you can focus on what you do best: Design. https://www.youtube.com/embed/1ZBDEH_hQ2U 238 2014-07-30T00:10:19.000Z https://syntax.yabby.page/video/new-tools-coming-to-react 2026-10-15T03:45:28.869Z https://i.ytimg.com/vi/rEMb_rHCHfo/maxresdefault.jpg NEW TOOLS coming to React! Scott and Wes sit down with Ricky Hanlon from the React core team at Facebook to dive into the latest features and APIs shaping modern React development. From transitions and Suspense to fetching strategies and future directions, this episode breaks down what’s next for React and how developers can take advantage of it. 🔥 Be the ~14,700th person to join our super tasty newsletter https://bit.ly/syntax_snackpack Show Notes 00:00 Welcome to Syntax! 01:20 Who is Ricky Hanlon. 02:10 Setting the Stage: Modern React APIs 02:48 Brought to you by Sentry.io. 03:12 Defining Transitions in React 05:07 Practical Examples of Scheduling. 08:23 useDeferredValue. 09:29 Suspense. 11:12 Fallbacks and animations. 12:34 How do you get psychological performance data? 13:38 Are these considerations reasonable for the average dev? 15:36 useOptimistic. 17:34 Removing delayMs (referred to as maxDuration in later iterations). 19:47 How to fetch data in React. 21:57 Is React now just Nextjs? 23:21 Will React give us a Signals-based state management? 24:43 The challenges of building in public. 30:10 Making LLMs cooperate with React. 32:04 A comprehensive demo. 42:23 Releasing DevTools to the public. 42:48 React Activity API. 46:33 The lifting will happen at framework level. 47:27 This is not time slicing. 50:15 Sick Pick + Shameless Plug. All links available at https://syntax.fm/943 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/rEMb_rHCHfo 3188 2025-10-06T11:01:35.000Z https://syntax.yabby.page/video/wesbos-is-a-msftedge-guy-now 2026-10-15T03:45:28.881Z https://i.ytimg.com/vi/94ldA3xtxlM/maxresdefault.jpg @WesBos is a @MSFTEdge guy now Wes and Scott recap the key events in web development during 2024 and assess the accuracy of their 2023 predictions, including React ecosystem updates, the resurgence of Blue Sky, major improvements in CSS reducing reliance on JS, conferences attended, and changes coming to the Syntax podcast lineup. 👉 BTW we send out a fun newsletter every other week - https://syntax.fm/snackpack ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdeveloper #javascript #React #JavaScript #WebDevelopment #Podcasts #2025 #nye #2025predictions https://www.youtube.com/embed/94ldA3xtxlM 55 2024-12-23T17:25:32.000Z https://syntax.yabby.page/video/sublime-text-tutorials-7-package-control 2026-10-15T03:45:28.886Z https://i.ytimg.com/vi/YvX8uwwJ5kg/maxresdefault.jpg Sublime Text Tutorials #7 - Package Control The 7th video in the Sublime Text 2 tutorial series. Here I give a brief overview of how Sublime Text 2's package control will make your life significantly better. http://wbond.net/sublime_packages/package_control/installation https://www.youtube.com/embed/YvX8uwwJ5kg 330 2012-12-21T02:08:25.000Z https://syntax.yabby.page/video/apple-source-code-leaked-app-store-analysis 2026-10-15T03:45:28.890Z https://i.ytimg.com/vi/F1RVFlCWPL4/maxresdefault.jpg Apple Source Code LEAKED | App Store Analysis In this video CJ shows all the things he found in the Apple app store code base that Apple does not want you to see. 🔥 Be the ~14,700th person to join our super tasty newsletter https://bit.ly/syntax_snackpack 01:32 - what are source maps? 02:37 - how to enable / disable source maps? 03:02 - view source maps in dev tools 04:17 - comparing original code and minified code 05:32 - why we minify web code 05:57 - minification is good in the modern web 06:40 - apple source code overview 07:21 - comments reveal a lot 07:46 - github enterprise internal links 08:38 - internal bug tracking ids 09:29 - apple uses sentry 10:16 - internal api gateway 10:32 - internal private packages leaked 11:57 - dunking on redditors ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #svelte #apple #hacked #explainer #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/F1RVFlCWPL4 907 2025-11-04T19:37:33.000Z https://syntax.yabby.page/video/drupal-7-tutorials-61-creating-a-responsive-grid-with-views 2026-10-15T03:45:28.897Z https://i.ytimg.com/vi/2N3B9pETTaE/maxresdefault.jpg Drupal 7 Tutorials #61 - Creating a Responsive Grid With Views This tutorial shows you how to make a responsive grid view with omega and semantic views. Subscribe for more free tutorials https://goo.gl/6ljoFc, more Drupal Tutorials here: https://goo.gl/YDHhLW Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e This Drupal 7 tutorial series shows users how to build websites with the very popular open source content management system Drupal 7. https://www.youtube.com/embed/2N3B9pETTaE 589 2013-02-22T03:11:35.000Z https://syntax.yabby.page/video/aws-and-iac-for-dummies-with-sst 2026-10-15T03:45:28.904Z https://i.ytimg.com/vi/cMj8IgWHODg/maxresdefault.jpg AWS and IAC for Dummies with SST Wes and Scott talk about Infrastructure as Code and how SST makes deploying to AWS easier than ever. They dive into SST’s features, developer experience, and how it simplifies managing services like databases, email, and more. Plus, insights on Cloudflare integration, auto-scaling, and real-world use cases. 🔥 Be the ~14,700th person to join our super tasty newsletter bit.ly/syntax_snackpack (00:00) - Welcome to Syntax! (02:37) - Brought to you by Sentry.io (04:52) - Introduction to SST config (05:40) - Overview of Scott's SST config file (12:33) - Exploring SST's endless capabilities (15:42) - The SST developer experience (19:05) - SST console and GUI overview (22:13) - Resource management and pricing (24:52) - Secrets management (27:38) - Tunneling and security (30:52) - Simplifying DNS (35:18) - Sick Picks + Shameless Plugs All links available at https://syntax.fm/886 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/cMj8IgWHODg 2386 2025-03-19T11:00:53.000Z https://syntax.yabby.page/video/we-tried-cssbattle-s-new-versus-mode 2026-10-15T03:45:28.909Z https://i.ytimg.com/vi/f0LtBjZRmy0/maxresdefault.jpg We Tried CSSBattle’s New Versus Mode The new CSSBattle Versus Mode just dropped, so of course Syntax had to settle who’s the fastest! Scott, Wes, and CJ go head-to-head in a round-robin showdown to see who can recreate CSS art the quickest. Who takes the crown this time? 🔥 Be the ~14,700th person to join our super tasty newsletter https://bit.ly/syntax_snackpack ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/f0LtBjZRmy0 1291 2025-11-07T14:46:53.000Z https://syntax.yabby.page/video/we-built-a-ui-without-seeing-it 2026-10-16T13:15:19.208Z https://i.ytimg.com/vi/ddTflftp0C4/maxresdefault.jpg We Built a UI Without Seeing It What happens when developers try building a UI without actually seeing it? 👀 In this challenge, Scott, Wes and CJ have to code an interface completely blind. No preview, no visual feedback, only code. 🔥 Be the ~19,500th person to join our super tasty newsletter https://bit.ly/syntax_snackpack ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by https://sentry.io/syntax #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/ddTflftp0C4 1299 2026-05-29T12:30:11.000Z https://syntax.yabby.page/video/view-transitions-are-more-powerful-than-you-think 2026-10-15T03:45:28.916Z https://i.ytimg.com/vi/jnYjIDKyKHw/maxresdefault.jpg View Transitions Are More Powerful Than You Think View Transitions are for more than just page transitions. You can replace most of your FLIP style animations effortlessly with just a couple lines of code. Demo: https://svelte.dev/playground/1526b19fc6554b1b98df3020dcf28530?version=5.14.2 👉 Join the exclusive newsletter - https://syntax.fm/snackpack ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript https://www.youtube.com/embed/jnYjIDKyKHw 371 2024-12-19T11:00:59.000Z https://syntax.yabby.page/video/1-setup-writing-our-first-jest-test-js-testing-101-with-jest 2026-10-15T03:45:28.926Z https://i.ytimg.com/vi/4kNfeI37xu4/maxresdefault.jpg #1 Setup & Writing Our First Jest Test - JS Testing 101 with Jest In this video, I start a new mini-series on testing basics with JavaScript & Jest. In this series, we'll cover the skills needed to understand the how and why of JavaScript testing ### Video Links Starting Code: https://github.com/leveluptuts/Level-Up-JavaScript-Testing-101 Solutions: https://github.com/leveluptuts/JavaScript-Testing-101-Solutions Buy VueJS For Everyone: https://goo.gl/7uft3X Become a Pro: https://www.leveluptutorials.com/pro ### Affiliate Links Please use these links when signing up for services to help support Level Up. Easy Hosting with Netlify: https://goo.gl/pychVP Shared Web Hosting: https://goo.gl/pfC6uc ### Level Up Links Syntax Podcast ft Scott Tolinski & Wes Bos: https://goo.gl/7jDDxX Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz https://www.youtube.com/embed/4kNfeI37xu4 729 2018-04-03T21:03:17.000Z https://syntax.yabby.page/video/vscode-tutorials-10-easily-update-definitions 2026-10-15T03:45:28.936Z https://i.ytimg.com/vi/5d2QMUxRzBA/maxresdefault.jpg VSCode Tutorials #10 - Easily Update Definitions Learn about Visual Studio Code and why it's an exciting new text editor. Subscribe for more free tutorials https://goo.gl/6ljoFc Learn Meteor & React for modern real-time apps. https://www.leveluptutorials.com/store/products/tutorials/lut-dd012 Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e Visual Studio Code is a lightweight but powerful source code editor which runs on your desktop and is available for Windows, macOS and Linux. It comes with built-in support for JavaScript, TypeScript and Node.js and has a rich ecosystem of extensions for other languages (such as C++, C#, Python, PHP, Go) and runtimes (such as .NET and Unity). https://www.youtube.com/embed/5d2QMUxRzBA 167 2017-09-13T20:21:27.000Z https://syntax.yabby.page/video/clean-up-react-code-with-usereducer-code-renovation 2026-10-15T03:45:28.945Z https://i.ytimg.com/vi/F_zh9xxrySo/maxresdefault.jpg Clean Up React Code with useReducer | Code Renovation In this video CJ shows how to refactor React code that has several useStates into a single useReducer. He talks about what useReducer is, shows how to create a reducer from the ground up and talks about when you should and should not reach for useReducer. We are refactoring the code here: https://github.com/w3cj/use-x The code was written in the original video here: https://www.youtube.com/watch?v=GDXsuoisg60 00:00 intro 01:12 code setup 02:05 when should we use a reducer? 02:52 convert a single useState to a useReducer 03:26 create a reducer function 03:38 create a state type for our reducer 04:47 a simple reducer 05:08 defining action types 06:32 updating reducer state with actions 07:46 review: what is a reducer? 08:13 use a reducer with useReducer 09:24 updating types and dispatching actions 11:13 when to use a reducer 11:21 refactor options state into reducer 14:38 when to use a reducer 14:59 continue refactoring options state 17:01 when to use useReducer 17:53 moving fetch state into reducer 19:15 finding and grouping actions 19:56 defining grouped actions 20:27 replacing setState with dispatch actions 21:41 when to define actions with no payload 22:29 combining action types with no payload 23:43 review usage of reducer and dispatch 24:04 other action type options 24:31 tradeoffs to choosing useReducer 25:02 benefits of useReducer 26:15 thanks! React useReducer | https://react.dev/reference/react/useReducer ------------------------------------------------------------------------------ Hit us up on Socials! https://www.syntax.fm/links Brought to you by Sentry - Use code "tastytreats" to get 2 months free - https://sentry.io/syntax #react #typescript #testing https://www.youtube.com/embed/F_zh9xxrySo 1627 2024-11-21T19:11:24.000Z https://syntax.yabby.page/video/what-s-the-best-way-to-prepare-for-a-1-on-1-css-battle 2026-10-15T03:45:28.951Z https://i.ytimg.com/vi/fQocS8YB7So/maxresdefault.jpg 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 https://www.youtube.com/embed/fQocS8YB7So 85 2026-03-19T18:29:04.000Z https://syntax.yabby.page/video/sketch-app-tutorials-8-alignment-distribution 2026-10-15T03:45:28.958Z https://i.ytimg.com/vi/RApOCa5lTro/maxresdefault.jpg Sketch App Tutorials - #8 Alignment & Distribution In this Sketch App video tutorial, learn how to distribute objects evenly and align them perfectly using Sketch 3. Subscribe for more free tutorials https://goo.gl/6ljoFc, more Sketch App Tutorials: https://goo.gl/SvgeZU Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e Sketch gives you the power, flexibility and speed you always wanted in a lightweight and easy-to-use package. Finally you can focus on what you do best: Design. https://www.youtube.com/embed/RApOCa5lTro 320 2014-06-12T04:04:22.000Z https://syntax.yabby.page/video/sass-tutorials-29-juice-mixins-for-life 2026-10-15T03:45:28.963Z https://i.ytimg.com/vi/hpBMqwuT-gY/maxresdefault.jpg Sass Tutorials #29 - Juice, Mixins for Life Take a tour through the Juice mixin collection and see how they can enhance your workflow. http://juicynex.us/juice/ Subscribe to Level Up Pro for extra features! http://leveluptuts.com/level-up-pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e https://www.youtube.com/embed/hpBMqwuT-gY 641 2014-12-05T01:39:15.000Z https://syntax.yabby.page/video/chartjs-tutorials-2-creating-a-line-chart 2026-10-15T03:45:28.972Z https://i.ytimg.com/vi/_KVYh9LM0eE/maxresdefault.jpg ChartJS Tutorials #2 - Creating A Line Chart In this video, we create a line chart with chart.js. Subscribe for more free tutorials https://goo.gl/6ljoFc, Buy this series and get access to ChartJS themes! https://goo.gl/BamhKi Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e Simple yet flexible JavaScript charting for designers & developers. Mix and match bar and line charts to provide a clear visual distinction between datasets. Plot complex, sparse datasets on date time, logarithmic or even entirely custom scales with ease. Out of the box stunning transitions when changing data, updating colours and adding datasets. Chart.js is a community maintained project, contributions welcome! Visualize your data in 8 different ways; each of them animated and customisable. Redraws charts on window resize for perfect scale granularity. https://www.youtube.com/embed/_KVYh9LM0eE 489 2016-06-27T18:11:29.000Z https://syntax.yabby.page/video/learning-gulp-10-automatic-browser-prefixing 2026-10-15T03:45:28.976Z https://i.ytimg.com/vi/v259QplNDKk/maxresdefault.jpg Learning Gulp #10 - Automatic Browser Prefixing Here we show you how to easily prefix your CSS automatically in a Gulp task. Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e https://www.youtube.com/embed/v259QplNDKk 319 2014-08-20T00:04:19.000Z https://syntax.yabby.page/video/customizing-wordpress-14-intro-to-bones-starter-theme 2026-10-15T03:45:28.981Z https://i.ytimg.com/vi/-mIU4Enn-dI/maxresdefault.jpg Customizing WordPress #14 - Intro To Bones Starter Theme The 14th video in the Customizing WordPress tutorial series. Here we give an introduction and get set up with the Bones Starter Theme http://themble.com/bones/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro #1 OUTSOURCING SERVICE FOR WORDPRESS https://api.referoo.co/hits/create_hit?partner_id=16&medium_id=1 Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations https://www.youtube.com/embed/-mIU4Enn-dI 212 2014-04-30T02:46:02.000Z https://syntax.yabby.page/video/coding-snake-in-css-kevin-powell-takes-the-challenge 2026-10-15T03:45:28.988Z https://i.ytimg.com/vi/KFRHrHb4yuI/maxresdefault.jpg Coding Snake in CSS?! Kevin Powell Takes the Challenge CSS master Kevin Powell joins Scott, Wes, and CJ for a friendly CSS Battle showdown — who will come out on top? Try the same challenge yourself: https://cssbattle.dev/play/123 Watch our challenge on Kevin's channel: https://www.youtube.com/watch?v=OAoz5lBSooc 🔥 Be the ~14,700th person to join our super tasty newsletter https://bit.ly/syntax_snackpack ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/KFRHrHb4yuI 1294 2025-05-16T14:00:30.000Z https://syntax.yabby.page/video/sass-tutorials-26-responsive-grids-with-breakpoint 2026-10-15T03:45:28.992Z https://i.ytimg.com/vi/k8BjTOtBe14/maxresdefault.jpg Sass Tutorials #26 - Responsive Grids With Breakpoint The 26th video in the Sublime Text 2 tutorial series. Here I show you how to build a basic responsive grid using Breakpoint and Singularity. For questions post in the comments or visit: http://leveluptuts.com/forum https://www.youtube.com/embed/k8BjTOtBe14 455 2014-02-12T03:04:56.000Z https://syntax.yabby.page/video/sass-tutorials-25-asymmetric-grids 2026-10-15T03:45:28.996Z https://i.ytimg.com/vi/bHq3rTwG4fY/maxresdefault.jpg Sass Tutorials #25 - Asymmetric Grids The 25th video in the Sublime Text 2 tutorial series. Here I show you how to create asymmetrical grids with the Singularity Grid System. For questions post in the comments or visit: http://leveluptuts.com/forum https://www.youtube.com/embed/bHq3rTwG4fY 377 2014-02-12T02:59:16.000Z https://syntax.yabby.page/video/sass-tutorials-22-installing-and-using-sass-globbing 2026-10-15T03:45:29.000Z https://i.ytimg.com/vi/Qpuc1wRaa9k/maxresdefault.jpg Sass Tutorials #22 - Installing and Using Sass Globbing The 22nd video in the Sublime Text 2 tutorial series. Here we show you how to install and use Sass Globbing. https://www.youtube.com/embed/Qpuc1wRaa9k 578 2014-01-29T02:05:26.000Z https://syntax.yabby.page/video/learning-gulp-4-watching-files-with-gulp 2026-10-15T03:45:29.005Z https://i.ytimg.com/vi/0luuGcoLnxM/maxresdefault.jpg Learning Gulp #4 - Watching Files With Gulp Keep Gulp running watching files for changes and then run tasks with Gulp Watch. Subscribe to Level Up Pro for extra features! http://leveluptuts.com/level-up-pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e https://www.youtube.com/embed/0luuGcoLnxM 410 2014-07-20T00:37:28.000Z https://syntax.yabby.page/video/sublime-text-tutorials-12-quickly-changing-your-theme-with-themr 2026-10-15T03:45:29.009Z https://i.ytimg.com/vi/nSDgYDjF3wo/maxresdefault.jpg Sublime Text Tutorials #12 - Quickly Changing Your Theme with Themr The 12th video in the Sublime Text 2 tutorial series. Here I show how you can very quickly change and manage your themes using the Themr package. https://www.youtube.com/embed/nSDgYDjF3wo 243 2014-01-25T17:41:48.000Z https://syntax.yabby.page/video/making-code-prettier-with-vjeux-of-meta-prettier 2026-10-15T03:45:29.014Z https://i.ytimg.com/vi/i3_Eia6_SoQ/maxresdefault.jpg Making Code Prettier with Vjeux of Meta & Prettier Scott and Wes sit down with Vjeux from Meta to dive deep into the origins and evolution of Prettier, the widely-used code formatter. They discuss the challenges faced, the decision-making process behind its features, and what the future holds for this indispensable tool in the developer's toolkit. Pick up at Syntax × Prettier Tee - https://sentry.shop/products/syntax-prettier-tee Show Notes 00:00 Welcome to Syntax! 01:45 Brought to you by Sentry.io. 02:19 New swag! 03:25 Who is Vjeux? 06:56 Is management the key to successful projects? 08:50 The genesis of Prettier. 12:08 Why other JS formatters didn't work. 16:56 Focusing on edge-cases. 17:41 The goal for Prettier. 18:31 Next step, integrations. 19:37 Should you run Prettier on save or commit? 21:34 Does Prettier's limitations lead to higher adoption? 25:01 What was the most controversial default setting? 28:14 Does Facebook use semicolons? 29:18 Getting approval to devote 6 months to Prettier. 31:42 Working with Mark Zuckerberg. 32:43 Was there ever consideration to augment ESLint instead? 35:34 What are your thoughts on the Rust-based alternatives? 36:44 Prettier's $10,000 bounty. 39:32 What is the future of Prettier? 44:54 Prettier is available in almost every language. 47:59 Advice for other open-source maintainers. 53:26 Sick Picks & Shameless Plugs. All links available at https://syntax.fm/794 ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript https://www.youtube.com/embed/i3_Eia6_SoQ 3327 2024-07-12T11:00:49.000Z https://syntax.yabby.page/video/drupal-tutorials-the-complete-guide-to-omega-4-16-introduction-to-layouts 2026-10-15T03:45:29.018Z https://i.ytimg.com/vi/XQIF3SWih20/maxresdefault.jpg Drupal Tutorials - The Complete Guide To Omega 4 #16 - Introduction To Layouts The 16th tutorial in the The Complete Guide To Omega 4. Here we give an introduction to layouts and we successfully create and enable our first layout. https://www.youtube.com/embed/XQIF3SWih20 733 2013-12-06T05:21:50.000Z https://syntax.yabby.page/video/a-custom-class-that-extends-a-js-promise 2026-10-15T03:45:29.025Z https://i.ytimg.com/vi/DrtxdNUtAr4/maxresdefault.jpg A custom class that extends a JS Promise Has someone built this already? It would be nice to have both the stream events and you can await it Full episode at https://www.youtube.com/watch?v=wLNnTEQdyvo Today's episode #774 Promise Flow Control, Concurrency, Libraries, TypeScript and Deferreds - Part 3 Discussion on advanced promise concepts like with resolvers, fetch promises, flow control, concurrency, throttling, TypeScript typing, and more. ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #jspromises #javascript #concurrency #webdev https://www.youtube.com/embed/DrtxdNUtAr4 36 2024-05-27T15:57:54.000Z https://syntax.yabby.page/video/drupal-tutorials-the-complete-guide-to-omega-4-1-course-overview 2026-10-15T03:45:29.030Z https://i.ytimg.com/vi/2CM177ldAy8/maxresdefault.jpg Drupal Tutorials - The Complete Guide To Omega 4 #1 - Course Overview The first video in the The Complete Omega 4 Course. Here we give an overview of what's to come in this Drupal Tutorial Course. https://www.youtube.com/embed/2CM177ldAy8 145 2013-11-13T03:41:12.000Z https://syntax.yabby.page/video/drizzle-is-a-joy-to-work-in-what-is-it 2026-10-15T03:45:29.034Z https://i.ytimg.com/vi/2dMb-n-Zez0/maxresdefault.jpg Drizzle is a joy to work in -- what is it? New Episode: You should learn Drizzle, the TypeScript SQL ORM https://syntax.fm/show/721/you-should-learn-drizzle-the-typescript-sql-orm This episode explains the Drizzle ORM for interacting with databases like MySQL, Postgres and SQLite. ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #sql #developer #drizzle #orm #databases #softwaredevelopment #webdev #mysql #postgres https://www.youtube.com/embed/2dMb-n-Zez0 60 2024-01-26T21:03:14.000Z https://syntax.yabby.page/video/chartjs-tutorials-series-introduction 2026-10-15T03:45:29.039Z https://i.ytimg.com/vi/IIz2WYcGD94/maxresdefault.jpg ChartJS Tutorials Series Introduction In this video, I introduce the new ChartJS series that will show how to build excellent modern charts on the web. Subscribe for more free tutorials https://goo.gl/6ljoFc, Buy this series and get access to ChartJS themes! https://goo.gl/BamhKi Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e Simple yet flexible JavaScript charting for designers & developers. Mix and match bar and line charts to provide a clear visual distinction between datasets. Plot complex, sparse datasets on date time, logarithmic or even entirely custom scales with ease. Out of the box stunning transitions when changing data, updating colours and adding datasets. Chart.js is a community maintained project, contributions welcome! Visualize your data in 8 different ways; each of them animated and customisable. Redraws charts on window resize for perfect scale granularity. https://www.youtube.com/embed/IIz2WYcGD94 82 2016-06-17T21:00:00.000Z https://syntax.yabby.page/video/wordpress-basics-15-making-a-custom-menu 2026-10-15T03:45:29.043Z https://i.ytimg.com/vi/iMmRQgF3XkM/maxresdefault.jpg WordPress Basics #15 - Making A Custom Menu The 15th video in the new WordPress Basics video series. Here we show you how to make a custom menu and replace the main navigation of your site. #1 OUTSOURCING SERVICE FOR WORDPRESS https://api.referoo.co/hits/create_hit?partner_id=16&medium_id=1 For questions post in the comments or visit: http://leveluptuts.com/forum https://www.youtube.com/embed/iMmRQgF3XkM 218 2014-02-14T01:53:02.000Z https://syntax.yabby.page/video/next-js-nextauth-email-magic-link-login-local-testing-with-mailhog 2026-10-15T03:45:29.047Z https://i.ytimg.com/vi/75AVkg85aOQ/maxresdefault.jpg Next.js + NextAuth - Email Magic Link Login | Local Testing with Mailhog In this video CJ shows how to setup magic link login with Next.js and NextAuth. He also shows how to test emails locally with Mailhog running in Docker. Next Auth | https://next-auth.js.org/ Mailhog | https://github.com/mailhog/MailHog Next Auth Email Provider | https://next-auth.js.org/providers/email Gravatar API | https://docs.gravatar.com/api/profiles/rest-api/ React Email | https://react.email/ ------------------------------------------------------------------------------ Hit us up on Socials! https://www.syntax.fm/links Brought to you by Sentry - Use code "tastytreats" to get 2 months free - https://sentry.io/syntax #react #email #webdevelopment https://www.youtube.com/embed/75AVkg85aOQ 740 2024-12-17T23:39:44.000Z https://syntax.yabby.page/video/susy-tutorials-11-series-wrap-up 2026-10-15T03:45:29.052Z https://i.ytimg.com/vi/tPeCbL9Lmjo/maxresdefault.jpg Susy Tutorials #11 - Series Wrap Up The 9th video tutorial in the Susy 2 Tutorials Mini Series. In this video, we show you how to use the susy-breakpoint mixin for easier breakpoint integration. http://susydocs.oddbird.net/en/latest/toolkit/ Subscribe to Level Up Pro for extra features! http://leveluptuts.com/level-up-pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e https://www.youtube.com/embed/tPeCbL9Lmjo 156 2014-05-28T03:22:44.000Z https://syntax.yabby.page/video/command-line-basics-4-moving-and-copying-files 2026-10-15T03:45:29.058Z https://i.ytimg.com/vi/6ylJ9ocj29w/maxresdefault.jpg Command Line Basics #4 - Moving and Copying Files Here we move, copy and rename files. Learn command line from the very basics. Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations https://www.youtube.com/embed/6ylJ9ocj29w 568 2014-04-11T00:50:37.000Z https://syntax.yabby.page/video/should-you-use-signals-with-react 2026-10-15T03:45:29.065Z https://i.ytimg.com/vi/Diy4XRSFTiA/maxresdefault.jpg Should You Use Signals with React? 00:00 intro 00:56 useState Example 01:39 useState re-renders 02:45 how react data flows 03:54 @preact/signals-react Example 04:47 fine-grained reactivity 05:37 @preact/signals-react code walkthrough 08:03 React Compiler Example 09:23 Signals for global state management 10:43 Signals Proposal 13:09 use-signals hook + polyfill 14:59 signals from scratch 18:17 how to use signals in React today 18:44 thanks! View the code here: https://github.com/w3cj/react-signal-examples Preact Signals - https://www.npmjs.com/package/@preact/signals-react Signals Proposal - https://github.com/tc39/proposal-signals Signals Polyfill - https://github.com/proposal-signals/signal-polyfill/ use-signals - https://github.com/dai-shi/use-signals A Hands-on Introduction to Fine-Grained Reactivity - https://dev.to/ryansolid/a-hands-on-introduction-to-fine-grained-reactivity-3ndf 🔥 Be the ~14,700th person to join our super tasty newsletter bit.ly/syntax_snackpack All links available at https://syntax.fm/870 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/Diy4XRSFTiA 1156 2025-02-18T16:19:57.000Z https://syntax.yabby.page/video/lgtm-ship-it-the-ai-code-review-problem 2026-10-14T11:15:16.748Z https://i.ytimg.com/vi/6tZ_R4m_Oc4/maxresdefault.jpg LGTM, Ship It: The AI Code Review Problem This episode tackles the growing pains of AI-assisted development, from the struggle of reviewing thousands of lines of agent-generated code to the mounting technical debt when teams merge PRs without meaningful human review. Scott and Wes also dig into local models, whether jujutsu really beats git, how freelancers should price work in the AI era, and getting your team on board with external libraries.🔥 Be the ~19,500th person to join our super tasty newsletter https://bit.ly/syntax_snackpack Show Notes 00:00 Welcome to Syntax! 00:45 Understanding AI-Generated Code 06:24 The Challenges of Code Review in AI Development 11:21 What the heck are local models? 16:09 Exploring New Tools: Jujutsu and Beyond 20:35 Exploring Version Control Innovations 22:18 Pricing Strategies in the Age of AI 24:52 webkit-box-reflect not in the browsers. 27:44 The Angular vs. React Debate 31:46 Sick Picks & Shameless Plugs. All links available at https://syntax.fm/1019 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by https://sentry.io/syntax #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/6tZ_R4m_Oc4 2361 2026-07-08T11:00:29.000Z https://syntax.yabby.page/video/middleware-explained 2026-10-15T03:45:29.069Z https://i.ytimg.com/vi/JKb_rYvdmpo/maxresdefault.jpg Middleware Explained Join Wes and Scott for a hasty episode of Syntax as they unpack the power of middleware for developers, covering caching, authentication, A/B testing, error handling, and user redirection in a quick, punchy rundown to supercharge your backend skills! Show Notes 00:00 Welcome to Syntax! 00:41 Syntax on YouTube. 01:28 What is middleware? 05:04 Some real-world examples of middleware. 05:10 Authentication. 07:44 Redirecting users to a specific instance. 08:28 Logging + statistics. 09:41 Debugging. 10:00 Timers. 10:46 A/B testing. 11:59 Error handling + logging. 12:23 Caching. 13:02 Multi-tenant applications. 15:08 Where does it run? 18:07 What are the limitations? 21:52 Next.js middleware is one file only. 23:35 Sveltekit solution. 24:31 Connect style. 25:28 One last thing, NPM Installing. All links available at https://syntax.fm/747 ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript https://www.youtube.com/embed/JKb_rYvdmpo 1665 2024-03-25T11:00:26.000Z https://syntax.yabby.page/video/how-htmx-was-made 2026-10-15T03:45:29.076Z https://i.ytimg.com/vi/ZLaRBT-OmVQ/maxresdefault.jpg How HTMX was made Carson basically rewrote intercooler.js to create HTMX (after removing the jQuery dependency ofc) Today's episode: HTMX Web Apps with Carson Gross Carson Gross, creator of HTMX, discusses its origins, performance characteristics, integration with various backends, upcoming version 2, his Twitter antics, and desire for less tribalism among web developers. full episode: https://www.youtube.com/watch?v=5LOAGWGQwRA ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #htmx #webapps #softwaredevelopment #webdev #programming #javascript https://www.youtube.com/embed/ZLaRBT-OmVQ 36 2024-02-23T17:00:29.000Z https://syntax.yabby.page/video/mcp-explained-what-why-and-how 2026-10-15T03:45:29.080Z https://i.ytimg.com/vi/1FqiNnOsrgM/maxresdefault.jpg MCP Explained | What, Why and How In this video CJ talks about MCP. What it is, why we need it, how to add tools to LLM clients and how to create and debug our own tools. 🔥 Be the ~14,700th person to join our super tasty newsletter https://bit.ly/syntax_snackpack 00:00 Intro 00:30 Everything is Inputs and Outputs 01:55 How LLMs are Created 03:06 LLM Context In Commercial Services 04:29 LLMs are Static 04:54 List of Tools as Context 05:17 LLM Tool Calls 07:42 The LLM Loop 08:27 What is MCP? 09:40 Weather MCP Server Example 12:12 Building MCP Servers with SDKs 13:51 Weather MCP Server Code Walkthrough 17:45 Local MCP Servers with stdio 20:34 Remote MCP Servers 24:34 Debugging and Inspecting MCP Servers 29:03 Awesome MCP Servers 29:36 MCP Recap 29:56 MCP Servers in Cursor 30:23 context7 MCP Server 33:18 MCP Servers In VS Code Github Co-Pilot (FREE) 34:47 MCP Server Setup in Gemini CLI (FREE) 36:25 Web Scraping and Undocumented APIs in MCP Servers 38:01 MCP Client Support 38:51 Sentry MCP Server 42:18 Thanks! Model Context Protocl | https://modelcontextprotocol.io/ MCP TypeScript SDK | https://github.com/modelcontextprotocol/typescript-sdk Currency Conversion MCP Server | https://github.com/wesbos/currency-conversion-mcp Claude MCP with NVM | https://gist.github.com/cognivator/ceca5a68d696b0575962ff3d18c31aa5 MCP Debugger / Inspector | https://github.com/modelcontextprotocol/inspector Awesome MCP Servers | https://github.com/punkpeye/awesome-mcp-servers context7 MCP Server | https://context7.com/ Sentry MCP Server | https://docs.sentry.io/product/sentry-mcp/ MCP Client Feature Support Matrix | https://modelcontextprotocol.io/clients#feature-support-matrix ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/1FqiNnOsrgM 2574 2025-07-01T11:00:03.000Z https://syntax.yabby.page/video/don-t-drink-and-deploy-spooky-dev-stories-pt-1 2026-10-15T03:45:29.085Z https://i.ytimg.com/vi/2aGMWH9ngEI/maxresdefault.jpg Don’t Drink and Deploy 😬 | Spooky Dev Stories Pt. 1 It’s that time of year again, Scott (as Dracula) and Wes (as a big bad shark) return for their annual Spooky Stories special! They’re joined by a mysterious guest for a round of creepy coding trivia and chilling true tales of web dev gone wrong; dropped databases, haunted passwords, and more. Beware: these are real developer horror stories 🔥 Be the ~14,700th person to join our super tasty newsletter https://bit.ly/syntax_snackpack Show Notes 00:00 Welcome to Syntax! 00:05 Scott’s vampire costume. 00:38 New to live-streaming. 00:54 AWS Outage. 01:50 What is Spooky Stories? 02:01 (Wes is wearing a shark costume) 02:34 Brought to you by Sentry.io. 03:30 PHP MyHeadache. 06:23 A Browser Hack. 08:30 Browser Hack Gameshow & Special Guest! 17:01 Ghost Password. 21:32 Just A Patch. 24:12 Don’t drink and Deploy. 34:47 Discount. All links available at https://syntax.fm/949 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/2aGMWH9ngEI 2452 2025-10-27T11:00:13.000Z https://syntax.yabby.page/video/google-fires-workspace-cli-creator-gpt-5-6-is-coming-astro-7-rust-re-write-syntax-weekly 2026-10-12T10:45:15.875Z https://i.ytimg.com/vi/t0wbFzq1l5Y/maxresdefault.jpg Google fires Workspace CLI Creator ⟡ GPT 5.6 Is Coming ⟡ Astro 7 Rust Re-write ⌁ Syntax Weekly ⌁ Google fires the engineer behind its Workspace CLI tool, OpenAI previews GPT-5.6 with three new model tiers, and Astro 7 lands with a full Rust rewrite. Plus: Coinbase cuts token costs with smarter routing, and more in this week's Syntax 🔥 Be the ~19,500th person to join our super tasty newsletter https://bit.ly/syntax_snackpack 00:00:00 Intro 00:01:13 Google fires Workspace CLI Creator 00:11:56 GPT 5.6 Is Coming 00:19:25 GLM 5.2 Released 00:22:48 Astro 7 Rust Re-write 00:32:11 Cursor Announces iOS App 00:34:33 Scott's Workflow: Herdr + Mosh + Termius + Tailscale 00:39:57 Coinbase Reduces AI Cost with Model Routing 00:43:46 wayfinder-router - Local AI Routing CLI 00:47:40 Token efficiency in models and harnesses 00:51:58 performativeUI - react components for AI startups 00:53:38 reachy mini Robot 01:01:44 FUTO Keyboard Swipe for Android 01:05:03 CSS Quake 01:06:58 HTML Invoker API is Baseline Available 01:12:39 Cloudflare Temporary Accounts for AI Agents Previewing GPT‑5.6 Sol: a next-generation model | https://openai.com/index/previewing-gpt-5-6-sol/ GLM 5.2 | https://z.ai/blog/glm-5.2 Astro v7 | https://astro.build/blog/astro-7/ Cursor iOS App | https://x.com/cursor_ai/status/2071641103191998810 Coinbase Cut Token Usage | https://x.com/brian_armstrong/status/2070670644577280109 Local Model Router - Wayfinder Router | https://github.com/itsthelore/wayfinder-router Github Copilot is more token efficient | https://x.com/martinwoodward/status/2070482957295317375 Performative UI - React Components for AI Startups | https://vorpus.github.io/performativeUI/ Reachy Mini Robot | https://reachy-mini.ai/ FUTO Swipe Keyboard for Android | https://swipe.futo.tech/ Invoker Commands API | https://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API Cloudflare Temporary Accounts for AI Agents | https://blog.cloudflare.com/temporary-accounts/ ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https https://www.youtube.com/embed/t0wbFzq1l5Y 4595 2026-06-29T14:59:51.000Z https://syntax.yabby.page/video/byojs-storage-a-simple-key-value-storage-api-for-all-the-storage-mechanisms 2026-10-15T03:45:29.092Z https://i.ytimg.com/vi/HgYJUCvNJpY/maxresdefault.jpg BYOJS storage - a simple key value storage api for all the storage mechanisms 💬 Discussion on different ways to store data locally in the browser for things like user preferences, allowing app usage before signup, faster data access, privacy, persisting data on refresh, and storing auth tokens. 👉 Join the exclusive newsletter - https://syntax.fm/snackpack ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #localstorage #offline #privacy #javascript #webdev #coding #techpodcast https://www.youtube.com/embed/HgYJUCvNJpY 73 2024-12-17T18:48:52.000Z https://syntax.yabby.page/video/you-don-t-need-a-dependency-clipboard-api 2026-10-15T03:45:29.097Z https://i.ytimg.com/vi/6vcCTymhIXY/maxresdefault.jpg You Don't Need a Dependency - Clipboard API https://developer.mozilla.org/en-US/docs/Web/API/Navigator/clipboard https://developer.mozilla.org/en-US/docs/Web/API/Clipboard/writeText Become a Level Up Pro and take your web skills to the next level! https://www.leveluptutorials.com The best web development podcast out there Syntax with Wes Bos and Scott Tolinski https://syntax.fm https://www.youtube.com/embed/6vcCTymhIXY 452 2022-02-07T14:00:54.000Z https://syntax.yabby.page/video/drupal-8-basics-20-how-to-update-drupal-8 2026-10-15T03:45:29.101Z https://i.ytimg.com/vi/tG6lcd73kN0/maxresdefault.jpg Drupal 8 Basics #20 - How To Update Drupal 8 Learn how to update Drupal 8 in a course design for Drupal 8 beginners. Subscribe for more free tutorials https://goo.gl/6ljoFc, buy NEXT LEVEL CSS Animations & Transitions https://goo.gl/cGB30u Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e This Drupal 8 tutorial series shows users how to build websites with the very popular open source content management system Drupal 8. The world’s favorite open source content management platform just got better. Drupal 8 is the new standard for creating incredible digital experiences—for small businesses, global enterprises, and everything in between. Meet Drupal 8, a powerful new suite of tools, and the strongest link in your new content supply chain. Interact with countless applications, thanks to REST-first native web services. Use progressive decoupling to break free from back-end restrictions without sacrificing security and accessibility. Deliver faster, with enhanced entity caching and better integration with CDNs and reverse proxies. With Drupal 8, you can build almost any integrated experience you can imagine. https://www.youtube.com/embed/tG6lcd73kN0 409 2016-05-16T17:27:43.000Z https://syntax.yabby.page/video/omarchy-quattro-release-cursor-tries-to-replace-github-grokbot-doesnt-suck-syntax-weekly 2026-10-18T16:15:13.351Z https://i.ytimg.com/vi/EGv6INolB2c/maxresdefault.jpg Omarchy Quattro Release ⟡ Cursor Tries to Replace Github ⟡ Grokbot Doesn’t Suck ⌁ Syntax Weekly ⌁ Grokbot 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 🔥 Be the ~19,500th person to join our super tasty newsletter https://bit.ly/syntax_snackpack 00:00:00 Welcome to Syntax 00:00:51 Grok Bot Doesn't Suck 00:13:25 Github Outage Post Mortem 00:17:16 Cursor Tries to Replace Github 00:23:34 Omarchy Quattro Release 00:37:05 Dactyl - Vibe Code Native Mobile Apps 00:43:41 Hack Week Projects 00:47:26 nurb.dev - Design 3D Parts with AI 00:52:01 Rust ecosystem Malware 00:54:05 Every Model Cheats 00:55:46 Felony Bench 00:56:51 Is this bad design? 01:03:46 Casio Releases Dumb Smart Watch 01:08:13 Everything I Own Owned - Hacking USB Devices with Claude 01:17:55 Ox Alpha Mystery Model 01:23:55 Dactyl Vibe Code Check-in Introducing Grok Bot | https://x.ai/news/introducing-grok-bot Github Outage Post Mortem | https://github.blog/news-insights/company-news/the-august-17-outage-and-the-work-ahead/ Cursor Origin | https://cursor.com/changelog/origin-code-hosting Omarchy | https://omarchy.org/ Dactyl | dactyl.dev/ Nurb | https://nurb.dev/ Rust Crate Compromised | https://safedep.io/arrayref-proc-macro1-rust-build-time-malware/ Every Model Cheats | https://dreadnode.io/research/every-model-cheats-prompt-level-mitigation-of-cheating-on-offensive-cyber-tasks/ Felony Bench | https://www.felonybench.com/ Is This Bad Design | https://x.com/thatguybg/status/2091370233801928838 Casio Bluetooth Enabled Watch | https://www.casio.com/uk/watches/casio/product.F-B100W-1A/ Everything I Own Owned | https://schlarp.com/posts/everything-i-own-owned/ ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http: https://www.youtube.com/embed/EGv6INolB2c 5148 2026-08-24T15:51:55.000Z https://syntax.yabby.page/video/what-browser-based-physics-engines-would-you-use-ui-webdevelopment-javascript-ux-uiux-badui 2026-10-15T03:45:29.108Z https://i.ytimg.com/vi/jL-ddUEtbF8/maxresdefault.jpg What browser based physics engines would you use? #ui #webdevelopment #javascript #ux #uiux #badui A bad phone number input UI sparks a conversation about browser based physics engines. 🔥 Be the ~14,700th person to join our super tasty newsletter https://bit.ly/syntax_snackpack ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/jL-ddUEtbF8 59 2025-05-28T17:58:35.000Z https://syntax.yabby.page/video/avoiding-webpack-like-the-plague 2026-10-15T03:45:29.114Z https://i.ytimg.com/vi/CwAaBXM9ASg/maxresdefault.jpg Avoiding Webpack like the plague 🆕 Today's new episodes: Loading UIs, Rust Webpack, New Cookie Types, Conference Talks + More 💬 In this potluck episode, Scott and Wes answer questions around debugging migrations with Sentry, signing apps for distribution, speeding up builds, permanent redirect SEO implications, full stack frameworks, cookie behavior, loading state UX, and technical interviews. 👉 Join the exclusive newsletter - https://syntax.fm/snackpack ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #Debugging #Performance #Webpack #Interviews https://www.youtube.com/embed/CwAaBXM9ASg 56 2024-12-04T18:30:57.000Z https://syntax.yabby.page/video/better-auth-with-better-auth 2026-10-15T03:45:29.120Z https://i.ytimg.com/vi/H2oQgiDmBjc/maxresdefault.jpg Better Auth with Better Auth Scott and Wes recap the current state of web authentication and explore how Better Auth simplifies the whole process. With built-in plugins, modern features, and no need to hand-roll your own solution, Better Auth makes secure login a breeze for developers 🔥 Be the ~14,700th person to join our super tasty newsletter https://bit.ly/syntax_snackpack All links available at https://syntax.fm/919 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/H2oQgiDmBjc 1619 2025-07-14T11:00:25.000Z https://syntax.yabby.page/video/recreate-pacman-with-css-css-battles 2026-10-15T03:45:29.124Z https://i.ytimg.com/vi/F3vaHGLf0Ys/maxresdefault.jpg Recreate PACMAN with CSS?? CSS Battles Grab your snacks, it's time for another CSS Battle. Scott, Wes, and CJ battle it out to recreate the Pac-man UI using CSS. Closest match with the least CSS wins the game. Play along here: https://cssbattle.dev/play/119 🔥 Be the ~14,700th person to join our super tasty newsletter https://bit.ly/syntax_snackpack ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/F3vaHGLf0Ys 1142 2025-05-09T12:14:47.000Z https://syntax.yabby.page/video/docker-crash-course-for-developers-hands-on-examples 2026-10-15T03:45:29.129Z https://i.ytimg.com/vi/RHjXPN_h1YA/maxresdefault.jpg Docker Crash Course for Developers | Hands on Examples In this video, CJ shows hands on examples of when and where you can start using docker in your apps. He shows usage of the docker CLI, Docker Desktop, docker compose and shows how to create a custom image with a Dockerfile. To demonstrate these tools, he shows how to start a redis and postgres database using the official docker images. He also shows how to spin up these containers with docker compose, and finally shows how to containerize an existing application. Follow along with the first example here: https://github.com/w3cj/pokemon-cacher Follow along with the second example here: https://github.com/w3cj/backpack-debuggers 00:00 Intro 00:13 Docker Desktop Alternatives 00:50 How do we run a redis database locally? 01:39 Simple Example API Setup 02:30 Run an image with the docker CLI 06:21 docker CLI commands 08:50 A simple docker compose example 11:45 More complex example API setup 15:41 docker compose example with postgres 17:48 Persisting data with docker volumes 21:51 The case for custom images and containerization 23:32 Creating a custom image with a Dockerfile 30:02 Ignoring files with .dockerignore 31:03 Examine container files and execute commands with Docker Desktop 32:31 Run migrations and seeds from within the container 33:58 Make code changes without re-building image 34:55 Create a volume for node_modules to prevent internalBinding errors 36:35 Better development workflow with devcontainers 38:03 Optimize docker layer order for faster builds 40:09 Create a multi-stage Dockerfile for dev, build and prod 46:23 Share docker-compose.yml configurations 48:41 Thanks! Overview of Docker Desktop: https://docs.docker.com/desktop/ Docker Desktop license agreement: https://docs.docker.com/subscription/desktop-license/ docker CLI reference: https://docs.docker.com/reference/cli/docker/ docker container CLI reference: https://docs.docker.com/reference/cli/docker/container/ docker exec reference: https://docs.docker.com/reference/cli/docker/container/exec/ docker compose CLI reference: https://docs.docke https://www.youtube.com/embed/RHjXPN_h1YA 2975 2024-03-26T20:24:14.000Z https://syntax.yabby.page/video/drupal-tutorials-the-complete-guide-to-omega-4-9-installing-gems-and-compiling-sass 2026-10-15T03:45:29.133Z https://i.ytimg.com/vi/XF_LaSfua8Y/maxresdefault.jpg Drupal Tutorials - The Complete Guide To Omega 4 #9 - Installing Gems and Compiling Sass The 9th in the The Complete Guide To Omega 4. Here we show you how to install all of the gems you need to compile your Sass. After that we run drush omega-guard to watch our sass files for changes. https://www.youtube.com/embed/XF_LaSfua8Y 486 2013-11-20T04:35:58.000Z https://syntax.yabby.page/video/8000-eslint-errors-html-time-tag-7-meg-react-bundle-css-modules 2026-10-15T03:45:29.138Z https://i.ytimg.com/vi/RBUU3mOwo-E/maxresdefault.jpg 8000 ESLint Errors × HTML Time Tag × 7 Meg React Bundle × CSS Modules In this Potluck episode of Syntax, Scott and Wes answer your questions, from weighing the trade-offs between numerous small npm packages and a few larger ones to managing the challenges of work-from-home life. They also explore CSS modules, strategies for shrinking JavaScript bundles, and even where to find the best replacement ear cups for your headphones. Show Notes 00:00 Welcome to Syntax! 00:38 Commentating basketball. 01:16 Brought to you by Sentry.io. 02:09 The video podcast doesn't translate well to audio. 04:08 Many small npm packages vs a few large. 09:55 Developers dealing with WFH, ADHD, and kids. 15:59 CSS modules for scoping styles to components. 20:55 Scoped CSS in React? 23:21 Reducing JS bundle sizes. 29:44 Balancing learning, doing, and teaching. 33:04 Making maps local first. 36:20 How to pronounce 'schema'. 37:09 HTML tag. 40:11 Where to get replacement ear cups for headphones? 42:21 ESLint and hiding errors. 48:48 Sick Picks & Shameless Plugs. All links available at https://syntax.fm/820 ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript https://www.youtube.com/embed/RBUU3mOwo-E 3365 2024-09-11T11:00:34.000Z https://syntax.yabby.page/video/copilot-kills-cursor-reacting-to-github-universe-keynote 2026-10-15T03:45:29.751Z https://i.ytimg.com/vi/tw8WngbNsJA/maxresdefault.jpg Copilot Kills Cursor?? Reacting to Github Universe Keynote Scott and Wes react to the big GitHub Universe announcements, recorded live at GitHub Universe. They dive into Copilot’s new features, exploring how its advancements stack up against Cursor AI in the battle for the ultimate AI-driven developer tool. 👉 Join the exclusive newsletter - https://syntax.fm/snackpack Show Notes 00:00 Welcome to Syntax! 01:12 Our Syntax Meetup. 02:54 AI is everywhere. 03:22 Sherlocking and jockeying for position. 04:49 GitHub Copilot introduces alternative LLMs. 06:31 New tools are build upon existing LLMs. 09:14 VSCode reclaiming ground from Cursor. 10:31 The new features. 10:34 Milti-file editing. 10:54 Use-cases for multi-file editing. 12:58 Multi-model selection. 13:05 Repo indexing. 13:50 Copilot instructions. 14:34 Examples of Cursor rules. 16:39 No mention of multiple-line suggestions. 18:02 Multi-file edit? 20:26 Code review. 22:36 GitHub Pull Requests plugin. 24:34 Investing in AI ‘big bets’. 26:29 Scott’s mysterious YouTube unreleased feature. 27:11 3-minute YouTube shorts. 28:29 GitHub Marketplace. 32:18 Copilot Workspace. 34:53 Copilot Workspace features yet to come. 36:25 GitHub Spark. 42:44 Final thoughts on Copilot vs Cursor. 44:03 What products do you think are in trouble? 50:26 Sick Picks & Shameless Plugs. All links available at https://syntax.fm/843 ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript https://www.youtube.com/embed/tw8WngbNsJA 3307 2024-11-04T12:01:09.000Z https://syntax.yabby.page/video/sketch-app-tutorials-6-using-text-styles 2026-10-15T03:45:29.756Z https://i.ytimg.com/vi/NN1_mz8PPoQ/maxresdefault.jpg Sketch App Tutorials - #6 Using Text Styles In this Sketch App video tutorial, learn how to take control of your text using Sketch 3 Text Styles. Text styles allow for reusable styling of text similar to how you would set up text styles for a website. Subscribe for more free tutorials https://goo.gl/6ljoFc, more Sketch App Tutorials: https://goo.gl/SvgeZU Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e Sketch gives you the power, flexibility and speed you always wanted in a lightweight and easy-to-use package. Finally you can focus on what you do best: Design. https://www.youtube.com/embed/NN1_mz8PPoQ 382 2014-06-04T01:16:54.000Z https://syntax.yabby.page/video/can-you-draw-a-ui-with-only-the-code 2026-10-14T13:45:16.858Z https://i.ytimg.com/vi/hRMzxv0zGsM/sddefault.jpg can you draw a UI with only the code? CJ challenges Scott and Wes to recreate a UI without even seeing it. By only looking at the HTML and CSS, they must draw what they think the final design looks like. 🔥 Be the ~19,500th person to join our super tasty newsletter https://bit.ly/syntax_snackpack ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by https://sentry.io/syntax #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/hRMzxv0zGsM 992 2026-05-15T12:05:05.000Z https://syntax.yabby.page/video/vscode-3-using-and-installing-extensions 2026-10-15T03:45:29.761Z https://i.ytimg.com/vi/_1cjm7G5JP0/maxresdefault.jpg VSCode #3 - Using and Installing Extensions Learn about Visual Studio Code and why it's an exciting new text editor. Subscribe for more free tutorials https://goo.gl/6ljoFc Learn Meteor & React for modern real-time apps. https://www.leveluptutorials.com/store/products/tutorials/lut-dd012 Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e Visual Studio Code is a lightweight but powerful source code editor which runs on your desktop and is available for Windows, macOS and Linux. It comes with built-in support for JavaScript, TypeScript and Node.js and has a rich ecosystem of extensions for other languages (such as C++, C#, Python, PHP, Go) and runtimes (such as .NET and Unity). https://www.youtube.com/embed/_1cjm7G5JP0 485 2017-03-07T17:15:46.000Z https://syntax.yabby.page/video/what-if-websites-were-felt-2 2026-10-16T11:15:15.837Z https://i.ytimg.com/vi/5lHE5CWOwLw/maxresdefault.jpg what if websites were felt? Wes experiments with what a fully generated UI on the web would look like 00:00 - Text In, Pixels Out! 00:30 - The Future of Interfaces 01:27 - Demo 1: Webcam Transformer 02:20 - Models + How it work 03:55 - Speed + Performance 04:28 - Demo 2: Realtime UI Diffusion 05:35 - HTML in Canvas 06:30 - Demo 3: Applying to other websites 06:30 - Demo 3: Applying to other websites 07:19 - Cost 08:00 - Shortcomings https://www.youtube.com/embed/5lHE5CWOwLw 529 2026-07-03T12:00:04.000Z https://syntax.yabby.page/video/this-makes-your-site-feel-like-sh-t 2026-10-16T12:15:14.772Z https://i.ytimg.com/vi/Ez7J6MNRtoI/maxresdefault.jpg This makes your site feel like sh*t The hover scale up effect is making your site sh!t https://www.youtube.com/embed/Ez7J6MNRtoI 57 2026-06-29T16:28:11.000Z https://syntax.yabby.page/video/habits-and-changes-we-want-to-make-in-2026 2026-10-15T03:45:29.765Z https://i.ytimg.com/vi/zkheAG-dKi4/maxresdefault.jpg Habits and Changes We Want to Make in 2026 Wes and Scott talk about setting realistic goals for the new year, building habits through small, sustainable changes, creating systems that actually stick, and why incremental progress beats big resolutions every time. 🔥 Be the ~18,300th person to join our super tasty newsletter https://bit.ly/syntax_snackpack (00:00) Welcome to Syntax! (00:26) Wes: Stand more (06:55) Wes: Learn to wake up early (10:04) Scott: Embrace daily TODOs (14:18) Brought to you by Sentry.io (14:43) Wes: Better email management (19:14) Scott: Become more minimal (22:13) Wes: Get faster at typing (26:55) Scott: Listen to more self-help books (30:18) Scott: Track long-term habits (31:36) Scott (and Wes): Ship more things All links available at https://syntax.fm/968 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/zkheAG-dKi4 2017 2026-01-07T12:01:59.000Z https://syntax.yabby.page/video/vite-is-taking-over-vite 2026-10-15T03:45:29.770Z https://i.ytimg.com/vi/A673RO0xnjs/maxresdefault.jpg 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, performance gains, Node version management, and whether it can realistically replace today’s fragmented dev tooling 🔥 Be the ~18,300th person to join our super tasty newsletter https://bit.ly/syntax_snackpack (00:00) Welcome to Syntax! (00:54) What Vite+ is and what’s changed since launch (03:43) Why the ecosystem needs Vite+ (06:41) What Vite+ actually does for your workflow (10:18) Built-in Node version management (12:32) Type-aware linting with tsgolint and oxc (15:27) Brought to you by Sentry.io (16:28) Should config live inside vite.config? (22:56) Monorepos and task running in Vite+ (26:28) Task caching and faster builds (29:01) Final thoughts and current limitations All links available at https://syntax.fm/990 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/A673RO0xnjs 2014 2026-03-25T11:00:00.000Z https://syntax.yabby.page/video/syntax-holiday-gift-guide 2026-10-15T03:45:29.777Z https://i.ytimg.com/vi/7uh2ChvlbQg/maxresdefault.jpg Syntax Holiday Gift Guide Scott and Wes are back with their annual Syntax Holiday Gift Guide! They’ve curated the best gadgets, tools, games, and even kitchen essentials for the dev in your life — plus a few treats anyone would love to unwrap. 👉 Join the exclusive newsletter - https://syntax.fm/snackpack Show Notes 00:00 Welcome to Syntax! 00:46 Brought to you by Sentry.io. 01:59 Syntax holiday gift guide. 02:25 Our absolute favorites. 13:33 Our (Scott’s) top games. 19:01 Gifts under $30. 27:50 Clothing gifts. 35:02 Desk item gifts. 45:02 Kids gifts. 51:11 Kitchen gifts. 59:02 Eatables. 01:00:51 Smart home gifts. 01:03:06 Shameless Plugs. All links available at https://syntax.fm/847 ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript https://www.youtube.com/embed/7uh2ChvlbQg 3821 2024-11-13T12:00:13.000Z https://syntax.yabby.page/video/wordpress-basics-1-series-introduction 2026-10-15T03:45:29.784Z https://i.ytimg.com/vi/ftPB4qEKlvo/maxresdefault.jpg WordPress Basics #1 - Series Introduction The first video in the new WordPress Basics video series. Here I give an introduction to what will be covered in this and future video series involving WordPress. #1 OUTSOURCING SERVICE FOR WORDPRESS https://api.referoo.co/hits/create_hit?partner_id=16&medium_id=1 Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations https://www.youtube.com/embed/ftPB4qEKlvo 145 2014-01-17T02:02:31.000Z https://syntax.yabby.page/video/vite-s-bet-on-cloudflare-void-framework 2026-10-15T03:45:29.788Z https://i.ytimg.com/vi/wtkZUdkUHhc/maxresdefault.jpg 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 built on top of Cloudflare’s infrastructure. Scott, Wes, and CJ dig into whether Void is the Rails moment JavaScript has been waiting for, or just shiny Cloudflare lock-in with a bow on it 🔥 Be the ~18,300th person to join our super tasty newsletter https://bit.ly/syntax_snackpack Show Notes 00:00 Welcome to Syntax! 00:27 Laravel or Rails for JavaScript? 01:38 What is this big announcement? 04:36 It’s just Vercel for Cloudflare? 07:09 Database options. 09:37 Brought to you by Sentry.io. 10:01 Type safety. 12:09 What about RPC? 15:41 Component Loaders over Page Loaders. 18:23 Baked in authentication via Better Auth. 22:57 Lock-in. Unapologetically Cloudflare 24:55 Is it lock-in? 32:40 Self-Cloudflare your own Void apps? All links available at https://syntax.fm/991 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/wtkZUdkUHhc 2319 2026-03-30T11:00:00.000Z https://syntax.yabby.page/video/nodejs-evolves 2026-10-15T03:45:29.793Z https://i.ytimg.com/vi/8oU_TTbG-O8/maxresdefault.jpg NodeJS Evolves In this episode of Syntax, Wes and Scott talk about the latest features in Node.js, including native support for TypeScript, .env parsing, a built-in test runner, watch mode, SQLite integration, glob support, and top-level await. They also discuss some wishlist items, and experimental features like WebSocket support and the require module. Show Notes (00:00) Welcome to Syntax! (01:13) Brought to you by Sentry.io (01:37) Node.js new features (02:51) TypeScript (10:03) SQLite v22.5 (14:35) .env support (16:24) Test runner (19:42) Watch Mode (21:22) Glob support (22:48) Top-Level Await (26:40) Experimental require module (29:39) Experimental WebSocket support (30:13) Async local storage (31:43) Single file executables (32:46) Wishlist * (32:54) Hot reload * (34:20) Window shim * (35:30) Better server * (35:56) Better terminal integration (41:36) Twitter responses (46:54) Sick Picks (54:56) Shameless Plugs All links available at https://syntax.fm/811 ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript https://www.youtube.com/embed/8oU_TTbG-O8 3346 2024-08-21T10:00:12.000Z https://syntax.yabby.page/video/silly-goose-software-club 2026-10-12T19:15:18.342Z https://i.ytimg.com/vi/tvzu2H3tCtY/maxresdefault.jpg Silly Goose Software Club 🥺 Silly Goose Software Club 🥺 https://www.youtube.com/embed/tvzu2H3tCtY 46 2026-05-01T14:56:19.000Z https://syntax.yabby.page/video/we-time-traveled-through-old-websites-and-it-got-embarrassing 2026-10-15T03:45:29.798Z https://i.ytimg.com/vi/A-bmrPpP-Ig/maxresdefault.jpg We Time-Traveled Through Old Websites (and It Got Embarrassing) Three web developers compete to guess famous website designs from the past! Watch Scott, Wes & CJ analyze ancient UI, forgotten features, and the internet's most embarrassing design choices 🔥 Be the ~14,700th person to join our super tasty newsletter bit.ly/syntax_snackpack ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/A-bmrPpP-Ig 876 2025-02-07T15:21:54.000Z https://syntax.yabby.page/video/transformers-are-what-power-all-modern-llms-llm-explainer-ml-programming 2026-10-18T16:15:13.508Z https://i.ytimg.com/vi/-egKBC5Tqe8/maxresdefault.jpg Transformers are what power all modern LLMS. #LLM #explainer #ml #programming Transformers are a neural network architecture that power all modern LLMs. They are based on concepts like multi-headed attention, feed forward networks and block stacking. Watch the full video here: https://www.youtube.com/watch?v=YmLp8qe87A0 ------------------------------------------------------------------------------ http://www.syntax.fm Brought to you by https://sentry.io/syntax #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/-egKBC5Tqe8 173 2026-07-16T17:22:24.000Z https://syntax.yabby.page/video/wordpress-basics-7-our-first-post 2026-10-15T03:45:29.803Z https://i.ytimg.com/vi/cuFQUA4q8cE/maxresdefault.jpg WordPress Basics #7 - Our First Post The 7th video in the new WordPress Basics video series. Here we show you how to make your first post in WordPress. https://www.youtube.com/embed/cuFQUA4q8cE 482 2014-01-24T03:16:12.000Z https://syntax.yabby.page/video/syntax-snack-pack-recap 2026-10-15T03:45:29.809Z https://i.ytimg.com/vi/s_k-cLxcHgo/maxresdefault.jpg Syntax Snack Pack Recap In this video CJ shows some of the links the Syntax team has shared in the past few issues of the Syntax Snack Pack newsletter. Sign up for the snack pack: https://syntax.fm/snackpack Get a BLAZING FAST WORLD WIDE WEB shirt while they last: https://sentry.shop/ Bills World | https://billsworld.neocities.org/ Montreal in Motion | https://typicalmitul.com/montreal-in-motion CLI Guidelines | https://clig.dev/ Serverless Horrors | https://serverlesshorrors.com/ LoFi Beats | https://lofi-beats.vercel.app/ Pragmatic Drag and Drop | https://github.com/atlassian/pragmatic-drag-and-drop HTML Render Blocking | https://fullystacked.net/render-blocking-on-purpose/ SOMA FM | https://somafm.com/indiepop/ In Browser Background Removal | https://huggingface.co/spaces/Xenova/remove-background-web Fluid Type Generator | https://fluid-type.tolin.ski/ Queueing | https://encore.dev/blog/queueing CSS is Now a Programming Language | https://x.com/LeaVerou/status/1801192208025940200 Brutalist Report | https://brutalist.report/ ------------------------------------------------------------------------------ Hit us up on Socials! https://www.syntax.fm/links Brought to you by Sentry - Use code "tastytreats" to get 2 months free - https://sentry.io/syntax #javascript #react #vuejs https://www.youtube.com/embed/s_k-cLxcHgo 668 2024-07-11T12:00:50.000Z https://syntax.yabby.page/video/next-js-react-tailwind-component-library-options-shadcn-ui-nextui-headlessui-and-more 2026-10-15T03:45:29.814Z https://i.ytimg.com/vi/rnAUcpLprPU/maxresdefault.jpg Next.js / React Tailwind Component Library Options | shadcn/ui, NextUI, HeadlessUI and more In this video CJ shows some component libraries you can use with Next.js that are built on top of tailwind. This video is an excerpt from a longer video where CJ shows how to set up a Next.js starter template from scratch. In that video, he also showcases the Next.js ecosystem of libraries, CLI tools, existing starter templates and toolkits. View the full video here: https://www.youtube.com/watch?v=dLRKV-bajS4 shadcn/ui | https://ui.shadcn.com/ NextUI | https://nextui.org/ Headless UI | https://headlessui.com/ Flowbite React | https://flowbite-react.com/ react-daisyUI | https://react.daisyui.com/ ------------------------------------------------------------------------------ Hit us up on Socials! https://www.syntax.fm/links Brought to you by Sentry - Use code "tastytreats" to get 2 months free - https://sentry.io/syntax #nextjs #tailwindcss #react https://www.youtube.com/embed/rnAUcpLprPU 465 2024-10-01T12:56:05.000Z https://syntax.yabby.page/video/split-and-move-window-in-vscode-vscode-pro-tips 2026-10-15T03:45:29.818Z https://i.ytimg.com/vi/3PkSKVLq-QA/maxresdefault.jpg Split and Move Window In VSCode - VSCode Pro Tips @xcolbyg https://twitter.com/xcolbyg/status/1488567178001408001 Become a Level Up Pro and take your web skills to the next level! https://www.leveluptutorials.com/pro Learn Svelte quickly https://leveluptutorials.com/tutorial... The best web development podcast out there Syntax with Wes Bos and Scott Tolinski https://syntax.fm https://www.youtube.com/embed/3PkSKVLq-QA 201 2022-02-01T19:22:37.000Z https://syntax.yabby.page/video/how-to-use-kiro-the-new-agentic-ide 2026-10-15T03:45:29.823Z https://i.ytimg.com/vi/8k1g-E1qGyQ/maxresdefault.jpg How To Use Kiro, the New Agentic IDE 0:00 - Introduction 1:07 - The Demo App 1:52 - Let's Build 4:00 - The Kiro Page 4:20 - Non-Sponsorship Disclosure, I just like it 5:02 - Back to Kiro 6:20 - Agent Steering 10:50 - Specs 14:06 - Design Document 15:03 - Tasks 21:50 - Agent Hooks 26:20 - Trusting Commands 28:29 - Actually Running Our Hook 32:55 - MCP Servers 35:13 - Final Thoughts and Begging for subscribers I'm excited to announce Kiro, an AI IDE that helps you deliver from concept to production through a simplified developer experience for working with AI agents. Kiro is great at ‘vibe coding’ but goes way beyond that—Kiro’s strength is getting those prototypes into production systems with features such as specs and hooks. 🔥 Be the ~14,700th person to join our super tasty newsletter https://bit.ly/syntax_snackpack ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev #ai #vibecoding #aidevelopment https://www.youtube.com/embed/8k1g-E1qGyQ 2253 2025-07-17T13:00:30.000Z https://syntax.yabby.page/video/the-web-is-getting-interesting-again 2026-10-16T13:45:14.244Z https://i.ytimg.com/vi/7ZMhs1R_wh4/maxresdefault.jpg The Web is Getting Interesting Again Scott, Wes and CJ dive into some of the most creative corners of the internet, each bringing along a unique site that caught their eye, from weird to wonderful. Projects: https://flipbook.page/ https://x.ai/api/voice https://www.virgilabloh.com/aj1 https://canary---yellow.com/ Designers: https://x.com/Moore https://x.com/narrowd https://x.com/devinjacoviello 🔥 Be the ~18,300th person to join our super tasty newsletter https://bit.ly/syntax_snackpack ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/7ZMhs1R_wh4 843 2026-05-01T12:15:02.000Z https://syntax.yabby.page/video/sketch-app-tutorials-3-understanding-artboards 2026-10-15T03:45:29.827Z https://i.ytimg.com/vi/A-0xWk6BFq4/maxresdefault.jpg Sketch App Tutorials - #3 Understanding Artboards In this Sketch App video tutorial, learn how to use artboards in Sketch 3 to create separate working frames in a single canvas. Subscribe for more free tutorials https://goo.gl/6ljoFc, more Sketch App Tutorials: https://goo.gl/SvgeZU Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! http://leveluptuts.com/level-up-pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e Sketch gives you the power, flexibility and speed you always wanted in a lightweight and easy-to-use package. Finally you can focus on what you do best: Design. https://www.youtube.com/embed/A-0xWk6BFq4 493 2014-05-30T01:18:23.000Z https://syntax.yabby.page/video/drupal-tutorials-the-complete-guide-to-omega-4-8-setting-up-your-ruby-environment 2026-10-15T03:45:29.831Z https://i.ytimg.com/vi/AZw8J1zfzZk/maxresdefault.jpg Drupal Tutorials - The Complete Guide To Omega 4 #8 - Setting Up Your Ruby Environment The 8th in the The Complete Guide To Omega 4. Here we show you how to get your environment ready to work by installing Command Line Tools, RVM and Ruby 1.9.3. http://rvm.io/ https://developer.apple.com/downloads/index.action RVM Issues with Mountain Lion https://gist.github.com/zenkay/3237860 https://www.youtube.com/embed/AZw8J1zfzZk 516 2013-11-20T04:33:52.000Z https://syntax.yabby.page/video/is-gatsby-dead-shadow-dom-ai-summaries-self-hosting-listener-questions 2026-10-15T03:45:29.836Z https://i.ytimg.com/vi/bHavi6-S1Y4/maxresdefault.jpg Is Gatsby Dead? Shadow Dom, AI Summaries, Self Hosting - Listener Questions Scott and Wes serve up answers to community questions, from navigating Light DOM vs. Shadow DOM to diving into tools for data extraction. Plus, they dish out insights on Gatsby in 2024, utilizing JavaScript 'wheel events', and explore the possibilities of hosting a website at home. Show Notes 00:00 Welcome to Syntax! 00:51 Brought to you by Sentry.io. 01:17 When should I use Light DOM or Shadow DOM? 03:43 Do you know of any good tools for extracting data/content from Markup/HTML? 08:29 Wanted to ask you guys your opinion on the state of Gatsby in 2024. 15:05 Please get the Goodhertz creator on the pod! Would be a great show. 16:34 Effects that involve the JavaScript 'wheel' event. 23:15 Best tool for rapidly creating UI from the ground up. 27:44 Wes, what's with your frame rate? 32:31 Is there any way to host a whole website setting on my PC at home? 36:52 Offline functionality like saving data and syncing data to database? 39:41 Creating a GPT-like tool that can listen to long audio files. 43:51 Sick Picks. All links available at https://syntax.fm/757 ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript https://www.youtube.com/embed/bHavi6-S1Y4 2922 2024-04-17T11:00:34.000Z https://syntax.yabby.page/video/why-use-dialog-over-div-with-dialog-role 2026-10-15T03:45:29.841Z https://i.ytimg.com/vi/gqSJAhFQaV8/maxresdefault.jpg why use Dialog over Div with Dialog Role? - when opened, it captures your mouse and keyboard - keyboard support i.e tabbing around, esc closes that bad boy - restores focus to element that open the modal 💬Scott and Wes play a game of Stump'd, asking each other advanced web development questions on topics like JavaScript, CSS, Node.js and TypeScript. 👉 Join the exclusive newsletter - https://syntax.fm/snackpack ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #css #typescript#nodejs https://www.youtube.com/embed/gqSJAhFQaV8 62 2025-01-07T23:14:09.000Z https://syntax.yabby.page/video/vscode-tutorials-1-introduction-to-visual-studio-code 2026-10-15T03:45:29.848Z https://i.ytimg.com/vi/4q1tD39Mk_A/maxresdefault.jpg VSCode Tutorials #1 - Introduction To Visual Studio Code Learn about Visual Studio Code and why it's an exciting new text editor. Subscribe for more free tutorials https://goo.gl/6ljoFc Learn Meteor & React for modern real-time apps. https://www.leveluptutorials.com/store/products/tutorials/lut-dd012 Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e Visual Studio Code is a lightweight but powerful source code editor which runs on your desktop and is available for Windows, macOS and Linux. It comes with built-in support for JavaScript, TypeScript and Node.js and has a rich ecosystem of extensions for other languages (such as C++, C#, Python, PHP, Go) and runtimes (such as .NET and Unity). https://www.youtube.com/embed/4q1tD39Mk_A 445 2017-03-07T17:05:45.000Z https://syntax.yabby.page/video/sketch-app-tutorials-10-creating-and-using-symbols 2026-10-15T03:45:29.862Z https://i.ytimg.com/vi/aY0Vvz_FRNA/maxresdefault.jpg Sketch App Tutorials - #10 Creating and Using Symbols In this Sketch App video tutorial, learn how to use one of Sketch 3's most powerful and useful features, Symbols. With Symbols you can reuse elements around your project and always keep them in sync. Subscribe for more free tutorials https://goo.gl/6ljoFc, more Sketch App Tutorials: https://goo.gl/SvgeZU Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e Sketch gives you the power, flexibility and speed you always wanted in a lightweight and easy-to-use package. Finally you can focus on what you do best: Design. https://www.youtube.com/embed/aY0Vvz_FRNA 472 2014-06-13T01:50:38.000Z https://syntax.yabby.page/video/deno-2-with-ryan-dahl 2026-10-15T03:45:29.870Z https://i.ytimg.com/vi/tZBCq8Ijkgw/maxresdefault.jpg Deno 2 with Ryan Dahl In this episode of Syntax, Wes and Scott talk with Ryan Dahl about Deno 2.0, its new features and use of web standards, and how it seamlessly integrates with popular frameworks like Next.js. Ryan shares insights on the motivations behind Deno's creation, its emphasis on simplicity and security, and offers his take on the evolving JavaScript ecosystem. Show Notes 00:00 - Welcome to Syntax! 00:34 - What is Deno? 05:08 - Deno 2.0 07:49 - NPM compatibility 09:40 - What parts of Node aren't doable in Deno? 11:22 - Do we need a hard break from Require? 13:51 - Package management 16:25 - Security and performance benefits of Deno 20:57 - Brought to you by Sentry.io 20:57 - Thoughts on Bun and Node additions 26:25 - Ryan's favorite Deno projects 28:42 - Will we ever see a unified file system API? 31:49 - Typescript 36:12 - Jupyter Notebooks with Deno 39:11 - AI and WASM in JavaScript 42:01 - Deno 2.0 features and future 43:08 - Sick Picks & Shameless Plugs All links available at https://syntax.fm/815 ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript https://www.youtube.com/embed/tZBCq8Ijkgw 2672 2024-08-30T11:00:52.000Z https://syntax.yabby.page/video/drupal-tutorials-14-an-introduction-to-menus 2026-10-15T03:45:29.875Z https://i.ytimg.com/vi/bZOnFLuNnT4/maxresdefault.jpg Drupal Tutorials #14 - An Introduction To Menus This Drupal 7 tutorial gives an introduction to menus in Drupal 7. We go over moving menu items around and child parent relationships. Subscribe for more free tutorials https://goo.gl/6ljoFc, more Drupal Tutorials here: https://goo.gl/YDHhLW Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e This Drupal 7 tutorial series shows users how to build websites with the very popular open source content management system Drupal 7. https://www.youtube.com/embed/bZOnFLuNnT4 316 2012-03-26T23:25:49.000Z https://syntax.yabby.page/video/loading-50-pages-in-less-than-1-seconds-is-crazy 2026-10-15T03:45:29.880Z https://i.ytimg.com/vi/ktNWoFRgLjc/maxresdefault.jpg loading 50+ pages in less than 1 seconds is crazy 👉 oh btw we send out a newsletter with a bunch of sweet links so you can spend less time browsing for them on twitter - syntax.fm/snackpack ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript https://www.youtube.com/embed/ktNWoFRgLjc 62 2025-01-15T17:07:45.000Z https://syntax.yabby.page/video/3d-printed-back-patter 2026-10-14T12:45:14.558Z https://i.ytimg.com/vi/00acwqswBjU/maxresdefault.jpg 3D printed back patter?? first person to make this wins the internet https://www.youtube.com/embed/00acwqswBjU 41 2026-06-01T20:04:40.000Z https://syntax.yabby.page/video/drupal-tutorials-16-setting-up-a-custom-homepage 2026-10-15T03:45:29.884Z https://i.ytimg.com/vi/roCuJIJc5nU/maxresdefault.jpg Drupal Tutorials #16 - Setting Up A Custom Homepage This is the 16th tutorial in a series that shows users how to set a created page as a custom homepage. Subscribe for more free tutorials https://goo.gl/6ljoFc, more Drupal Tutorials here: https://goo.gl/YDHhLW Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e This Drupal 7 tutorial series shows users how to build websites with the very popular open source content management system Drupal 7. https://www.youtube.com/embed/roCuJIJc5nU 168 2012-04-01T01:17:14.000Z https://syntax.yabby.page/video/vscode-tutorials-2-visual-studio-code-interface-getting-around-files 2026-10-15T03:45:29.891Z https://i.ytimg.com/vi/u03JqER875w/maxresdefault.jpg VSCode Tutorials #2 - Visual Studio Code Interface & Getting Around Files Learn about Visual Studio Code and why it's an exciting new text editor. Subscribe for more free tutorials https://goo.gl/6ljoFc Learn Meteor & React for modern real-time apps. https://www.leveluptutorials.com/store/products/tutorials/lut-dd012 Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e Visual Studio Code is a lightweight but powerful source code editor which runs on your desktop and is available for Windows, macOS and Linux. It comes with built-in support for JavaScript, TypeScript and Node.js and has a rich ecosystem of extensions for other languages (such as C++, C#, Python, PHP, Go) and runtimes (such as .NET and Unity). https://www.youtube.com/embed/u03JqER875w 513 2017-03-07T17:10:54.000Z https://syntax.yabby.page/video/drupal-tutorials-15-creating-a-menu-and-adding-menu-items 2026-10-15T03:45:29.902Z https://i.ytimg.com/vi/JU4Kh5QQjEE/maxresdefault.jpg Drupal Tutorials #15 - Creating a Menu and Adding Menu Items This Drupal 7 tutorial shows users how to create a menu and add/create menu items. Subscribe for more free tutorials https://goo.gl/6ljoFc, more Drupal Tutorials here: https://goo.gl/YDHhLW Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e This Drupal 7 tutorial series shows users how to build websites with the very popular open source content management system Drupal 7. https://www.youtube.com/embed/JU4Kh5QQjEE 258 2012-03-26T23:49:01.000Z https://syntax.yabby.page/video/what-happens-when-ai-makes-developers-way-more-productive-4-day-work-weeks 2026-10-15T03:45:29.912Z https://i.ytimg.com/vi/AqsRicSZDmo/maxresdefault.jpg what happens when AI makes developers way more productive? 4 day work weeks? 🔥 Be the ~14,700th person to join our super tasty newsletter - bit.ly/syntax_snackpack ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/AqsRicSZDmo 81 2025-01-22T22:29:29.000Z https://syntax.yabby.page/video/5-importing-and-globbing-stylus-files-stylus-tutorials 2026-10-15T03:45:29.918Z https://i.ytimg.com/vi/rdbUuq86mc0/maxresdefault.jpg #5 Importing and Globbing Stylus Files - Stylus Tutorials Learn how to use @import to import .styl files with the Stylus CSS pre-processor. Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e https://www.youtube.com/embed/rdbUuq86mc0 522 2015-01-09T05:20:59.000Z https://syntax.yabby.page/video/what-is-graphql-2 2026-10-15T03:45:29.926Z https://i.ytimg.com/vi/ecqQwVfwqvE/maxresdefault.jpg What is GraphQL? What is GraphQL? https://www.youtube.com/embed/ecqQwVfwqvE 60 2022-10-27T18:31:56.000Z https://syntax.yabby.page/video/level-up-tutorials-goes-svelte-kit-weekly-svelte 2026-10-15T03:45:29.931Z https://i.ytimg.com/vi/G46RnFNP9Bc/maxresdefault.jpg Level Up Tutorials Goes Svelte Kit - Weekly Svelte Become a Level Up Pro and take your web skills to the next level! https://www.leveluptutorials.com/pro?utm_source=youtube&utm_medium=video&utm_campaign=weekly_svelte Svelte for Beginners https://leveluptutorials.com/tutorials/svelte-for-beginners/introduction The best web development podcast out there Syntax with Wes Bos and Scott Tolinski https://syntax.fm https://www.youtube.com/embed/G46RnFNP9Bc 725 2021-09-24T18:36:40.000Z https://syntax.yabby.page/video/sublime-text-tutorials-1-installing-overview 2026-10-15T03:45:29.938Z https://i.ytimg.com/vi/k01udDD-UwI/maxresdefault.jpg Sublime Text Tutorials #1 - Installing & Overview The first video in the Sublime Text 2 tutorial series. Here I give a brief overview of what Sublime Text 2 is and how to get started with it. Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations https://www.youtube.com/embed/k01udDD-UwI 396 2012-11-30T02:46:25.000Z https://syntax.yabby.page/video/building-the-level-up-video-player 2026-10-15T03:45:29.945Z https://i.ytimg.com/vi/_9YmxA5uoUQ/maxresdefault.jpg Building The Level Up Video Player I talk about the new Level Up video player in this rough, free form, rambling stream :) # Links Level Up your web development & design skills: https://www.leveluptutorials.com/pro The tastiest web development podcast around: https://syntax.fm/ Shop Level Up Tutorials: https://www.leveluptutorials.com/store/products/tutorials https://www.youtube.com/embed/_9YmxA5uoUQ 2652 2020-03-13T23:50:36.000Z https://syntax.yabby.page/video/vscode-tutorials-2-visual-studio-code-interface-getting-around-files-2 2026-10-15T03:45:29.950Z https://i.ytimg.com/vi/5wZVh7KQjzo/maxresdefault.jpg VSCode Tutorials #2 - Visual Studio Code Interface & Getting Around Files Learn about Visual Studio Code and why it's an exciting new text editor. Subscribe for more free tutorials https://goo.gl/6ljoFc Learn Meteor & React for modern real-time apps. https://www.leveluptutorials.com/store/products/tutorials/lut-dd012 Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e Visual Studio Code is a lightweight but powerful source code editor which runs on your desktop and is available for Windows, macOS and Linux. It comes with built-in support for JavaScript, TypeScript and Node.js and has a rich ecosystem of extensions for other languages (such as C++, C#, Python, PHP, Go) and runtimes (such as .NET and Unity). https://www.youtube.com/embed/5wZVh7KQjzo 574 2017-05-18T04:25:33.000Z https://syntax.yabby.page/video/we-tried-to-guess-tech-slogans 2026-10-15T03:45:29.954Z https://i.ytimg.com/vi/V_KX9LcvRr0/maxresdefault.jpg We Tried to Guess Tech Slogans Scott, Wes, and CJ face off in a rapid-fire quiz of iconic tech slogans, like “Think Different,” “Write Once, Run Anywhere,” and “Code is Poetry.” Who remembers their web dev history best, and who gets dunked on for confusing Apple with IBM? 🔥 Be the ~14,700th person to join our super tasty newsletter https://bit.ly/syntax_snackpack ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/V_KX9LcvRr0 1018 2025-06-06T12:33:00.000Z https://syntax.yabby.page/video/why-did-they-choose-go-for-the-new-typescript-compiler 2026-10-15T03:45:29.959Z https://i.ytimg.com/vi/YNMlReKTUyU/maxresdefault.jpg Why did they choose Go for the new TypeScript Compiler? 🔥 Be the ~14,700th person to join our super tasty newsletter bit.ly/syntax_snackpack All links available at https://syntax.fm/884 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev #typescript #typescriptcompiler #typescriptnews #golang https://www.youtube.com/embed/YNMlReKTUyU 69 2025-03-13T16:50:43.000Z https://syntax.yabby.page/video/1-your-first-html-file 2026-10-15T03:45:29.963Z https://i.ytimg.com/vi/Pq08fNMOn7s/maxresdefault.jpg #1 - Your First HTML File In this video, we write the very basics of an HTML file from scratch and describe the what and why we type what we type. In this video series, I teach you how to build your first website. No prior experience needed. The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ https://www.patreon.com/leveluptuts Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e https://www.youtube.com/embed/Pq08fNMOn7s 659 2015-08-28T19:01:26.000Z https://syntax.yabby.page/video/web-development-q-a-logging-blogging-freelancing 2026-10-15T03:45:29.969Z https://i.ytimg.com/vi/LbhGwLH7U2k/maxresdefault.jpg Web Development Q&A × Logging × Blogging × Freelancing In this Potluck episode, Scott and Wes tackle listener questions on modern blogging, website environmental impact, and using LangChain with LLMs. They also cover CSS hyphens, unit vs. integration testing, and balancing web development with new parenthood. Show Notes 00:00 Welcome to Syntax! 00:13 How to submit a question for future episodes. 02:46 Brought to you by Sentry.io. 03:21 Logging from a site. 08:39 Blogging in 2024. 11:49 Sharing website environmental data. 17:38 Using LangChain when working with LLMs. 21:03 CSS Hyphens and Overflow-Wrap. 25:52 Similarities between WASM, JVM and .NET. 27:25 Writing unit testing and integration testing. 32:00 How can new parents stay current on web development trends? 34:47 Working globally as a freelance developer. 37:26 Scott's audio setup. Why audio interfaces have DSP built in. 43:04 UI libraries for synth/audio plugins. 44:02 CSS module scripts. 48:39 Sick Picks + Shameless Plugs. All links available at https://syntax.fm/784 ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript https://www.youtube.com/embed/LbhGwLH7U2k 3336 2024-06-19T11:00:16.000Z https://syntax.yabby.page/video/cloudflare-tunnels 2026-10-15T03:45:29.974Z https://i.ytimg.com/vi/20rdAb2JpDs/maxresdefault.jpg Cloudflare Tunnels Explore the power of Cloudflare Tunnels with Scott and Wes as they break down this essential tool for secure remote server access. Learn how to establish and configure tunnels safely, integrate public webhooks with services like Snipcart and Apple Pay, and master the security practices that keep your connections protected. 👉 Join the exclusive newsletter - https://syntax.fm/snackpack Show Notes 00:00 Welcome to Syntax! 01:17 Brought to you by Sentry.io. 02:09 How do Cloudflare Tunnels work? 03:52 Publicly exposed webhooks. 04:09 Apple Pay. 04:40 Snipcart. 04:54 Accessing servers when away. 07:47 How to set up Cloudflare Tunnels. 10:00 Security risks. All links available at https://syntax.fm/852 ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript https://www.youtube.com/embed/20rdAb2JpDs 1141 2024-11-25T12:00:05.000Z https://syntax.yabby.page/video/drupal-tutorials-13-creating-a-basic-block 2026-10-15T03:45:29.981Z https://i.ytimg.com/vi/pD5npkWO4wU/maxresdefault.jpg Drupal Tutorials #13 - Creating A Basic Block This is the 13th tutorial in a series that show users how to create a block in Drupal 7. Subscribe for more free tutorials https://goo.gl/6ljoFc, more Drupal Tutorials here: https://goo.gl/YDHhLW Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e This Drupal 7 tutorial series shows users how to build websites with the very popular open source content management system Drupal 7. https://www.youtube.com/embed/pD5npkWO4wU 140 2012-03-26T23:26:07.000Z https://syntax.yabby.page/video/omarchy-feels-like-a-ferrari 2026-10-15T03:45:29.986Z https://i.ytimg.com/vi/8YULk160fIw/maxresdefault.jpg "Omarchy feels like a Ferrari" 🔥 Be the ~16,786th person to join our super tasty newsletter https://bit.ly/syntax_snackpack All links available at https://syntax.fm/937 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev #omarchy #dhh #iOS #linux #Mac https://www.youtube.com/embed/8YULk160fIw 39 2025-09-15T21:13:52.000Z https://syntax.yabby.page/video/nuxt-crash-course-2025 2026-10-15T03:45:29.991Z https://i.ytimg.com/vi/RhZZ0whiuT8/maxresdefault.jpg Nuxt Crash Course 2025 In this video, CJ shows how to get up and going with Nuxt. He demonstrates layouts, pages, data fetching, api routes and more! View the code from this video here: https://github.com/w3cj/nuxt-tasks-app Watch the Vue Crash Course: https://www.youtube.com/watch?v=5oKpoqmUj64 00:00 intro 00:58 tour of the docs 03:38 nuxt modules 04:19 generate a nuxt app 06:14 eslint stylistic setup 08:42 vscode editor settings 09:46 setup picocss 10:27 layouts 11:32 pages 12:13 components 13:26 NuxtLink 14:41 rendering 15:11 api routes 16:56 useFetch 20:02 useFetch lazy 22:07 sending api errors 24:03 db setup overview 25:38 insert task 26:32 readValidatedBody 28:25 $fetch 33:08 insert task 33:34 route params 35:06 display single task 35:35 getValidatedRouterParam 36:20 find first task with id 37:15 useRoute 37:38 list single task 39:23 homework 40:00 thanks! 🔥 Be the ~14,700th person to join our super tasty newsletter https://bit.ly/syntax_snackpack ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #nuxt #nuxtjs #vue #vuejs #webdevelopment #webdeveloper #javascript #typescript #syntax #syntaxfm #webdev https://www.youtube.com/embed/RhZZ0whiuT8 2485 2025-04-17T18:13:35.000Z https://syntax.yabby.page/video/streaming-video-in-2025 2026-10-15T03:45:29.996Z https://i.ytimg.com/vi/JsRdilMlRjA/maxresdefault.jpg Streaming Video in 2025 Scott and Wes break down the tech behind video streaming for the web, from transcoding and variants to CDN and access control. They also share insights on tools like Mux, Cloudflare Stream, and ffmpeg, plus tips for managing bandwidth, hosting, and costs. 👉 Join the exclusive newsletter - https://syntax.fm/snackpack Show Notes 00:00 Welcome to Syntax! 00:50 Brought to you by Sentry.io. 01:15 The history of video streaming. 02:10 How video streaming works: The Tech. 03:54 How video streaming works: Transcoding. 06:37 How video streaming works: Variants. 13:13 Dynamic ad insertion. 14:29 Bandwidth and hosting. 18:03 Cloudflare. 19:13 The costs. 25:39 Media players. 29:42 CDN. 32:04 Access control. 33:35 Solutions. 41:55 Some other features. 45:47 Sick Picks & Shameless Plugs. All links available at https://syntax.fm/859 ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript https://www.youtube.com/embed/JsRdilMlRjA 3082 2024-12-11T12:00:32.000Z https://syntax.yabby.page/video/drupal-tutorials-26-views-fields 2026-10-15T03:45:30.002Z https://i.ytimg.com/vi/73TgB1JcRWY/maxresdefault.jpg Drupal Tutorials #26 - Views - Fields This is the 26th tutorial in the Drupal 7 tutorial series. This tutorial shows you how to use fields to decide what content to show. Subscribe for more free tutorials https://goo.gl/6ljoFc, more Drupal Tutorials here: https://goo.gl/YDHhLW Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! http://leveluptuts.com/level-up-pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e This Drupal 7 tutorial series shows users how to build websites with the very popular open source content management system Drupal 7. What is Views The Views module provides a flexible method for Drupal site designers to control how lists and tables of content, users, taxonomy terms and other data are presented. This tool is essentially a smart query builder that, given enough information, can build the proper query, execute it, and display the results. It has four modes, plus a special mode, and provides an impressive amount of functionality from these modes. Among other things, Views can be used to generate reports, create summaries, and display collections of images and other content. drupal.org/project/views https://www.youtube.com/embed/73TgB1JcRWY 525 2012-04-21T00:06:06.000Z https://syntax.yabby.page/video/2-installing-stylus-stylus-tutorials 2026-10-15T03:45:30.008Z https://i.ytimg.com/vi/o0xr1JRZOb4/maxresdefault.jpg #2 Installing Stylus - Stylus Tutorials Learn how to install the Stylus CSS pre-processor and compile our .styl Stylus files to CSS. Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e https://www.youtube.com/embed/o0xr1JRZOb4 538 2014-12-12T02:42:30.000Z https://syntax.yabby.page/video/9-conditional-statements-in-stylus-stylus-tutorials 2026-10-15T03:45:30.014Z https://i.ytimg.com/vi/LGI-I7BjLnM/maxresdefault.jpg #9 Conditional Statements In Stylus - Stylus Tutorials Learn how to add advanced functionality to your mixins and functions with conditionals and operators. Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e https://www.youtube.com/embed/LGI-I7BjLnM 413 2015-02-06T04:27:42.000Z https://syntax.yabby.page/video/8-using-interpolation-stylus-tutorials 2026-10-15T03:45:30.019Z https://i.ytimg.com/vi/jtFqP4kOY9w/maxresdefault.jpg #8 Using interpolation - Stylus Tutorials Learn how to output properties using interpolation in Stylus. Subscribe to Level Up Pro for extra features! http://leveluptuts.com/level-up-pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e https://www.youtube.com/embed/jtFqP4kOY9w 474 2015-02-06T04:07:36.000Z https://syntax.yabby.page/video/learning-gulp-1-installing-introducing-gulp 2026-10-15T03:45:30.023Z https://i.ytimg.com/vi/wNlEK8qrb0M/maxresdefault.jpg Learning Gulp #1 - Installing & Introducing Gulp Get started with Gulp! Here we cover the basics of what Gulp can do for you and how you can get started using Gulp right now! http://nodejs.org/ http://gulpjs.com/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e https://www.youtube.com/embed/wNlEK8qrb0M 513 2014-06-25T02:09:53.000Z https://syntax.yabby.page/video/customizing-wordpress-11-adding-and-displaying-menu-locations 2026-10-15T03:45:30.031Z https://i.ytimg.com/vi/7pSGLkYypwI/maxresdefault.jpg Customizing WordPress #11 - Adding and Displaying Menu Locations The 11th video in the Customizing WordPress tutorial series. Here we add a new menu area and show how to display it in your templates. http://codex.wordpress.org/Navigation_Menus Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro #1 OUTSOURCING SERVICE FOR WORDPRESS https://api.referoo.co/hits/create_hit?partner_id=16&medium_id=1 For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations https://www.youtube.com/embed/7pSGLkYypwI 432 2014-04-09T03:28:32.000Z https://syntax.yabby.page/video/level-up-tips-1-adding-space-to-your-dock-in-osx 2026-10-15T03:45:30.038Z https://i.ytimg.com/vi/YJZZVaxNKJY/maxresdefault.jpg Level Up Tips #1 - Adding Space To Your Dock In OSX The 1st video in a series of short tips for web developers from Level Up Tuts. Here I show you how to add spaces to your dock in OSX. defaults write com.apple.dock persistent-apps -array-add '{tile-data={}; tile-type="spacer-tile";}' killall Dock https://www.youtube.com/embed/YJZZVaxNKJY 220 2014-01-31T02:44:56.000Z https://syntax.yabby.page/video/drupal-7-tutorials-48-using-feeds-to-create-content-from-rss-feeds 2026-10-15T03:45:30.670Z https://i.ytimg.com/vi/bXtMqfkSl74/maxresdefault.jpg Drupal 7 Tutorials #48 - Using Feeds to Create Content From RSS Feeds This tutorial shows you how to import content from RSS feeds into your Drupal site. Subscribe for more free tutorials https://goo.gl/6ljoFc, more Drupal Tutorials here: https://goo.gl/YDHhLW Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e This Drupal 7 tutorial series shows users how to build websites with the very popular open source content management system Drupal 7. https://www.youtube.com/embed/bXtMqfkSl74 258 2012-08-02T00:29:52.000Z https://syntax.yabby.page/video/drupal-tutorials-12-an-introduction-to-blocks 2026-10-15T03:45:30.678Z https://i.ytimg.com/vi/6N2m6NYTFNY/maxresdefault.jpg Drupal Tutorials #12 - An Introduction to Blocks This Drupal 7 tutorial gives an introduction to the very useful world of blocks in Drupal. Blocks are an essential element in the layout of content on your Drupal site.Subscribe for more free tutorials https://goo.gl/6ljoFc, more Drupal Tutorials here: https://goo.gl/YDHhLW Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e This Drupal 7 tutorial series shows users how to build websites with the very popular open source content management system Drupal 7. https://www.youtube.com/embed/6N2m6NYTFNY 398 2012-03-26T02:35:54.000Z https://syntax.yabby.page/video/who-is-marcus-rodriguez 2026-10-13T18:15:24.037Z https://i.ytimg.com/vi/NG1zo-sR_y4/maxresdefault.jpg WHO IS MARCUS RODRIGUEZ? WHO IS MARCUS RODRIGUEZ? https://www.youtube.com/embed/NG1zo-sR_y4 86 2026-05-02T11:00:37.000Z https://syntax.yabby.page/video/drupal-tutorials-23-an-introduction-to-views 2026-10-15T03:45:30.683Z https://i.ytimg.com/vi/Jfq9Aq9aeyM/maxresdefault.jpg Drupal Tutorials #23 - An Introduction To Views This is the 23rd tutorial in the Drupal 7 tutorial series. This tutorial provides a basic overview of the usefulness of the Drupal module Views. Subscribe for more free tutorials https://goo.gl/6ljoFc, more Drupal Tutorials here: https://goo.gl/YDHhLW Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e This Drupal 7 tutorial series shows users how to build websites with the very popular open source content management system Drupal 7. https://www.youtube.com/embed/Jfq9Aq9aeyM 234 2012-04-10T01:01:02.000Z https://syntax.yabby.page/video/chrome-is-the-new-ie6-does-ai-need-it-s-own-language-antigravity-cli-syntax-weekly 2026-10-16T13:45:14.249Z https://i.ytimg.com/vi/VswG6g3SZ7M/maxresdefault.jpg Chrome is the new IE6 ⟡ Does AI need it's own language? ⟡ Antigravity CLI ⌁ Syntax Weekly ⌁ Scott, Wes and CJ chat about all things web dev. 00:00:00 Intro 00:01:42 Antigravity CLI 00:18:24 Chrome is the new IE6 00:35:57 AI Native Coding Languages 01:03:33 Other news / projects 01:24:38 Thanks! 🔥 Be the ~19,500th person to join our super tasty newsletter https://bit.ly/syntax_snackpack ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by https://sentry.io/syntax #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/VswG6g3SZ7M 5239 2026-05-21T15:22:53.000Z https://syntax.yabby.page/video/people-aren-t-going-to-appreciate-how-great-the-temporal-date-api-is 2026-10-15T03:45:30.688Z https://i.ytimg.com/vi/f5K2vapLIRk/maxresdefault.jpg people aren’t going to appreciate how great the temporal date api is 👉 Join the exclusive newsletter - https://syntax.fm/snackpack ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript https://www.youtube.com/embed/f5K2vapLIRk 43 2025-01-16T23:45:07.000Z https://syntax.yabby.page/video/3-working-with-menus-level-1-electron 2026-10-15T03:45:30.695Z https://i.ytimg.com/vi/FybTPufbPf8/maxresdefault.jpg #3 Working With Menus - Level 1 Electron Build cross platform desktop apps with JavaScript, HTML, and CSS In this series we explore Electron by building a beautiful journaling app using React. The application we build reads, writes and creates markdown files and even implements auto saving. Explore the platform that's allowing web developers to create real world app like VSCode, Slack, Hyper, Skype, Figma and countless others! ### Video Links Buy Level 1 Electron: https://www.leveluptutorials.com/store/products/tutorials/lut-dd024 Become a Pro: https://www.leveluptutorials.com/pro Watch on Level Up: https://www.leveluptutorials.com/tutorials/level-1-electron ### Affiliate Links Please use these links when signing up for services to help support Level Up. Easy Hosting with Netlify: https://goo.gl/pychVP Shared Web Hosting: https://goo.gl/pfC6uc ### Level Up Links Syntax Podcast ft Scott Tolinski & Wes Bos: https://goo.gl/7jDDxX Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz https://www.youtube.com/embed/FybTPufbPf8 738 2018-08-07T16:21:09.000Z https://syntax.yabby.page/video/drupal-tutorials-19-installing-a-wysiwyg-aka-a-text-editor 2026-10-15T03:45:30.704Z https://i.ytimg.com/vi/kqTvm2vc-qk/maxresdefault.jpg Drupal Tutorials #19 - Installing a Wysiwyg aka a Text Editor This Drupal tutorial shows Drupal users how to install and configure a Wysiwyg Editor (Ck edit) using the Wysiwyg module. Subscribe for more free tutorials https://goo.gl/6ljoFc, more Drupal Tutorials here: https://goo.gl/YDHhLW Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! http://leveluptuts.com/level-up-pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e This Drupal 7 tutorial series shows users how to build websites with the very popular open source content management system Drupal 7. https://www.youtube.com/embed/kqTvm2vc-qk 355 2012-04-05T01:17:25.000Z https://syntax.yabby.page/video/this-nav-broke-my-brain-coding-speed-run 2026-10-15T03:45:30.709Z https://i.ytimg.com/vi/S98uVU2CAl0/maxresdefault.jpg This nav broke my brain (coding speed run) This nav looks simple until you try to build it. Wes races the clock to recreate the Motion Tabs nav by @raul_dronca using modern CSS, including anchor(), with no shortcuts and no frameworks. A fast, brain-melting CSS speed run that proves the clock makes you do some truly dumb CSS Code wes Wrote: https://codepen.io/wesbos/pen/OPXpJvK Try it - https://motion-tabs.vercel.app/ The tweet - https://x.com/raul_dronca/status/1996134668916216000 🔥 Be the ~18,300th person to join our super tasty newsletter https://bit.ly/syntax_snackpack Editing by Niki Brandner and Randy Rektor Recorded with Riverside ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/S98uVU2CAl0 1154 2026-01-16T13:09:00.000Z https://syntax.yabby.page/video/drupal-7-tutorials-52-modifying-your-feeds-before-import-with-feeds-tamper 2026-10-15T03:45:30.715Z https://i.ytimg.com/vi/WPDY5B7StU8/maxresdefault.jpg Drupal 7 Tutorials #52 - Modifying Your Feeds Before Import with Feeds Tamper This tutorial shows you how you can modify a feed before it comes into your site with Feeds Tamper. Subscribe for more free tutorials https://goo.gl/6ljoFc, more Drupal Tutorials here: https://goo.gl/YDHhLW Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e This Drupal 7 tutorial series shows users how to build websites with the very popular open source content management system Drupal 7. https://www.youtube.com/embed/WPDY5B7StU8 334 2012-10-01T23:38:01.000Z https://syntax.yabby.page/video/dev-math-spending-2-days-to-build-an-app-to-fix-a-15min-year-problem-worth-it 2026-10-15T03:45:30.719Z https://i.ytimg.com/vi/U39nEFfL6mg/maxresdefault.jpg DEV MATH: Spending 2 days to build an app to fix a 15min/year problem? Worth it ✅✅ 💬 This episode discusses the Machine Context Protocol (MCP), which is a standardized protocol that allows large language models (LLMs) like ChatGPT to communicate with and control other applications and services. They talk about what MCP is, why it's useful, some examples of MCP servers, and how you can build your own MCP tools. 🔥 Be the ~16,500th person to join our super tasty newsletter bit.ly/syntax_snackpack All links available at https://syntax.fm/893 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev #ai #mcp #chatgpt #llm https://www.youtube.com/embed/U39nEFfL6mg 36 2025-04-16T15:08:21.000Z https://syntax.yabby.page/video/drupal-7-theming-with-omega-2-creating-an-omega-subtheme-with-omega-tools 2026-10-15T03:45:30.725Z https://i.ytimg.com/vi/5ChpxyKUS9M/maxresdefault.jpg Drupal 7 Theming with Omega #2 - Creating an Omega Subtheme with Omega Tools This tutorial shows you how to create a subtheme of Omega. Subscribe for more free tutorials https://goo.gl/6ljoFc, more Drupal Tutorials here: https://goo.gl/YDHhLW Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e This Drupal 7 tutorial series shows users how to build websites with the very popular open source content management system Drupal 7. http://drupal.org/project/omega http://drupal.org/project/omega_tools Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations https://www.youtube.com/embed/5ChpxyKUS9M 423 2012-10-26T03:25:55.000Z https://syntax.yabby.page/video/drupal-7-tutorials-68-clearing-drupal-s-cache-with-drush 2026-10-15T03:45:30.729Z https://i.ytimg.com/vi/ftOiP-QNvSM/maxresdefault.jpg Drupal 7 Tutorials #68 - Clearing Drupal's Cache With Drush This tutorial gives you a brief overview of what Drush can accomplish. We also run our first Drush command Subscribe for more free tutorials https://goo.gl/6ljoFc, more Drupal Tutorials here: https://goo.gl/YDHhLW Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e This Drupal 7 tutorial series shows users how to build websites with the very popular open source content management system Drupal 7. drush cc all MAMP Error Info http://www.webbykat.com/2012/05/link/fixing-drush-error-pdoconstruct-2002-no-such-file-or-directory https://www.youtube.com/embed/ftOiP-QNvSM 621 2013-10-23T01:59:41.000Z https://syntax.yabby.page/video/css-has-use-js-less-and-css-more-10-real-world-use-cases 2026-10-15T03:45:30.734Z https://i.ytimg.com/vi/k2_QGzJkQXM/maxresdefault.jpg CSS :has - Use JS Less and CSS More - 10 Real World Use Cases CSS :has, also known as the parent selector, allows us to select elements based on their contents or siblings. In this video, CJ shows 10 places where you can start using CSS :has today. View the examples here: https://has.syntax.fm View the code here: https://github.com/syntaxfm/css-has 00:00 Intro 00:14 Where to find these examples 00:40 The Basics 01:21 Anywhere Selector #1 02:46 Anywhere Selector #2 03:41 Previous Element 04:13 Target Layouts 05:05 Form Validation 07:42 All Siblings 08:26 Quantity Queries 08:59 Empty Children 09:29 Nested Dropdowns 10:21 Attribute Matching 10:56 Where to find these examples 11:07 Thanks! View Wes' Tweet here: https://twitter.com/wesbos/status/1737148340322652632 Listen to Syntax episode 714: https://syntax.fm/show/714/css-has-in-every-browser-10-uses Learn more about :has() on MDN: https://developer.mozilla.org/en-US/docs/Web/CSS/:has ------------------------------------------------------------------------------ Hit us up on Socials! http://www.syntax.fm/links Brought to you by Sentry, use code tastytreats to get your first 2 months free: https://sentry.io/syntax/ #css #webdevelopment #javascript https://www.youtube.com/embed/k2_QGzJkQXM 700 2024-03-12T14:20:31.000Z https://syntax.yabby.page/video/drupal-tutorials-17-updating-a-module 2026-10-15T03:45:30.739Z https://i.ytimg.com/vi/tFO5DoHTLHg/maxresdefault.jpg Drupal Tutorials #17 - Updating a Module This is the 17th tutorial in a series that show users how to user the very popular open source content management system Drupal 7. This tutorial shows users how update a module in Drupal 7. https://www.youtube.com/embed/tFO5DoHTLHg 282 2012-04-01T01:19:00.000Z https://syntax.yabby.page/video/how-to-make-good-choices-when-starting-a-coding-project 2026-10-15T03:45:30.746Z https://i.ytimg.com/vi/PRzEvvvxli8/maxresdefault.jpg How to make good choices when starting a coding project Scott and Wes dive into the fundamentals of project initialization and planning, from outlining ideas and choosing the right tools to making smart technology decisions. They also chat about leveraging AI and collaboration to shape better projects before rolling up your sleeves and getting to work. 🔥 Be the ~14,700th person to join our super tasty newsletter https://bit.ly/syntax_snackpack Show Notes 00:00 Welcome to Syntax! 02:12 Brought to you by Sentry.io. 04:03 Make a plan. 04:06 Start with an outline and let it evolve. 05:59 Mind-Mapping software vs plain text. 08:49 Utilizing LLMs for alternative perspectives. 09:58 Utilizing humans for alternative perspectives. 11:17 Making technology choices. 13:24 Assessing the project’s actual needs. 13:30 Is this a long-term project? 15:43 Is this project Open Source? 16:09 Are you working in a team? 18:12 Are you prioritizing learning? 19:48 Pick technologies with proven compatibility. 20:17 Implementing AI. 20:44 Steering docs. 26:24 Get to work and break stuff. All links available at https://syntax.fm/931 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/PRzEvvvxli8 1847 2025-08-25T11:00:41.000Z https://syntax.yabby.page/video/drupal-7-tutorials-42-how-to-create-a-slideshow-in-drupal-7-part-1-setup 2026-10-15T03:45:30.750Z https://i.ytimg.com/vi/IoUg69kNy5s/maxresdefault.jpg Drupal 7 Tutorials #42 - How To Create a Slideshow In Drupal 7 - Part 1 Setup This is the 42st tutorial in the Drupal 7 tutorial series. This tutorial shows you how to create a slideshow using the Views Slideshow module and jQuery cycle. Subscribe for more free tutorials https://goo.gl/6ljoFc, more Drupal Tutorials here: https://goo.gl/YDHhLW Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e This Drupal 7 tutorial series shows users how to build websites with the very popular open source content management system Drupal 7. https://www.youtube.com/embed/IoUg69kNy5s 567 2012-06-25T01:26:05.000Z https://syntax.yabby.page/video/you-should-be-using-dev-containers 2026-10-15T03:45:30.755Z https://i.ytimg.com/vi/kPMA9cnpScU/maxresdefault.jpg you should be using dev containers In this video CJ shows why dev containers are so great and how to get started with them. 00:00 - demo 03:04 - what are containers? 04:48 - the dev containers spec 05:13 - dev container templates 06:20 - dev container setup 07:38 - dev container features / common utilities 09:15 - docker in docker feature 10:41 - more useful features 11:41 - what makes up a feature 12:19 - claude code example dev container 13:48 - my firewall feature 14:42 - feature based claude code dev container 15:30 - claude code inside a dev container 16:34 - editor customizations 19:15 - thanks Example base dev container setup | https://gist.github.com/w3cj/0b6d2c619e59768f592e1c7e8ec4cb93 What is a Container? | https://www.docker.com/resources/what-container/ Get Docker | https://docs.docker.com/get-started/get-docker/ Docker Crash Course for Developers | https://www.youtube.com/watch?v=RHjXPN_h1YA Dev Containers Spec | https://containers.dev Claude Code Example Dev Container Setup | https://github.com/anthropics/claude-code/tree/main/.devcontainer Claude Code Feature | https://github.com/stu-bell/devcontainer-features/tree/main/src/claude-code Firewall Features https://github.com/w3cj/devcontainer-features/tree/main VS Code Dev Container Settings | https://code.visualstudio.com/docs/devcontainers/containers#_personalizing-with-dotfile-repositories ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #docker #devcontainers #claude #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev #nodejs https://www.youtube.com/embed/kPMA9cnpScU 1185 2026-01-15T18:28:47.000Z https://syntax.yabby.page/video/1-installing-adaptive-theme-drupal-theming-tutorials 2026-10-15T03:45:30.760Z https://i.ytimg.com/vi/CKIqz08O7MI/maxresdefault.jpg #1 - Installing Adaptive Theme - Drupal Theming Tutorials In this video I show you how to install the Adaptive Base theme for Drupal 7. The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e https://www.youtube.com/embed/CKIqz08O7MI 162 2015-07-28T19:10:18.000Z https://syntax.yabby.page/video/css-battle-live-in-denver-switch-edition 2026-10-15T03:45:30.764Z https://i.ytimg.com/vi/SAYSmESD-h8/maxresdefault.jpg CSS Battle LIVE! in Denver | Switch Edition The syntax crew teams up LIVE to complete a CSS battle as fast as possible BUT every 60 seconds they have to swap who is in control of the keyboard. 🔥 Be the ~14,700th person to join our super tasty newsletter https://bit.ly/syntax_snackpack ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #css #cssbattle #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/SAYSmESD-h8 755 2025-06-05T11:00:52.000Z https://syntax.yabby.page/video/if-your-mic-has-bright-colored-lights 2026-10-15T03:45:30.768Z https://i.ytimg.com/vi/su1PAL29OmA/maxresdefault.jpg if your mic has bright colored lights... 👀 from today's episode with our producer @randyrektor syntax.fm/857 💬 Tips and recommendations for improving audio and video quality on calls and recordings with packages at different price points. 👉 Join the exclusive newsletter - https://syntax.fm/snackpack ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #audio #video #gear https://www.youtube.com/embed/su1PAL29OmA 60 2024-12-06T21:44:15.000Z https://syntax.yabby.page/video/avoid-ip-blacklisting 2026-10-15T03:45:30.777Z https://i.ytimg.com/vi/ee3qznP6x7s/maxresdefault.jpg Avoid IP Blacklisting Too many spam complaints against your emails can get your IP address blacklisted. If you send email via a custom domain name, you need to listen to this! Full episode: syntax.fm/732 Episode #732 Wes and Scott explore the web standards and email authentication methods that keep your email from going to spam; DMARC, SPF and DKIM. ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #dmarc #spf #dkim #email #spam #emailmarketing #domain #domainnames #emailnewsletters #emailtips #webdev #softwaredev #programming #authentication https://www.youtube.com/embed/ee3qznP6x7s 47 2024-02-20T21:34:39.000Z https://syntax.yabby.page/video/9-asymetrical-grids-with-lost-postcss-tutorials 2026-10-15T03:45:30.781Z https://i.ytimg.com/vi/yv83dcT97Wk/maxresdefault.jpg #9 - Asymetrical Grids With Lost - PostCSS Tutorials Here, I show you how to create asymmetrical grid with Lost. https://github.com/corysimmons/lost https://www.patreon.com/leveluptuts The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e https://www.youtube.com/embed/yv83dcT97Wk 349 2015-09-09T23:57:31.000Z https://syntax.yabby.page/video/is-fleet-the-vscode-killer-jet-brains-fleet-public-preview-thoughts 2026-10-15T03:45:30.792Z https://i.ytimg.com/vi/CUXjOvJNgTY/maxresdefault.jpg Is Fleet The VSCode Killer? - Jet Brains Fleet Public Preview Thoughts Become a Level Up Pro and take your web skills to the next level! https://www.leveluptutorials.com The best web development podcast out there Syntax with Wes Bos and Scott Tolinski https://syntax.fm 🎨 VSCode Theme: https://marketplace.visualstudio.com/items?itemName=leveluptutorials.theme-levelup All of the stuff I use https://www.scotttolinski.com/uses https://www.youtube.com/embed/CUXjOvJNgTY 1216 2022-10-12T18:53:19.000Z https://syntax.yabby.page/video/design-systems-with-brad-frost 2026-10-15T03:45:30.797Z https://i.ytimg.com/vi/8GngWugEOCc/maxresdefault.jpg Design Systems with Brad Frost In this revisited supper club episode, Wes and Scott talk with Brad Frost about how to implement design systems in small and large scale projects, best practices around naming things, keeping everything in sync across different codebases, and how design systems help projects. Show Notes 00:00 Welcome to Syntax! 00:49 Brought to you by Sentry.io. 01:14 Introducing Brad Frost. 06:26 What is a design system? 11:48 How do you keep design and code in sync? 15:52 How do you use Shopify, WordPress, React, etc. through a design system? 19:19 How is CSS handled? 25:19 What's the benefit of going all in on web components? 28:49 Do small startups need to worry about design systems? 32:36 How do design tokens work? 37:38 How do you deal with pushback on design systems? 41:05 How do you go outside the guidelines? 44:52 What system do you use for naming things? 49:06 How do you best document your language choices? 50:41 Supper Club questions. 57:12 Sick Picks + Shameless Plugs. All links available at https://syntax.fm/770 ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript https://www.youtube.com/embed/8GngWugEOCc 3547 2024-05-17T11:00:08.000Z https://syntax.yabby.page/video/what-is-jest 2026-10-15T03:45:30.804Z https://i.ytimg.com/vi/qRj5FNrNymc/maxresdefault.jpg What Is Jest? In this video, I answer the question, what is Jest? ### Video Links Buy VueJS For Everyone: https://goo.gl/7uft3X Become a Pro: https://www.leveluptutorials.com/pro ### Affiliate Links Please use these links when signing up for services to help support Level Up. Easy Hosting with Netlify: https://goo.gl/pychVP Shared Web Hosting: https://goo.gl/pfC6uc ### Level Up Links Syntax Podcast ft Scott Tolinski & Wes Bos: https://goo.gl/7jDDxX Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz https://www.youtube.com/embed/qRj5FNrNymc 324 2018-04-11T18:17:24.000Z https://syntax.yabby.page/video/why-sqlite-is-taking-over-with-brian-holt-marco-bambini 2026-10-15T03:45:30.808Z https://i.ytimg.com/vi/tJ3wCtT0hfY/maxresdefault.jpg Why SQLite is Taking Over with Brian Holt & Marco Bambini Scott and CJ dive into the world of SQLite Cloud with special guests Brian Holt and Marco Bambini. They explore why SQLite is gaining traction, its unique features, and the misconceptions surrounding its use—let's get into it! Show Notes 00:00 Welcome to Syntax! 01:20 Who is Brian Holt? 02:26 Who is Marco Bambini? 05:12 Why are people starting to talk so much about SQLite now? 08:47 What makes SQLite special or interesting? 09:46 What is a big misconception about SQLite? 11:13 Installed by default in operating systems. 12:03 A perception that SQLite is intended for single users. 13:36 Convincing developers it's a full-featured solution. 15:11 What does SQLite do better than Postgres or MySQL? 17:30 SQLite Cloud & local first features. 20:38 Where does SQLite store the offline information? 23:08 Are you typically reaching for ORMs? 25:00 What is SQLite Cloud? 27:29 What makes for an approachable software? 29:18 What make SQLite cloud different from other hosted SQLite options? 32:13 Is SQLite still evolving? 34:40 What about branching? 37:37 What is the GA timeline? 40:04 How does SQLite actually work? 41:19 Questions about security. 44:28 But does it scale? 45:52 Sick Picks + Shameless Plugs. All links available at https://syntax.fm/779 ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript https://www.youtube.com/embed/tJ3wCtT0hfY 3031 2024-06-07T11:01:02.000Z https://syntax.yabby.page/video/creator-of-vite-evan-you 2026-10-15T03:45:30.817Z https://i.ytimg.com/vi/quEc5ZI3_Ys/maxresdefault.jpg Creator of Vite: Evan You Scott and Wes sit down with Evan You, creator of Vue, Vite, and VoidZero, to dig into the future of frontend tooling. From the speed of Rolldown to why he chose Rust, they explore the evolution of developer experience, bundlers, and what’s next for the web.🔥 Be the ~14,700th person to join our super tasty newsletter https://bit.ly/syntax_snackpack Show Notes 00:00 Welcome to Syntax! 00:31 Who is Evan You? 01:19 Making the shift from UI to Toolchains. 02:37 How aesthetics contributed to the success of Vue and Vite. 05:26 Adding Rollup plugins to the Dev Server. 07:31 Brought to you by Sentry.io. 07:56 Rollup and Rolldown explained. 09:29 NAPIRS. 10:02 Why Rust and not Go? 12:04 Rolldown’s speed and performance. 15:09 Dealing with massive buildtimes. 17:42 How has the transition been? 20:34 Why do we even need a bundler? 23:25 Vite’s superior developer experience. 26:01 Fullstack Vue? 31:45 Node and Vite’s relationship. 35:41 Wes’ wishlist. 37:28 Hot takes. 37:37 Would Next be better with Vite? 41:09 Thoughts on React Server Components. 43:40 Thought on Remix 3. 46:22 Tell us about Void0. 51:36 Sick Picks + Shameless Plugs. All links available at https://syntax.fm/939 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/quEc5ZI3_Ys 3251 2025-09-22T11:01:28.000Z https://syntax.yabby.page/video/drupal-8-basics-14-adding-the-menu-to-our-pages 2026-10-15T03:45:30.822Z https://i.ytimg.com/vi/PwceqEKUxHQ/maxresdefault.jpg Drupal 8 Basics #14 - Adding The Menu To Our Pages Learn how to add a menu to our pages in Drupal 8 in a course design for Drupal 8 beginners. Subscribe for more free tutorials https://goo.gl/6ljoFc, buy NEXT LEVEL CSS Animations & Transitions https://goo.gl/cGB30u Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e This Drupal 8 tutorial series shows users how to build websites with the very popular open source content management system Drupal 8. The world’s favorite open source content management platform just got better. Drupal 8 is the new standard for creating incredible digital experiences—for small businesses, global enterprises, and everything in between. Meet Drupal 8, a powerful new suite of tools, and the strongest link in your new content supply chain. Interact with countless applications, thanks to REST-first native web services. Use progressive decoupling to break free from back-end restrictions without sacrificing security and accessibility. Deliver faster, with enhanced entity caching and better integration with CDNs and reverse proxies. With Drupal 8, you can build almost any integrated experience you can imagine. https://www.youtube.com/embed/PwceqEKUxHQ 341 2016-04-27T18:32:36.000Z https://syntax.yabby.page/video/vscode-tutorials-3-using-and-installing-extensions 2026-10-15T03:45:30.827Z https://i.ytimg.com/vi/Pbhvok8vPTw/maxresdefault.jpg VSCode Tutorials #3 - Using and Installing Extensions Learn about Visual Studio Code and why it's an exciting new text editor. Subscribe for more free tutorials https://goo.gl/6ljoFc Learn Meteor & React for modern real-time apps. https://www.leveluptutorials.com/store/products/tutorials/lut-dd012 Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e Visual Studio Code is a lightweight but powerful source code editor which runs on your desktop and is available for Windows, macOS and Linux. It comes with built-in support for JavaScript, TypeScript and Node.js and has a rich ecosystem of extensions for other languages (such as C++, C#, Python, PHP, Go) and runtimes (such as .NET and Unity). https://www.youtube.com/embed/Pbhvok8vPTw 452 2017-05-18T05:08:47.000Z https://syntax.yabby.page/video/dear-vue-please-work-on-your-directives 2026-10-15T03:45:30.831Z https://i.ytimg.com/vi/oQ5tRqfDbGE/maxresdefault.jpg "Dear Vue, please work on your directives" Full episode at https://www.youtube.com/watch?v=_licnRxAVk0 React vs Vue vs Angular with Corbin Crutchley In this episode Scott and Wes Bos interview Corbin Crutchley, author of the Framework Field Guide, about his experiences with and comparisons of React, Vue and Angular. ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #frameworks #angular #react #vuejs https://www.youtube.com/embed/oQ5tRqfDbGE 51 2024-04-09T14:33:11.000Z https://syntax.yabby.page/video/chartjs-tutorials-7-radar-charts-in-chartjs 2026-10-15T03:45:30.836Z https://i.ytimg.com/vi/jt9_fyTX24c/maxresdefault.jpg ChartJS Tutorials #7 - Radar Charts in ChartJS In this video, we create a radar chart with chart.js. Subscribe for more free tutorials https://goo.gl/6ljoFc, Buy this series and get access to ChartJS themes! https://goo.gl/BamhKi Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e Simple yet flexible JavaScript charting for designers & developers. Mix and match bar and line charts to provide a clear visual distinction between datasets. Plot complex, sparse datasets on date time, logarithmic or even entirely custom scales with ease. Out of the box stunning transitions when changing data, updating colours and adding datasets. Chart.js is a community maintained project, contributions welcome! Visualize your data in 8 different ways; each of them animated and customisable. Redraws charts on window resize for perfect scale granularity. https://www.youtube.com/embed/jt9_fyTX24c 382 2016-08-12T15:51:51.000Z https://syntax.yabby.page/video/how-to-build-a-website-from-scratch 2026-10-15T03:45:30.840Z https://i.ytimg.com/vi/jEoRVB3VTSw/maxresdefault.jpg How to Build a Website From Scratch In this episode of Syntax, Wes and Scott answer a listener's question about their process for building a website in 2023. Do you start with design? With code? How do you decide on which CMS or if you need a CMS? How do you choose a backend framework? And where do you host it? Show Notes 00:00 Welcome 02:00 Syntax Brought to you by Sentry 03:02 How do you build a website? 04:54 Start with the design https://www.figma.com/ https://syntax.fm/show/682/design-systems-with-brad-frost 11:06 Choose a Frontend / Components 25:22 Real data or fake data? https://polypane.app/ https://orm.drizzle.team/ 29:49 Do you need a CMS or not? https://statamic.com/ https://syntax.fm/show/254/headless-cms-break-down-and-roundup https://wordpress.org/ https://astro.build/ 35:16 Choosing a backend language or framework 39:55 Testing 44:44 Where do you host your website? https://vercel.com/ https://app.netlify.com/drop https://glitch.com/ https://codepen.io/ 50:08 Sick Picks https://www.amazon.com/dp/B07XJNPLF8?psc=1&linkCode=sl1&tag=leveluptuts01-20&linkId=fce2fe121c34450ed47f1b0eac5afb9a&language=en_US&ref_=as_li_ss_tl https://www.amazon.ca/b/?ie=UTF8&node=8929975011 https://sentry.io/welcome/ https://wesbos.com/courses ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript https://www.youtube.com/embed/jEoRVB3VTSw 3302 2024-01-24T20:12:14.000Z https://syntax.yabby.page/video/drupal-7-tutorials-63-adding-blocks-with-context 2026-10-15T03:45:30.853Z https://i.ytimg.com/vi/izqzsBwyI_Q/maxresdefault.jpg Drupal 7 Tutorials #63 - Adding Blocks With Context This tutorial introduces the Context module and shows you how to add blocks to specific pages with Context. Subscribe for more free tutorials https://goo.gl/6ljoFc, more Drupal Tutorials here: https://goo.gl/YDHhLW Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e This Drupal 7 tutorial series shows users how to build websites with the very popular open source content management system Drupal 7. https://www.youtube.com/embed/izqzsBwyI_Q 432 2013-06-28T01:00:27.000Z https://syntax.yabby.page/video/drupal-8-basics-1-how-to-install-with-mamp-osx 2026-10-15T03:45:30.858Z https://i.ytimg.com/vi/pOBArJn-tSQ/maxresdefault.jpg Drupal 8 Basics #1 - How To Install With MAMP OSX Learn how to install Drupal 8 on OSX in a course design for Drupal 8 beginners. Subscribe for more free tutorials https://goo.gl/6ljoFc, buy NEXT LEVEL CSS Animations & Transitions https://goo.gl/cGB30u Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e This Drupal 8 tutorial series shows users how to build websites with the very popular open source content management system Drupal 8. The world’s favorite open source content management platform just got better. Drupal 8 is the new standard for creating incredible digital experiences—for small businesses, global enterprises, and everything in between. Meet Drupal 8, a powerful new suite of tools, and the strongest link in your new content supply chain. Interact with countless applications, thanks to REST-first native web services. Use progressive decoupling to break free from back-end restrictions without sacrificing security and accessibility. Deliver faster, with enhanced entity caching and better integration with CDNs and reverse proxies. With Drupal 8, you can build almost any integrated experience you can imagine. https://www.youtube.com/embed/pOBArJn-tSQ 464 2016-02-26T19:42:59.000Z https://syntax.yabby.page/video/html5-tutorials-11-form-attributes 2026-10-15T03:45:30.867Z https://i.ytimg.com/vi/IVqUK_gT-jU/maxresdefault.jpg HTML5 Tutorials #11 - Form Attributes The 11th video in my HTML5 for beginners tutorial series. Here, I show you the new form attributes in HTML5. Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e https://www.youtube.com/embed/IVqUK_gT-jU 301 2013-06-22T21:37:11.000Z https://syntax.yabby.page/video/article-html-elements-are-perfect-for-a-grid-of-products-on-an-ecommerce-site 2026-10-15T03:45:30.872Z https://i.ytimg.com/vi/ImbBaH1PNno/maxresdefault.jpg article HTML elements are perfect for a grid of products on an ecommerce site 🆕 From yesterday’s episode: Too much AI × Disappointed in Firefox × Planning New Projects × Hard Truths 💬 In this potluck episode, Scott and Wes answer developer questions on topics like finding truthful web development advice online, checking for null values in TypeScript, HTML tags for ecommerce, browser recommendations, lock files, sync engines, AI hype fatigue, lack of 3D web adoption, a bad app investment story, and more. 🔥 Be the ~14,700th person to join our super tasty newsletter bit.ly/syntax_snackpack All links available at https://syntax.fm/872 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev #frontend #javascript #typescript #webdev #podcast #html #htmlelement https://www.youtube.com/embed/ImbBaH1PNno 76 2025-01-30T20:44:56.000Z https://syntax.yabby.page/video/1k-mo-free-to-stream-on-mux 2026-10-15T03:45:30.879Z https://i.ytimg.com/vi/Drj--IX2vH0/maxresdefault.jpg $1k/mo free to stream on Mux??? 💬 In this episode Wes and Scott discuss video streaming in 2025 - how HLS streaming works, transcoding and hosting video files, CDNs, player libraries like MediaChrome, and various video platform options. 👉 Join the exclusive newsletter - https://syntax.fm/snackpack ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #streaming #syntaxfm #javascript #coding #video #encoding #webdev https://www.youtube.com/embed/Drj--IX2vH0 54 2024-12-11T19:46:10.000Z https://syntax.yabby.page/video/sites-are-starting-their-mobile-navs-way-too-early 2026-10-15T03:45:30.883Z https://i.ytimg.com/vi/0hFpennaSr0/maxresdefault.jpg Sites are starting their mobile navs way too early Episode #775 out today! Components We Need on Every Project - https://www.youtube.com/watch?v=st2JGON63Kg Scott and Wes discuss common components they use across projects such as navigation, headers, toasts, auth forms, admin tables, markdown renderers, icon components, and more. ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #hamburger #webdev #javascript #navigation#webcomponents #markdowns #uidesign #uxdesign https://www.youtube.com/embed/0hFpennaSr0 58 2024-05-29T17:55:12.000Z https://syntax.yabby.page/video/new-css-and-javascript-you-should-be-using 2026-10-15T03:45:30.887Z https://i.ytimg.com/vi/bPJ8gDGQH9E/maxresdefault.jpg New CSS and JavaScript You should be using Get stoked, jQuery 1.2 is here! Join Scott and Wes as they discuss jQuery Mobile, slicing PSD files, CSS rounded corners, CoffeeScript features, WordPress 2.3, and the rise of Skeuomorphism, shaping the landscape of web development this year. Show Notes 00:00 Welcome to Syntax! 01:16 Brought to you by Sentry.io. 02:17 jQuery 1.2 released! 07:38 jQuery Mobile. 09:34 Skeuomorphism. 10:25 How do you slice up your .PSDs? 12:34 Cufon, new font method. 14:06 CSS rounded corners. 15:17 Coda Tip. 16:48 Top 5 CoffeeScript Features. 18:44 Conference Talks to Spotlight. 20:35 WordPress 2.3! 21:15 PHP 5.2.0 21:53 Sponsored by Media Temple. All links available at https://syntax.fm/750 ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript https://www.youtube.com/embed/bPJ8gDGQH9E 1465 2024-04-01T11:00:34.000Z https://syntax.yabby.page/video/susy-tutorials-10-susy-toolkit 2026-10-15T03:45:30.892Z https://i.ytimg.com/vi/oMoqzLSbFR8/maxresdefault.jpg Susy Tutorials #10 - Susy Toolkit The 10th video tutorial in the Susy 2 Tutorials Mini Series. In this video, we show you how to use several of the mixins within the Susy Toolkit. http://susydocs.oddbird.net/en/latest/toolkit/ Subscribe to Level Up Pro for extra features! http://leveluptuts.com/level-up-pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e https://www.youtube.com/embed/oMoqzLSbFR8 536 2014-05-28T03:14:17.000Z https://syntax.yabby.page/video/svelte-components-using-custom-markdown-renderers-weekly-svelte 2026-10-15T03:45:30.896Z https://i.ytimg.com/vi/ZiEROAqobwM/maxresdefault.jpg Svelte Components Using Custom Markdown Renderers - Weekly Svelte Custom Renderer with interactivity: https://stackblitz.com/edit/sveltejs-kit-template-default-jwtb9f?file=src%2Froutes%2Findex.svelte Custom Renderer & Tokenizer Example: https://stackblitz.com/edit/sveltejs-kit-template-default-jz5nyu?file=src%2Froutes%2Findex.svelte Become a Level Up Pro and take your web skills to the next level! https://www.leveluptutorials.com The best web development podcast out there Syntax with Wes Bos and Scott Tolinski https://syntax.fm 🎨 VSCode Theme: https://marketplace.visualstudio.com/items?itemName=leveluptutorials.theme-levelup All of the stuff I use https://www.scotttolinski.com/uses https://www.youtube.com/embed/ZiEROAqobwM 1272 2022-04-01T14:42:54.000Z https://syntax.yabby.page/video/html5-tutorials-13-html5-video-compatibility-and-formats 2026-10-15T03:45:30.900Z https://i.ytimg.com/vi/VlrqKPXVRXk/maxresdefault.jpg HTML5 Tutorials #13 - HTML5 Video Compatibility and Formats The 13th video in our HTML5 Tutorial series. Here, I talk about how to support the most modern browsers at once with the correct video formats. http://www.mirovideoconverter.com/ Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e https://www.youtube.com/embed/VlrqKPXVRXk 416 2013-07-03T01:49:14.000Z https://syntax.yabby.page/video/html5-tutorials-3-site-structure-header-section-aside-and-footer 2026-10-15T03:45:30.904Z https://i.ytimg.com/vi/DR1upYr2UbA/maxresdefault.jpg HTML5 Tutorials #3 - Site Structure - Header, Section, Aside, and Footer The 3rd video in my HTML5 video tutorial series. Here, I show you how to use the new Header, Section, Aside and Footer elements to more semantically structure your site. Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e https://www.youtube.com/embed/DR1upYr2UbA 363 2013-04-28T20:31:47.000Z https://syntax.yabby.page/video/9-new-javascript-features-in-es2025 2026-10-15T03:45:30.909Z https://i.ytimg.com/vi/1-cjrEMj_us/maxresdefault.jpg 9 NEW JavaScript Features in ES2025 In this video CJ shows the 9 new features that made it into JavaScript from the ES2025 spec. 00:00 intro 00:35 ECMAScript Versions 01:11 Promise.try 02:51 Set Methods 05:48 RegExp.escape 06:43 RegExp Pattern Modifiers 07:50 RegExp Duplicate Named Capture Groups 08:55 Import Attributes / JSON Modules 11:06 Iterator Helpers 13:40 Float16Array 14:48 Thanks! 🔥 Be the ~14,700th person to join our super tasty newsletter https://bit.ly/syntax_snackpack ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by sentry.io get 2 months FREE https://sentry.io/syntax/ #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/1-cjrEMj_us 923 2025-06-18T11:00:02.000Z https://syntax.yabby.page/video/advent-of-code-day-1-and-day-2-explained-javascript-typescript 2026-10-15T03:45:30.913Z https://i.ytimg.com/vi/-G-nU0NVouI/maxresdefault.jpg Advent of Code | Day 1 and Day 2 Explained | JavaScript / TypeScript In this video CJ explains how he solved Advent of Code 2025 Day 1 and Day 2. Watch CJ solve the problems live here: https://www.youtube.com/watch?v=TD_FwAIEpqI Play AOC here: https://adventofcode.com/ Watch CJ Solve Day 3 and Day 4 here: https://www.youtube.com/watch?v=-G-nU0NVouI 00:00 - intro 01:06 - project setup 02:10 - Day 1, Part 1 12:30 - Day 1, Part 2 18:59 - Day 2, Part 1 25:10 - Day 2, Part 2 🔥 Be the ~17,800th person to join our super tasty newsletter https://bit.ly/syntax_snackpack ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #typescript #adventofcode #webdevelopment #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/-G-nU0NVouI 1628 2025-12-02T12:14:36.000Z https://syntax.yabby.page/video/a-nice-little-reminder-about-culture-and-communication 2026-10-15T03:45:30.917Z https://i.ytimg.com/vi/ccAoYv8HYzs/maxresdefault.jpg A nice little reminder about culture and communication NEW EPISODE: React Server Components with PHP, Selling Accessibility, WTF is Cloudflare + more (Potluck episode answering submitted questions on various web dev topics) Full episode at https://www.youtube.com/watch?v=pRLrhv1HgcE ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #webdev #beginner #learntocodeforbeginners #php #react #language #culture #communication #accessiblity #burnout https://www.youtube.com/embed/ccAoYv8HYzs 40 2024-05-23T14:34:00.000Z https://syntax.yabby.page/video/drupal-7-tutorials-1-installing-drupal-7-locally 2026-10-15T03:45:30.921Z https://i.ytimg.com/vi/-cUWFLBZU5I/maxresdefault.jpg Drupal 7 Tutorials #1 - Installing Drupal 7 Locally This tutorial shows users set up and install their Drupal site on a local host. This example uses XAMPP and phpMyAdmin. Subscribe for more free tutorials https://goo.gl/6ljoFc, more Drupal Tutorials here: https://goo.gl/YDHhLW Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e This Drupal 7 tutorial series shows users how to build websites with the very popular open source content management system Drupal 7. https://www.youtube.com/embed/-cUWFLBZU5I 420 2012-03-12T23:40:21.000Z https://syntax.yabby.page/video/drupal-tutorials-32-updating-drupal-core 2026-10-15T03:45:30.925Z https://i.ytimg.com/vi/_uDTyzE47pQ/maxresdefault.jpg Drupal Tutorials #32 - Updating Drupal Core This is the 32rd tutorial in the Drupal 7 tutorial series. This tutorial shows you how to update the core version of Drupal 7. Subscribe for more free tutorials https://goo.gl/6ljoFc, more Drupal Tutorials here: https://goo.gl/YDHhLW Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e This Drupal 7 tutorial series shows users how to build websites with the very popular open source content management system Drupal 7. https://www.youtube.com/embed/_uDTyzE47pQ 262 2012-05-11T00:49:58.000Z https://syntax.yabby.page/video/svelte-with-typescript-course-drop-party-2 2026-10-15T03:45:30.930Z https://i.ytimg.com/vi/8Vga4kOTqiA/maxresdefault.jpg Svelte with TypeScript - Course Drop Party TL;DR An interactive, live event to learn about Level Up Tutorials' newest course on Svelte with TypeScript with Scott Tolinski. WHAT WILL YOU LEARN IN THIS EVENT? - All about the new course on Svelte with TypeScript - Why the topic was chosen and how the curriculum was written - The topics and skills you'll learn in the course - A little more about Scott Tolinski and Level Up Tutorials WHAT DOES THE COURSE COVER? TypeScript + Svelte in two parts. First just Svelte and TypeScript. We cover the common techniques needed when writing type safe code with Svelte. Then we move into how Svelte Kit is built to work with TypeScript out of the box for a sharing types across the entire stack. _______________________________________________________________________________________________ WHAT IS SVELTE? Svelte is a modern JavaScript framework for building web applications. It is a lightweight and efficient tool for building fast and powerful web applications. WHO IS SCOTT TOLINSKI? Scott Tolinski is the creator of Level Up Tutorials and the co-host of the widely popular tech podcast, Syntax.fm. He lives in Denver, CO with his two adorable children, his beautiful and successful wife, Dr. Courtney Tolinski, and two dogs (one has dreadlocks… check his instagram if you don't believe me). Attend the event to learn more. WHAT IS LEVEL UP TUTORIALS? Modern Web Development Training Made Easy: Cutting-edge, high quality video tutorials for web developers and designers. Created in 2012 to address the lack of online web development learning materials, Level Up Tutorials now has over 130 tutorial series to help you become a better developer or designer. With a focus on modern technologies, LUT delivers high quality video tutorials to mentor you through learning some of the latest and greatest tools and tech out there to get yourself to the next level. CHECK US OUT: https://leveluptutorials.com/ JOIN OUR DISCORD: https://discord.gg/NmTFEcfzpB #svelte #sveltejs #sveltekit #sveltekit1.0 #learntocode #courses #webdev #javascr https://www.youtube.com/embed/8Vga4kOTqiA 2088 2023-02-10T21:47:47.000Z https://syntax.yabby.page/video/drupal-8-basics-4-creating-our-first-page 2026-10-15T03:45:30.934Z https://i.ytimg.com/vi/jyiJbz4f-e8/maxresdefault.jpg Drupal 8 Basics #4 - Creating Our First Page Learn how to create our first page in a course design for Drupal 8 beginners. Subscribe for more free tutorials https://goo.gl/6ljoFc, buy NEXT LEVEL CSS Animations & Transitions https://goo.gl/cGB30u Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e This Drupal 8 tutorial series shows users how to build websites with the very popular open source content management system Drupal 8. The world’s favorite open source content management platform just got better. Drupal 8 is the new standard for creating incredible digital experiences—for small businesses, global enterprises, and everything in between. Meet Drupal 8, a powerful new suite of tools, and the strongest link in your new content supply chain. Interact with countless applications, thanks to REST-first native web services. Use progressive decoupling to break free from back-end restrictions without sacrificing security and accessibility. Deliver faster, with enhanced entity caching and better integration with CDNs and reverse proxies. With Drupal 8, you can build almost any integrated experience you can imagine. https://www.youtube.com/embed/jyiJbz4f-e8 354 2016-03-11T19:24:23.000Z https://syntax.yabby.page/video/talking-evs-range-anxiety-charging-and-tech 2026-10-15T03:45:31.525Z https://i.ytimg.com/vi/U1TDq3h2OW0/maxresdefault.jpg Talking EVs: Range Anxiety, Charging, and Tech Scott and Wes unpack their experiences as electric car owners, sharing the highs and lows of making the switch. From range anxiety to charging infrastructure and cost savings, they talk about everything from the tech perks to the unexpected challenges of driving electric. Show Notes 00:00 Welcome to Syntax! 02:11 Brought to you by Sentry.io. 03:14 What cars and how long have we had them. 10:41 Range and dealing with range anxiety. 11:45 The EPA specs. 12:24 Things that affect range. 14:46 Charging. 17:52 Charging levels. 17:56 Level 1 charging. 19:01 Level 2 charging. 19:39 Level 3 charging. 20:10 Charging standards. 21:51 Electric car pricing. 25:56 Regenerative braking. 27:27 General maintenance. 29:04 Pricing and expenses. 31:48 Machine Gun Kelly Effect. 36:46 Would you go completely electric? 38:46 Electric-only tech. 40:57 Buying a new EV. 42:21 Edison Motors. All links available at https://syntax.fm/846 ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript https://www.youtube.com/embed/U1TDq3h2OW0 2646 2024-11-11T12:00:36.000Z https://syntax.yabby.page/video/react-miami-live-show 2026-10-15T03:45:31.531Z https://i.ytimg.com/vi/oOoBlD7zHRo/maxresdefault.jpg React Miami Live Show Welcome to a special live edition of Syntax, recorded at React Miami! Join Scott and Wes as they dish out games galore, from Spot the Syntax Error to JS or NAYS, all while engaging with the audience in this lively session of coding camaraderie. Plus, who's the better programmer? Stay tuned to find out! Show Notes 00:00 Welcome to Syntax! 00:54 Meet the Syntax team. 01:22 The plan for today. 02:38 .map() .filter() .reduce() 06:39 Syntax Error. 15:37 JS or NAYS. 21:08 Audience Stump'd. 24:51 Q + EH. All links available at https://syntax.fm/769 ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript https://www.youtube.com/embed/oOoBlD7zHRo 2059 2024-05-15T11:00:47.000Z https://syntax.yabby.page/video/drupal-8-basics-19-installing-a-theme-in-drupal-8 2026-10-15T03:45:31.536Z https://i.ytimg.com/vi/bEjt8H_VEys/maxresdefault.jpg Drupal 8 Basics #19 - Installing A Theme In Drupal 8 Learn how to install a theme in Drupal 8 in a course design for Drupal 8 beginners. Subscribe for more free tutorials https://goo.gl/6ljoFc, buy NEXT LEVEL CSS Animations & Transitions https://goo.gl/cGB30u Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e This Drupal 8 tutorial series shows users how to build websites with the very popular open source content management system Drupal 8. The world’s favorite open source content management platform just got better. Drupal 8 is the new standard for creating incredible digital experiences—for small businesses, global enterprises, and everything in between. Meet Drupal 8, a powerful new suite of tools, and the strongest link in your new content supply chain. Interact with countless applications, thanks to REST-first native web services. Use progressive decoupling to break free from back-end restrictions without sacrificing security and accessibility. Deliver faster, with enhanced entity caching and better integration with CDNs and reverse proxies. With Drupal 8, you can build almost any integrated experience you can imagine. https://www.youtube.com/embed/bEjt8H_VEys 427 2016-05-16T17:08:29.000Z https://syntax.yabby.page/video/css-battles-who-can-recreate-this-with-css 2026-10-15T03:45:31.543Z https://i.ytimg.com/vi/7qxmipASXhc/maxresdefault.jpg CSS Battles! Who can recreate this with CSS? Scott, Wes, and CJ are back for another CSS Battle showdown! With just 10 minutes on the clock, they race to recreate a stack of bracketed blocks using only HTML and CSS. Who nails the layout with the shortest code and who ends up with a beautiful mess? 🔥 Be the ~14,700th person to join our super tasty newsletter https://bit.ly/syntax_snackpack Play along :) https://cssbattle.dev/play/qGccN77CCxzVGWGbzh0Q ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/7qxmipASXhc 981 2025-06-13T12:19:00.000Z https://syntax.yabby.page/video/this-react-library-makes-videos-for-you 2026-10-16T00:15:17.425Z https://i.ytimg.com/vi/kUmzkLKZgBU/maxresdefault.jpg This React Library Makes Videos For You Scott and Wes are joined by Jonny Burger, creator of Remotion, to talk about the explosion of programmatic video, going from 125k to 800k installs per day, and how AI and a new HTML-in-Canvas Chrome spec are changing the game. They dig into monetization, the wild world of video slop, motion graphics workflows, and the new Media Bunny tool 🔥 Be the ~19,500th person to join our super tasty newsletter https://bit.ly/syntax_snackpack Show Notes 00:00 Welcome to Syntax! 02:20 Monetization Strategies and Sustainability 04:40 The Impact of AI on Video Creation 07:46 User Demographics and Use Cases 09:49 The Future of Video Editing Workflows 13:14 HTML in Canvas: A Game Changer 16:17 Technical Challenges and Innovations 18:44 Brought to you by Sentry.io 19:09 The Future of Remotion and Community Feedback 22:59 Rendering CSS Animations and Performance Optimization 27:05 The Underworld of Video Slop 29:12 Transition to Media Bunny 33:50 Motion Graphics Workflow 39:42 Sick Picks + Shameless Plugs All links available at https://syntax.fm/1005 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by https://sentry.io/syntax #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/kUmzkLKZgBU 2614 2026-05-18T11:00:15.000Z https://syntax.yabby.page/video/the-ai-purple-problem 2026-10-15T03:45:31.547Z https://i.ytimg.com/vi/AG_791Y-vs4/maxresdefault.jpg The AI Purple Problem Digging into why every single website AI puts out is purple. Huge thanks to @TailwindLabs / @AdamWathan for the interview 00:00:00 AI's Purple Problem 00:00:45 Vibe Coders 00:01:26 Adam Wathan of Tailwind 00:02:19 Tailwind's Responsibility 00:05:46 Design Trends 00:06:22 Low Effort 00:07:44 How do we fix this? 00:08:21 Adam's Tips for Good Design 00:10:12 Design Systems 00:10:57 DESIGNERS ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/AG_791Y-vs4 686 2025-10-03T12:00:19.000Z https://syntax.yabby.page/video/the-state-of-javascript 2026-10-15T03:45:31.552Z https://i.ytimg.com/vi/VSRAvg9wA4g/maxresdefault.jpg The State of JavaScript Wes and Scott talk about the State of JavaScript survey, tends, popular features, and the evolving landscape of tools and frameworks. 👉 Join the exclusive newsletter - https://syntax.fm/snackpack (00:00) - Welcome to Syntax! (00:27) - Brought to you by Sentry.io (01:16) - The state of JavaScript Twitter fantasy football (02:27) - Syntax features (05:27) - Logical assignment (07:49) - Strings (08:18) - Arrays (14:16) - Sets (16:10) - Browser APIs (22:50) - Library tiers list (27:21) - Upgrading from M1 Mac (30:08) - Front-end frameworks (32:18) - The top front-end frameworks used at work (33:49) - What is the highest paying framework? (35:01) - Meta frameworks (36:32) - Meta frameworks pain points (42:33) - Testing tools (43:58) - Build tools (44:41) - Most used libraries (46:33) - Back-end frameworks (48:34) - JavaScript runtimes (50:35) - Serverless runtimes (51:25) - Other languages people are using (52:49) - AI tools (53:37) - The State of JS Awards (57:18) - Sick Picks + Shameless Plugs All links available at https://syntax.fm/868 ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript https://www.youtube.com/embed/VSRAvg9wA4g 3770 2025-01-15T12:00:44.000Z https://syntax.yabby.page/video/vs-code-copilot-is-now-open-source-vscode-news-announcement-webdevelopment-ai-javascript 2026-10-15T03:45:31.556Z https://i.ytimg.com/vi/gD2daaIfdKg/maxresdefault.jpg VS Code CoPilot is now Open Source! #vscode #news #announcement #webdevelopment #AI #javascript Scott and Wes are joined by Erich Gamma, creator of VS Code, and Kai Maetzel, Copilot Lead, to share some big news about the future of VS Code and Copilot. 🔥 Be the ~14,700th person to join our super tasty newsletter https://bit.ly/syntax_snackpack All links available at https://syntax.fm/903 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/gD2daaIfdKg 179 2025-05-19T17:08:36.000Z https://syntax.yabby.page/video/sketch-app-tutorials-9-shapes-in-sketch-3 2026-10-15T03:45:31.560Z https://i.ytimg.com/vi/-1BMzQLq7zk/maxresdefault.jpg Sketch App Tutorials - #9 Shapes In Sketch 3 In this Sketch App video tutorial, we show you everything you need to know about creating or editing shapes in Sketch 3. Subscribe for more free tutorials https://goo.gl/6ljoFc, more Sketch App Tutorials: https://goo.gl/SvgeZU Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! http://leveluptuts.com/level-up-pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e Sketch gives you the power, flexibility and speed you always wanted in a lightweight and easy-to-use package. Finally you can focus on what you do best: Design. https://www.youtube.com/embed/-1BMzQLq7zk 451 2014-06-12T04:02:46.000Z https://syntax.yabby.page/video/text-editor-keybindings-wasm-replacing-docker-llm-apathy-and-hosting-mini-apps 2026-10-15T03:45:31.564Z https://i.ytimg.com/vi/fFBPbtRxOe4/maxresdefault.jpg Text Editor Keybindings, WASM Replacing Docker, LLM apathy and hosting mini apps In this potluck episode of Syntax, Wes and Scott answer your questions about VS Code vs Cursor, navigating promotions and job titles, database fundamentals, avoiding decision paralysis, how AI is shaping frameworks, and more! 🔥 Be the ~14,700th person to join our super tasty newsletter https://bit.ly/syntax_snackpack (00:00) - Welcome to Syntax! (00:56) - Brought to you by [Sentry.io](https://sentry.io/syntax/) (06:24) - Moving from VS Code to Cursor without losing your shortcuts (12:13) - Should you bring up a senior promotion at a new job? (16:32) - Relying on LLMs vs. learning database fundamentals (20:42) - Overcoming decision paralysis in programming (25:00) - What to do when your code gets too messy (27:39) - Could Wasm replace Docker and Kubernetes? (32:14) - Organizing mini-apps in Express: monorepo, micro frontends, or something else? (38:49) - Will AI lock us into React and make new frameworks irrelevant? (46:57) - Sick Picks + Shameless Plugs All links available at https://syntax.fm/930 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/fFBPbtRxOe4 3338 2025-08-20T11:01:13.000Z https://syntax.yabby.page/video/stop-putting-secrets-in-env 2026-10-15T03:45:31.569Z https://i.ytimg.com/vi/M5IkdUunf8g/maxresdefault.jpg 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 into the risks of traditional env workflows, how schema-driven configs improve DX, and how tools like Varlock help manage secrets safely across frameworks, CI, and AI-powered workflows. 🔥 Be the ~18,300th person to join our super tasty newsletter https://bit.ly/syntax_snackpack Show Notes 00:00 Welcome to Syntax! 03:15 The Risks of .env Files 04:58 Introducing VarLock: A Unified Solution 06:56 Schema-Driven Environment Variables 11:47 Integrating with Various Frameworks 14:08 Brought to you by Sentry.io 14:32 Cross-Language Compatibility 17:50 Best Practices for Environment Variables 21:11 Security Features of Varlock 25:02 AI Integration and Environment Variables 29:12 Introduction to Varlock and GitHub Actions 32:45 Secrets Management and Best Practices 36:09 The Future of Varlock and Open Source 38:36 Sick Picks + Shameless Plugs All links available at https://syntax.fm/985 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/M5IkdUunf8g 2829 2026-03-09T11:00:36.000Z https://syntax.yabby.page/video/3-adding-redux-to-our-project-our-first-store-redux-react-for-everyone 2026-10-15T03:45:31.573Z https://i.ytimg.com/vi/DhxtMa6_tyo/maxresdefault.jpg #3 Adding Redux To Our Project & Our First Store - Redux & React For Everyone In this series we'll be learning Redux with React for beginners. Sign up for Level Up Pro for full access https://www.leveluptutorials.com/pro Buy this series: https://goo.gl/XSuXqC Subscribe for more free tutorials https://goo.gl/6ljoFc The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz Redux is a predictable state container for JavaScript apps. It helps you write applications that behave consistently, run in different environments (client, server, and native), and are easy to test. On top of that, it provides a great developer experience, such as live code editing combined with a time traveling debugger. React makes it painless to create interactive UIs. Design simple views for each state in your application, and React will efficiently update and render just the right components when your data changes. Declarative views make your code more predictable and easier to debug. Build encapsulated components that manage their own state, then compose them to make complex UIs. Since component logic is written in JavaScript instead of templates, you can easily pass rich data through your app and keep state out of the DOM. We don't make assumptions about the rest of your technology stack, so you can develop new features in React without rewriting existing code. React can also render on the server using Node and power mobile apps using React Native. https://www.youtube.com/embed/DhxtMa6_tyo 560 2018-01-05T19:56:24.000Z https://syntax.yabby.page/video/fundamentals-html-in-2024 2026-10-15T03:45:31.578Z https://i.ytimg.com/vi/0BHxZQm7ILk/maxresdefault.jpg Fundamentals: HTML in 2024 In this episode of Syntax, Wes and Scott talk about HTML fundamentals — from basic structure and semantics to practical tips for better accessibility and SEO. They also discuss the difference between block and inline elements, form functionalities, HTML5 elements like dialog and canvas, and more. Show Notes (00:00) Welcome to Syntax! (02:33) Brought to you by Sentry.io (03:25) Why HTML is important (06:52) Semantic vs non-semantic (07:58) The basic structure of an HTML page (08:45) Doctype (15:24) Nav (18:47) Section (20:41) Aside (22:09) Article (22:54) Span (27:18) Why use a span when you have a div and a paragraph tag? (29:29) Figure and Caption (31:16) Fieldset (31:53) UL vs OL (32:44) DFN (34:16) Form (36:56) Button vs Anchor (38:22) Headings (40:21) Output (41:46) Dialog (42:04) Tables (44:03) Media (45:06) Canvas (46:07) On graphics programming (47:38) Search (48:27) Sick Picks + Shameless Plugs All links available at https://syntax.fm/814 ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript https://www.youtube.com/embed/0BHxZQm7ILk 3314 2024-08-28T11:00:00.000Z https://syntax.yabby.page/video/drupal-tutorials-5-creating-a-subtheme 2026-10-15T03:45:31.582Z https://i.ytimg.com/vi/bQpK_WLlaCU/maxresdefault.jpg Drupal Tutorials #5 - Creating a subtheme This Drupal 7 tutorial shows you how to create a subtheme with the base theme we used before, Omega.Subscribe for more free tutorials https://goo.gl/6ljoFc, more Drupal Tutorials here: https://goo.gl/YDHhLW Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e This Drupal 7 tutorial series shows users how to build websites with the very popular open source content management system Drupal 7. https://www.youtube.com/embed/bQpK_WLlaCU 448 2012-03-19T23:53:12.000Z https://syntax.yabby.page/video/4-installing-and-using-sass-in-adaptive-theme 2026-10-15T03:45:31.590Z https://i.ytimg.com/vi/QgQBNglr3tU/maxresdefault.jpg #4 Installing And Using Sass in Adaptive Theme In this video I show how to install and setup Sass with Drupal's Adaptive Theme. The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e https://www.youtube.com/embed/QgQBNglr3tU 511 2015-08-21T00:45:14.000Z https://syntax.yabby.page/video/drupal-tutorials-9-custom-content-types-part-2-manage-display 2026-10-15T03:45:31.612Z https://i.ytimg.com/vi/j7M44s0kSps/maxresdefault.jpg Drupal Tutorials #9 - Custom Content Types Part 2 Manage Display This Drupal 7 tutorial shows you how to edit a content type and manage the display. Subscribe for more free tutorials https://goo.gl/6ljoFc, more Drupal Tutorials here: https://goo.gl/YDHhLW Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e This Drupal 7 tutorial series shows users how to build websites with the very popular open source content management system Drupal 7. https://www.youtube.com/embed/j7M44s0kSps 308 2012-03-23T01:06:54.000Z https://syntax.yabby.page/video/a-new-native-compiler-for-typescript 2026-10-15T03:45:31.618Z https://i.ytimg.com/vi/c6WdIccvcTw/maxresdefault.jpg A New NATIVE Compiler for Typescript In this video CJ reviews the news about a new 10x faster native port of the TypeScript compiler from Microsoft. Watch Scott and Wes chat with Anders Hejlsberg and Daniel Rosenwasser about the new compiler in Episode 884 of Syntax here: https://youtu.be/ZlGza4oIleY Read the announcement from Microsoft here: https://devblogs.microsoft.com/typescript/typescript-native-port/ Watch the announcement from Anders here: https://www.youtube.com/watch?v=pNlq-EVld70 View the native port here: https://github.com/microsoft/typescript-go Read the FAQs here: https://github.com/microsoft/typescript-go/discussions/categories/faqs 🔥 Be the ~14,700th person to join our super tasty newsletter bit.ly/syntax_snackpack All links available at https://syntax.fm/870 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #typescript #build #golang #go #news #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/c6WdIccvcTw 675 2025-03-11T14:44:09.000Z https://syntax.yabby.page/video/drupal-7-tutorials-1-how-to-install-drupal-on-bluehost 2026-10-15T03:45:31.623Z https://i.ytimg.com/vi/RustVBgsIjA/maxresdefault.jpg Drupal 7 Tutorials #1 - How To Install Drupal On Bluehost Here, I show you how to install Drupal 7 on a shared hosting service using Bluehost's 1 click install. The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe for more free tutorials https://goo.gl/6ljoFc, more Drupal Tutorials here: https://goo.gl/YDHhLW Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e This Drupal 7 tutorial series shows users how to build websites with the very popular open source content management system Drupal 7. https://www.youtube.com/embed/RustVBgsIjA 376 2015-08-18T00:00:05.000Z https://syntax.yabby.page/video/the-developer-s-guide-to-fonts-with-stephen-nixon 2026-10-15T03:45:31.630Z https://i.ytimg.com/vi/RBxMgALZR9o/maxresdefault.jpg The Developer’s Guide To Fonts with Stephen Nixon Scott and CJ are joined by Stephen Nixon of ArrowType to delve into the world of fonts and type for developers. They explore the intricacies of font creation, the utility of variable fonts, and offer tips for making visually appealing typography on the web. Show Notes 00:00 Welcome to Syntax! 00:57 Who is Stephen Nixon? 05:42 What is a type foundry exactly? 09:09 Font / type making. 09:15 How do you make a font? 11:58 Fonts vs typefaces. 13:02 How many fonts have you made? 14:17 What are variable fonts and how can web developers utilize them? 19:22 Animating fonts. 20:28 Do you code your demo sites yourself? 21:50 Are variable fonts more complex to design (and develop). 27:03 Hand painted fonts. 29:39 Creating a monospace font. 32:19 Creating fonts with dyslexia accessibility in mind. 37:58 Typography for the web. 38:29 What are some 80/20 rules developers can employ to make more visually appealing typography? 40:58 Type scale calculations. 45:42 What are your biggest web type pet peeves. 48:46 Do you have any favorite type tools? 50:34 Supper Club Questions. 50:44 How do you feel about ligatures in coding fonts? 55:11 What font do you use? 56:43 What is your favorite font of all time?. 58:49 Sick Picks + Shameless Plugs. All links available at https://syntax.fm/782 ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript https://www.youtube.com/embed/RBxMgALZR9o 3730 2024-06-14T11:00:32.000Z https://syntax.yabby.page/video/chrome-extensions-manifest-v3-with-google-devrel-oliver-dunk 2026-10-15T03:45:31.636Z https://i.ytimg.com/vi/TO1Ypwr2Pzw/maxresdefault.jpg Chrome Extensions & Manifest v3 with Google DevRel Oliver Dunk We were wrong, Manifest V3 is a big deal. Scott and Wes sit down with Oliver Dunk from Google to dive into the intricate world of Chrome Extensions development. From dissecting Manifest V3 to exploring the evolving landscape of browser security and extension reviews, this conversation covers the present and future of browser customization. Show Notes 00:00 Welcome to Syntax! 00:32 Who is Oliver Dunk? 02:00 Brought to you by Sentry. 03:17 Manifest V3. 08:59 How many rules can you add? 09:56 What even is a rule? 10:52 Is Google trying to kill ad blockers? 13:56 What are the bad guys doing with Chrome extensions? 15:17 Can a browser extension access HTTP-only cookies? 16:06 Is Chrome reviewing all of these extensions? 19:06 Is there a way to side-step Google's review process? 20:32 Do you see the negative chatter? 21:18 Service workers - how do do you access the DOM? 23:32 Do you think we'll see more DOM APIs in service workers? 25:58 Do you have a favorite Chrome extension? 28:33 Has Google ever explored something comparable to Boost? 33:09 Let's talk about the development stack. 35:54 1Password and Chrome. 38:39 What is the best way to debug an extension? 40:33 Manifest V3 and the web request blocking API. 41:57 Known tracking payloads. 44:04 Do you think there is a path forward that makes ad-block developers happy? 44:45 Do you run an ad blocker? 45:20 Whitelisting and opt-ins. 46:38 What's your tech setup? 47:18 What do you do to stay up to date? 47:51 Sick Picks + Shameless Plugs. 51:47 Wait, is Safari adopting V3 as well? All links available at https://syntax.fm/755 ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript https://www.youtube.com/embed/TO1Ypwr2Pzw 3244 2024-04-12T11:00:32.000Z https://syntax.yabby.page/video/can-you-spot-the-custom-sites-wix-squarespace-vs-custom-build 2026-10-15T03:45:31.640Z https://i.ytimg.com/vi/YTWprfvYMF4/maxresdefault.jpg Can You Spot The Custom Sites? WIX & Squarespace vs Custom Build Scott, Wes, and CJ go head-to-head in "Spot the Imposter"—a web dev challenge where they must guess which sites are custom-built and which are made with Wix or Squarespace. With four rounds and plenty of surprises, who will have the best dev instincts and take the win? 🔥 Be the ~14,700th person to join our super tasty newsletter bit.ly/syntax_snackpack Round 1: a) https://simplychocolatecph.com/ b) https://www.clarityincrazy.com/ c) https://ceremonycoffee.com/ Round 2: a) https://www.dopplepress.com/ b) https://drinkcann.com/ c) https://www.nffty.org/ Round 3: a) https://www.pentagram.com/ b) https://tjh.com/ c) https://www.supernaturalkitchen.com/ Round 4: a) https://tecnam.com/ b) https://keynest.com/ c) https://feedprojects.com/ ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/YTWprfvYMF4 1192 2025-02-21T13:50:20.000Z https://syntax.yabby.page/video/exploring-browser-apis-course-drop-party 2026-10-15T03:45:31.645Z https://i.ytimg.com/vi/hLYySB95_eo/maxresdefault.jpg Exploring Browser APIs - Course Drop Party START THIS COURSE FOR FREE: https://leveluptutorials.com/tutorials/exploring-browser-apis TLDR DISCOVER THE CAPABILITIES OF YOUR BROWSER! Casual event to learn about Level Up Tutorials' latest course, Exploring Browser APIs, with Scott Tolinski. 3:18 start & welcome 9:55 What are browser APIs and why should we care about them? 13:45 How did Scott choose the topics covered in this course? Why now? 17:27 How did Scott put the course together? What was his process? 19:20 What will people learn and what will people build in this course? 26:40 What are some of the concrete benefits of knowing about browser APIs? 29:25 What was one of the coolest things Scott discovered when building this course? What got Scott most excited? 31:50 Who is this course course is good for? Anyone the course isn’t good for? 34:00 Q&A from audience LIVE EVENT DETAILS Come hang out as we release our April course, Exploring Browser APIs. Scott was specifically ~stoked~ about creating this course and it’s jammed packed with evergreen content. He’ll give us an insider look to why and how he created this course, what he put into it, and what you’ll take away. See ya there! Who is Scott Tolinski? Scott Tolinski is the creator of Level Up Tutorials and the co-host of the widely popular tech podcast, [Syntax.fm](http://syntax.fm/). He lives in Denver, CO with his two adorable children, his beautiful and successful wife, Dr. Courtney Tolinski, and two dogs (one has dreadlocks… check his instagram if you don't believe me). Attend the event to learn more. What is Level Up Tutorials? Modern Web Development Training Made Easy: Cutting-edge, high quality video tutorials for web developers and designers. Created in 2012 to address the lack of online web development learning materials, Level Up Tutorials now has over 130 tutorial series to help you become a better developer or designer. With a focus on modern technologies, LUT delivers high quality video tutorials to mentor you through learning some of the latest and greatest tools and tech out t https://www.youtube.com/embed/hLYySB95_eo 3920 2022-04-29T21:08:55.000Z https://syntax.yabby.page/video/coding-agents-cursor-windsurf-tips 2026-10-15T03:45:31.649Z https://i.ytimg.com/vi/yOAKXYm7Ffg/maxresdefault.jpg Coding Agents Cursor + Windsurf Tips Scott and Wes explore the world of coding agents, diving into tools like Cursor and Windsurf that promise to change how we write and manage code. They discuss modes, workflows, and practical tips for experimenting with these AI-powered tools in your next project. 🔥 Be the ~14,700th person to join our super tasty newsletter - bit.ly/syntax_snackpack Show Notes 00:00 Welcome to Syntax! 04:12 What are AI Agents? 07:25 Brought to you by Sentry.io. 07:50 Chat Mode. 08:11 Composer Mode. 08:55 Agent Mode. 10:03 Inline Chat Mode. 11:02 JavaScript Set Methods Demo. 16:10 Fire Dispatch Data. 20:01 Rules Files. 22:37 Use screenshots. 23:36 Refactoring to separate files. 23:53 Use it to experiment. All links available at https://syntax.fm/871 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: @randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/yOAKXYm7Ffg 1625 2025-01-27T12:01:17.000Z https://syntax.yabby.page/video/command-line-basics-5-basic-keyboard-shortcuts 2026-10-15T03:45:31.654Z https://i.ytimg.com/vi/dqGiTk_gZgA/maxresdefault.jpg Command Line Basics #5 - Basic Keyboard Shortcuts In the 5th Command Line Basics tutorial, I show you 4 keyboard commands that will make your life easier. Ctrl + U: Clears the line from the cursor point back to the beginning. Ctrl + A: Moves the cursor to the beginning of the line. Ctrl + E: Moves the cursor to the end of the line. Ctrl + R: Allows you to search through the previous commands. Learn command line from the very basics. Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations https://www.youtube.com/embed/dqGiTk_gZgA 382 2014-04-18T01:20:42.000Z https://syntax.yabby.page/video/customizing-wordpress-1-how-to-create-a-child-theme 2026-10-15T03:45:31.658Z https://i.ytimg.com/vi/cbU12Tw7Q4U/maxresdefault.jpg Customizing WordPress #1 - How To Create A Child Theme The 1st video in the new Customizing WordPress video series. Here we show you how create a child theme in WordPress. Code used: /* Theme Name: Level Up Child Theme URI: http://wordpress:8888/ Description: This is a child theme of 2014 Author: Scott Tolinski Author URI: http://scotttolinski.com Template: twentyfourteen Version: 0.1 */ #1 OUTSOURCING SERVICE FOR WORDPRESS https://api.referoo.co/hits/create_hit?partner_id=16&medium_id=1 For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations https://www.youtube.com/embed/cbU12Tw7Q4U 732 2014-02-28T02:16:40.000Z https://syntax.yabby.page/video/chartjs-tutorials-4-chart-options 2026-10-15T03:45:31.664Z https://i.ytimg.com/vi/AcoUu3bgKgM/maxresdefault.jpg ChartJS Tutorials #4 - Chart Options In this video, we explore chart options in ChartJS. Subscribe for more free tutorials https://goo.gl/6ljoFc, Buy this series and get access to ChartJS themes! https://goo.gl/BamhKi Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e Simple yet flexible JavaScript charting for designers & developers. Mix and match bar and line charts to provide a clear visual distinction between datasets. Plot complex, sparse datasets on date time, logarithmic or even entirely custom scales with ease. Out of the box stunning transitions when changing data, updating colours and adding datasets. Chart.js is a community maintained project, contributions welcome! Visualize your data in 8 different ways; each of them animated and customisable. Redraws charts on window resize for perfect scale granularity. https://www.youtube.com/embed/AcoUu3bgKgM 449 2016-07-18T17:50:50.000Z https://syntax.yabby.page/video/rating-and-roasting-coding-desk-setups 2026-10-15T03:45:31.669Z https://i.ytimg.com/vi/OkwjXv79Duo/maxresdefault.jpg Rating and ROASTING Coding Desk Setups Scott, Wes, and CJ roast your web dev desk setups — the good, the bad, and the "why are there 4 passwords on your desk?" From cable chaos to questionable ergonomics, they're not holding back! 🔥 Be the ~14,700th person to join our super tasty newsletter bit.ly/syntax_snackpack ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/OkwjXv79Duo 1127 2025-03-21T12:42:00.000Z https://syntax.yabby.page/video/local-data-sqlite-localstorage-session-cookies-and-indexdb 2026-10-15T03:45:31.673Z https://i.ytimg.com/vi/VzUHeLsJOrs/maxresdefault.jpg Local Data: Sqlite, LocalStorage, Session, Cookies and IndexDB Scott and Wes dive into the world of local data storage, breaking down the pros and cons of Sqlite, LocalStorage, SessionStorage, Cookies, and IndexedDB. They cover real-world use cases like user settings, offline data, and auth tokens, while sharing their favorite tools and strategies for keeping your data fast and secure. 👉 Join the exclusive newsletter - https://syntax.fm/snackpack Show Notes 00:00 Welcome to Syntax! 00:30 Brought to you by Sentry.io. 01:43 Why store data locally. 01:55 User preferences and settings. 02:50 Not logged in state (shopping carts, etc). 03:30 Data for faster loading. 03:51 Privacy concerns. 04:25 Large files or drafts. 05:50 Auth tokens. 07:08 Where to store data. 07:11 Cookies. 07:48 Local storage. 09:15 Session storage. 10:35 IndexedDB. 12:15 BYOJS Storage. 13:41 SQlite via WASM. 14:12 Penalties of SQLite in browser via WASM. 15:29 PGLite. 16:23 Dealing with migrations. 16:55 The advantages of the approach. 18:42 Dexie. 19:59 Patch messages. 21:25 A few options. All links available at https://syntax.fm/861 ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript https://www.youtube.com/embed/VzUHeLsJOrs 1498 2024-12-16T12:00:40.000Z https://syntax.yabby.page/video/zero-sync-is-the-future-of-data-loading 2026-10-15T03:45:31.680Z https://i.ytimg.com/vi/Mv6BzoO_H0w/maxresdefault.jpg Zero Sync is the Future of Data Loading What’s the deal with Zero Sync? Scott and Wes dive into this cutting-edge database tech, exploring its real-time interactivity, blazing-fast performance, and how it stacks up against the competition. Plus, they break down setup, querying, authentication, and whether it’s ready for prime time. 👉 Join the exclusive newsletter - https://syntax.fm/snackpack Show Notes 00:00 Welcome to Syntax! 01:59 Brought to you by Sentry.io. 02:21 Today’s agenda. 02:52 What is Zero Sync? 07:02 Zerobugs loading speed. 11:04 Real-time interactivity. 11:38 Why is it different? 12:11 How to get it set up. 12:58 Querying Data. 16:22 Writing data. 16:31 Upsert. 17:39 Authentication and permissions. 19:27 Preloading. 19:41 Migrations and deployment. 20:17 Some extras. 21:16 CreateSubscriber. 23:08 Can you use this today? All links available at https://syntax.fm/867 ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript https://www.youtube.com/embed/Mv6BzoO_H0w 1746 2025-01-13T12:00:27.000Z https://syntax.yabby.page/video/little-scripts-coding-for-your-co-workers 2026-10-15T03:45:31.685Z https://i.ytimg.com/vi/JFYGqxtD82s/maxresdefault.jpg Little Scripts: Coding for your co-workers Process is important. This show is dedicated to examples of non-developer tasks that can be improved by coding scripts. Join Scott and Wes for a deep dive into automation magic. Show Notes 00:00 Welcome to Syntax! 02:11 Brought to you by Sentry.io. 03:02 FFmpeg, a tool for video producers. 06:35 Markdown validation. 09:21 AI timestamps for inform editing process. 12:19 Generating clips for social media. 13:31 YouTube find and replace tool. 15:03 What other scripts can you create? 16:17 Packaging a tool for a non-developer to use. 16:54 Apple Scripts 17:45 Stand-alone website. 19:25 Script Kit: Shortcut to Everything 20:19 Other ways to run scripts. 22:05 Get in touch with your tips. All links available at https://syntax.fm/738 ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript https://www.youtube.com/embed/JFYGqxtD82s 1402 2024-03-04T12:00:12.000Z https://syntax.yabby.page/video/migrating-to-typescript-semver-explained-listener-questions 2026-10-15T03:45:31.689Z https://i.ytimg.com/vi/ZzDQjSqPhcU/maxresdefault.jpg Migrating to Typescript, Semver Explained - Listener Questions Scott and CJ dive into a potluck of developer queries, from their favorite tech reads to essential web dev fundamentals. Tune in as they dish out expert advice on migrating React projects to TypeScript, crafting precise timers for countdown apps, and navigating the world of free-tier plans. Show Notes 00:00 Welcome to Syntax! 01:20 Brought to you by Sentry.io. 02:16 What book changed your life? 04:58 What are the web development fundamentals for beginners? 08:39 What are your thoughts on Chris Coyer's post on his sale of CSS-Tricks? 11:51 Advice for migrating an existing React project to TypeScript. 20:38 Countdown apps, performance vs accuracy. 25:19 Are you listening to podcasts? Which ones? 31:46 With AI on the rise, will free-tier plans become a thing of the past? 35:59 What is SemVer anyway? 40:14 A question on ergonomics, home office aesthetics and productivity. 47:59 Do you ever stop to consider VueJS in 2024? Why or why not? 52:12 Sick Picks + Shameless Plugs. All links available at https://syntax.fm/742 ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript https://www.youtube.com/embed/ZzDQjSqPhcU 3392 2024-03-13T11:00:29.000Z https://syntax.yabby.page/video/svelte-with-typescript-course-drop-party 2026-10-15T03:45:31.693Z https://i.ytimg.com/vi/tlCje1f0fJI/maxresdefault.jpg Svelte with TypeScript - Course Drop Party TL;DR An interactive, live event to learn about Level Up Tutorials' newest course on Svelte with TypeScript with Scott Tolinski. WHAT WILL YOU LEARN IN THIS EVENT? - All about the new course on Svelte with TypeScript - Why the topic was chosen and how the curriculum was written - The topics and skills you'll learn in the course - A little more about Scott Tolinski and Level Up Tutorials WHAT DOES THE COURSE COVER? TypeScript + Svelte in two parts. First just Svelte and TypeScript. We cover the common techniques needed when writing type safe code with Svelte. Then we move into how Svelte Kit is built to work with TypeScript out of the box for a sharing types across the entire stack. _______________________________________________________________________________________________ WHAT IS SVELTE? Svelte is a modern JavaScript framework for building web applications. It is a lightweight and efficient tool for building fast and powerful web applications. WHO IS SCOTT TOLINSKI? Scott Tolinski is the creator of Level Up Tutorials and the co-host of the widely popular tech podcast, Syntax.fm. He lives in Denver, CO with his two adorable children, his beautiful and successful wife, Dr. Courtney Tolinski, and two dogs (one has dreadlocks… check his instagram if you don't believe me). Attend the event to learn more. WHAT IS LEVEL UP TUTORIALS? Modern Web Development Training Made Easy: Cutting-edge, high quality video tutorials for web developers and designers. Created in 2012 to address the lack of online web development learning materials, Level Up Tutorials now has over 130 tutorial series to help you become a better developer or designer. With a focus on modern technologies, LUT delivers high quality video tutorials to mentor you through learning some of the latest and greatest tools and tech out there to get yourself to the next level. CHECK US OUT: https://leveluptutorials.com/ JOIN OUR DISCORD: https://discord.gg/NmTFEcfzpB #svelte #sveltejs #sveltekit #sveltekit1.0 #learntocode #courses #webdev #javascr https://www.youtube.com/embed/tlCje1f0fJI 186 2023-02-10T21:07:30.000Z https://syntax.yabby.page/video/should-your-website-work-without-javascript 2026-10-15T03:45:31.697Z https://i.ytimg.com/vi/NDK66t7SrSY/maxresdefault.jpg Should Your Website Work Without JavaScript? Scott and Wes discuss whether your website really needs JavaScript to function. They explore the principles of web standards, progressive enhancement, and test popular websites like Shopify and Netflix to see how they perform without JavaScript. Show Notes 00:00 Welcome to Syntax! 00:11 Take 2 01:43 Brought to you by Sentry.io. 02:19 The clip summarized. 03:16 Your website should load, be readable and be (mostly) styled without JavaScript. 07:32 Web standards first. If it can be done without JavaScript, it should be. 08:09 What if the CSS doesn't load? 10:20 Linking 10:24 Forms. 12:11 Links (Duh, but also c'mon!) 12:35 Query parameters. 13:57 Server render if possible. 15:20 Progressive Enhancement. 17:24 CSS Page Transitions. 19:07 Let’s test websites out. 19:15 Shopify. 22:16 Syntax.fm. 25:23 Netflix. 27:27 Local first and offline service workers. 29:27 TikTok. 29:33 GitHub. All links available at https://syntax.fm/804 ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript https://www.youtube.com/embed/NDK66t7SrSY 1869 2024-08-05T11:00:19.000Z https://syntax.yabby.page/video/realtime-remix-w-supabase-course-drop-party 2026-10-15T03:45:31.701Z https://i.ytimg.com/vi/rntEMgaenHs/sddefault.jpg Realtime Remix w/ Supabase - Course Drop Party TLDR Casual event to learn about Level Up Tutorials' latest series on supabase with Jon Meyers, Scott Tolinski and Kaitlin Bloom. EVENT DETAILS Come hang out while we chat about our most recent tutorial series drop. Jon Meyers, a Software Engineer, Educator and Hip Hop Producer from Melbourne, Australia, authored this month's tutorial series on supabase. In this course he'll mentor us through building a full stack authenticated real-time chat application using Remix and supabase. who is this event for? Everyone, really. But especially those who are interested in learning about remix and supabase. But it'll be pretty chill, so grab your favorite drink and hang out with us anyway. what will I learn? - All about the new course on supabase - Why the topic was chosen and how the curriculum was written - What you'll learn in the series - A bit about Jon Meyers, Scott Tolinski and Level Up Tutorials why should I come? - You'll learn everything you need to know about our latest course and get your questions answered by the author - Spend a little time with the LUT team and other members of our fun community - Who knows, you might just win some free stuff loose agenda (EST): 6:00 - 6:05 kickoff, welcome and intros 6:05 - 6:30 Jon talks about the course 6:30 - 6:50 q&a about the course 6:50 - 7:00 hang out and party on who the heck is Jon Meyers? Jon Meyers is a Software Engineer, Educator and Hip Hop Producer from Melbourne, Australia. He's passionate about web development and enabling others to build amazing things! He is currently working as a Developer Advocate at supabase, showing just how awesome databases can be! what is Level Up Tutorials? Modern Web Development Training Made Easy: Cutting-edge, high quality video tutorials for web developers and designers. Created in 2012 to address the lack of online web development learning materials, Level Up Tutorials now has over 130 tutorial series to help you become a better developer or designer. With a focus on modern technologies, LUT delivers high quality video https://www.youtube.com/embed/rntEMgaenHs 3769 2022-03-31T23:04:22.000Z https://syntax.yabby.page/video/search-results-suck-right-now-use-this-instead 2026-10-15T03:45:31.716Z https://i.ytimg.com/vi/9pNMvfwQYE4/maxresdefault.jpg 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 conscious perplexity alternative. View my example docker compose files here: https://gist.github.com/w3cj/29aaca0c06b8799c0d1e3c0aca69ccf2 00:00 - search engine results suck right now 00:26 - what is a meta search engine 00:49 - SearXNG demo 02:02 - SearXNG docker compose setup 02:22 - bang commands 03:05 - set SearXNG as your default search engine 03:44 - SearXNG docs / customization 04:04 - SearXNG is privacy conscious 04:38 - mcp server / json api 05:50 - Perplexica - self hosted perplexity 07:16 - thanks! SearXNG - https://docs.searxng.org/ SearXNG Docker Setup - https://github.com/searxng/searxng-docker/ Perplexica - https://github.com/ItzCrazyKns/Perplexica ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #privacy #search #google #docker #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/9pNMvfwQYE4 457 2026-02-10T12:00:26.000Z https://syntax.yabby.page/video/lint-like-a-senior-developer-w-eslint-husky-lint-staged-github-actions 2026-10-15T03:45:31.724Z https://i.ytimg.com/vi/Kr4VxMbF3LY/maxresdefault.jpg Lint Like a Senior Developer w/ eslint + husky + lint staged + github actions In this video CJ shows how to set up linting for our codebases from end to end. Including in our editor, before commits and with github actions before we merge a pull request. 00:00 intro 00:37 vite project setup 01:26 antfu/eslint-config 03:06 eslint stylistic 03:49 vs code editor settings 04:56 customize eslint settings 05:32 lint:fix task 06:52 commit hooks with husky 08:45 lint-staged setup 11:16 github actions lint setup 14:17 run github actions locally with act 16:37 bypassing commit hooks with --no-verify 18:00 squashing commits 18:59 push vs code settings to github 19:52 thanks antfu eslint-config | https://github.com/antfu/eslint-config CJ's antfu eslint-config settings | https://gist.github.com/w3cj/21b1f1b4857ecd13d076075a5c5aaf13/ ESLint Stylistic | https://eslint.style/ Husky | https://typicode.github.io/husky/ lint-staged | https://www.npmjs.com/package/lint-staged Building and testing Node.js | https://docs.github.com/en/actions/use-cases-and-examples/building-and-testing/building-and-testing-nodejs Triggering a workflow | https://docs.github.com/en/actions/writing-workflows/choosing-when-your-workflow-runs/triggering-a-workflow act | https://nektosact.com/ 🔥 Be the ~14,700th person to join our super tasty newsletter bit.ly/syntax_snackpack All links available at https://syntax.fm/870 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #typescript #devops #github #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/Kr4VxMbF3LY 1219 2025-03-20T11:00:33.000Z https://syntax.yabby.page/video/vscode-tutorials-6-linting-with-eslint 2026-10-15T03:45:31.729Z https://i.ytimg.com/vi/cMrDePs86Uo/maxresdefault.jpg VSCode Tutorials #6 - Linting with ESLint Learn about Visual Studio Code and why it's an exciting new text editor. Subscribe for more free tutorials https://goo.gl/6ljoFc Learn Meteor & React for modern real-time apps. https://www.leveluptutorials.com/store/products/tutorials/lut-dd012 Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e Visual Studio Code is a lightweight but powerful source code editor which runs on your desktop and is available for Windows, macOS and Linux. It comes with built-in support for JavaScript, TypeScript and Node.js and has a rich ecosystem of extensions for other languages (such as C++, C#, Python, PHP, Go) and runtimes (such as .NET and Unity). https://www.youtube.com/embed/cMrDePs86Uo 661 2017-05-30T17:05:29.000Z https://syntax.yabby.page/video/sync-engines-and-local-data 2026-10-15T03:45:31.734Z https://i.ytimg.com/vi/1uVR5X7HpI8/maxresdefault.jpg Sync Engines and Local Data Wes and Scott talk about local-first sync engines—why they matter, what makes apps feel fast, and which platforms stand out. From LiveStore to Convex to Instant DB, they break down the pros and cons of each and debate what the “next React” might look like in a local-first future. 🔥 Be the ~14,700th person to join our super tasty newsletter https://bit.ly/syntax_snackpack (00:00) - Welcome to Syntax! (01:52) - Intro to local data: what makes apps feel fast (05:08) - Could the next React be a local-first sync engine? (08:23) - LiveStore (18:01) - Zero Sync (21:58) - InstantDB (24:18) - Brought to you by Sentry.io (24:43) - Convex (27:54) - ElectricSQL (29:48) - PowerSync and PartyKit (30:51) - Choosing the right sync engine (40:34) - Sick Picks + Shameless Plugs All links available at https://syntax.fm/924 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/1uVR5X7HpI8 2772 2025-07-30T11:00:04.000Z https://syntax.yabby.page/video/vscode-tutorials-7-tab-switching-custom-keybindings 2026-10-15T03:45:31.738Z https://i.ytimg.com/vi/z5_jF-3odlw/maxresdefault.jpg VSCode Tutorials #7 - Tab Switching & Custom Keybindings Learn about Visual Studio Code and why it's an exciting new text editor. Subscribe for more free tutorials https://goo.gl/6ljoFc Become A Native App Developer with React & React Native https://www.leveluptutorials.com/store/products/tutorials/lut-dd014 keybindings.json https://gist.github.com/stolinski/f49adedf7053b76634f437e824188a70 Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e Visual Studio Code is a lightweight but powerful source code editor which runs on your desktop and is available for Windows, macOS and Linux. It comes with built-in support for JavaScript, TypeScript and Node.js and has a rich ecosystem of extensions for other languages (such as C++, C#, Python, PHP, Go) and runtimes (such as .NET and Unity). https://www.youtube.com/embed/z5_jF-3odlw 652 2017-06-22T00:04:43.000Z https://syntax.yabby.page/video/storybook-has-evolved-w-jeppe-reinhold 2026-10-15T03:45:31.743Z https://i.ytimg.com/vi/-QRzlQbUHcc/maxresdefault.jpg Storybook Has Evolved w/ Jeppe Reinhold 🔥 Be the ~14,700th person to join our super tasty newsletter https://bit.ly/syntax_snackpack Wes and Scott talk with Jeppe Reinhold about Storybook 9’s powerful new features—including drastically reduced bloat, seamless Vite integration, and next-level component testing. They dive into visual regression testing, accessibility, performance, and best practices for writing robust, isolated UI components developers can actually enjoy testing and documenting. (00:00) - Welcome to Syntax! (01:40) - What is Storybook? (03:48) - How Storybook makes component design easier (04:42) - Vite integration and compatibility with other tools (06:50) - Storybook's significantly smaller bundle size (13:31) - Upgrading to Storybook 9 (17:34) - Testing components with Storybook (19:51) - How do you write a component "story"? (24:29) - Brought to you by Sentry.io (24:54) - How visual testing works (29:03) - How Storybook makes money (29:58) - Best practices for component design (32:49) - Mocking and testing strategies (35:14) - Accessibility testing (41:16) - Add-ons and future features (45:08) - Storybook's documentation (46:57) - Sick Picks + Shameless plugs All links available at https://syntax.fm/908 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/-QRzlQbUHcc 3014 2025-06-04T11:00:00.000Z https://syntax.yabby.page/video/windsurf-forked-vs-code-to-compete-with-cursor-talking-the-future-of-ai-coding 2026-10-15T03:45:31.750Z https://i.ytimg.com/vi/ptekg6GNzIQ/maxresdefault.jpg Windsurf forked VS Code to compete with Cursor. Talking the future of AI + Coding Wes and Scott talk with Kevin Hou and Varun Mohan from Windsurf about the evolving landscape of AI in coding, and the future of software development. 👉 Join the exclusive newsletter - https://syntax.fm/snackpack (00:00) - Welcome to Syntax! (00:50) - The origins of Windsurf and Codeium (03:14) - Rethinking IDE UX (05:45) - Will Microsoft eventually implement these AI features in VS Code? (09:27) - The "agentic" editor concept (17:58) - The future of software development with AI (24:37) - AI in large codebases (28:22) - Brought to you by Sentry.io (28:46) - How does AI stay current with frequent language/library updates? (33:07) - Behind Windsurf's fresh design (35:23) - Challenges with forking VS Code (38:47) - AI and future innovations (43:04) - How Winsdurf approaches AI experimentation (45:11) - Pricing and user segments (48:38) - Will Windsurf ever run in the browser? (50:58) - Sick Pick + Shameless Plugs All links available at https://syntax.fm/870 ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript https://www.youtube.com/embed/ptekg6GNzIQ 3474 2025-01-22T08:00:45.000Z https://syntax.yabby.page/video/chartjs-tutorials-5-global-configuration-options 2026-10-15T03:45:31.755Z https://i.ytimg.com/vi/t8TgLqTzo5o/maxresdefault.jpg ChartJS Tutorials #5 - Global Configuration Options In this video, change settings and options of ChartJS globally. Subscribe for more free tutorials https://goo.gl/6ljoFc, Buy this series and get access to ChartJS themes! https://goo.gl/BamhKi Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e Simple yet flexible JavaScript charting for designers & developers. Mix and match bar and line charts to provide a clear visual distinction between datasets. Plot complex, sparse datasets on date time, logarithmic or even entirely custom scales with ease. Out of the box stunning transitions when changing data, updating colours and adding datasets. Chart.js is a community maintained project, contributions welcome! Visualize your data in 8 different ways; each of them animated and customisable. Redraws charts on window resize for perfect scale granularity. https://www.youtube.com/embed/t8TgLqTzo5o 517 2016-07-27T13:38:12.000Z https://syntax.yabby.page/video/midi-music-in-the-browser 2026-10-15T03:45:31.759Z https://i.ytimg.com/vi/ZP3yfGwVjio/maxresdefault.jpg MIDI & Music in the Browser Wes and Scott talk about the Web Audio and Web MIDI APIs, diving into how they enable powerful music and sound manipulation in the browser. They explore MIDI messaging, synthesizing audio, creative coding with music, and share hands-on projects, tips, and libraries to get started. 🔥 Be the ~14,700th person to join our super tasty newsletter bit.ly/syntax_snackpack (00:00) - Welcome to Syntax! (01:17) - Brought to you by Sentry.io (02:04) - Fun audio experiments (05:32) - What is MIDI? (14:18) - Advanced examples with WEBMIDI.js (17:02) - Outputting MIDI messages (24:40) - Exploring the Web Audio API (31:20) - Audio sampling in the browser (37:35) - Media Recorder (39:21) - Fun projects (42:08) - Sick Picks + Shameless Plugs All links available at https://syntax.fm/876 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/ZP3yfGwVjio 2940 2025-02-12T12:00:56.000Z https://syntax.yabby.page/video/sublime-text-tutorials-24-level-up-your-sublime-text-side-bar 2026-10-15T03:45:31.766Z https://i.ytimg.com/vi/FkoVtZrqvCw/maxresdefault.jpg Sublime Text Tutorials #24 - Level Up Your Sublime Text Side Bar Here I show you a Sublime Package that greatly improves the functionality of your side bar. https://www.patreon.com/leveluptuts The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! http://leveluptuts.com/level-up-pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e https://www.youtube.com/embed/FkoVtZrqvCw 187 2015-09-28T22:55:05.000Z https://syntax.yabby.page/video/drupal-tutorials-35-taxonomy-part-1 2026-10-15T03:45:31.770Z https://i.ytimg.com/vi/Qmr2HW6CtJQ/maxresdefault.jpg Drupal Tutorials #35 - Taxonomy Part 1 This is the 35th tutorial in the Drupal 7 tutorial series. This tutorial shows you how to use taxonomy in Drupal 7. Subscribe for more free tutorials https://goo.gl/6ljoFc, more Drupal Tutorials here: https://goo.gl/YDHhLW Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e This Drupal 7 tutorial series shows users how to build websites with the very popular open source content management system Drupal 7. https://www.youtube.com/embed/Qmr2HW6CtJQ 537 2012-05-26T01:18:18.000Z https://syntax.yabby.page/video/developer-showdown-vibe-coder-vs-senior-developer 2026-10-18T16:15:13.135Z https://i.ytimg.com/vi/7ZWB79HRRUw/maxresdefault.jpg Are we cooked? Claude Fable is out of hand. Vibe coder vs. senior web developer! Wes Bos races Syntax's Producer Randy to recreate this slick Pixel Ripple Button while CJ commentates and scores. Are we cooked, devs? 🔥 Be the ~19,500th person to join our super tasty newsletter https://bit.ly/syntax_snackpack Try the challenge yourself: https://github.com/wesbos/button-challenge Raul Dronca's Pixel Ripple Button: https://x.com/raul_dronca/status/2093270659824529461 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by https://sentry.io/syntax #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/7ZWB79HRRUw 1637 2026-09-25T12:04:19.000Z https://syntax.yabby.page/video/vscode-tutorials-9-hyperclick-for-productivity 2026-10-15T03:45:31.774Z https://i.ytimg.com/vi/6Uz4DxJ11pY/maxresdefault.jpg VSCode Tutorials #9 - Hyperclick for Productivity Learn about Visual Studio Code and why it's an exciting new text editor. Subscribe for more free tutorials https://goo.gl/6ljoFc Learn Meteor & React for modern real-time apps. https://www.leveluptutorials.com/store/products/tutorials/lut-dd012 Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e Visual Studio Code is a lightweight but powerful source code editor which runs on your desktop and is available for Windows, macOS and Linux. It comes with built-in support for JavaScript, TypeScript and Node.js and has a rich ecosystem of extensions for other languages (such as C++, C#, Python, PHP, Go) and runtimes (such as .NET and Unity). https://www.youtube.com/embed/6Uz4DxJ11pY 267 2017-08-16T22:40:24.000Z https://syntax.yabby.page/video/the-latest-drizzle-updates-are-awesome-the-road-to-v1 2026-10-15T03:45:31.778Z https://i.ytimg.com/vi/TIov_V6NeuQ/maxresdefault.jpg The Latest Drizzle Updates are AWESOME | The road to v1 In this video CJ talks about the new updates to Drizzle ORM and their path to v1. He also shows examples of upgrading a large drizzle code base to the latest v0.35.2 version. 00:00 intro 00:25 40% towards v1 00:37 new docs 01:55 70% towards v1 02:10 monodriver canceled 02:31 monodriver alternative 02:59 unified driver 04:25 move towards production ready 04:57 new libsql driver modules 05:09 drizzle team is committed 06:10 example codebase upgrades 06:35 libsql client changes 07:15 auto casing table names 08:49 simpler drizzle client creation 09:11 complex db schema upgrade 13:01 thanks Drizzle ORM | https://orm.drizzle.team/ Drizzle v0.34.0 announcement | https://x.com/DrizzleORM/status/1843369461795172416 Drizzle 40% to v1 | https://x.com/andrii_sherman/status/1843247132070781429 Drizzle Docs Sucked | https://x.com/_alexblokh/status/1843960037976252725 Drizzle Getting Started | https://orm.drizzle.team/docs/get-started Drizzle 70% to v1 | https://x.com/andrii_sherman/status/1846278340074000513 Drizzle monodriver canceled | https://x.com/_alexblokh/status/1844391303561322954 Drizzle monodriver discussion | https://github.com/drizzle-team/drizzle-orm/discussions/3097 Drizzle team is committed | https://x.com/andrii_sherman/status/1845509404071784725 libsql upgrade example | https://github.com/w3cj/hono-open-api-starter/commit/92525ff84fb2a247c8245cc889b2320d7b3b6e2c#diff-c7d2c320d1f7fc0aad36b8bf616a7289ca4dcf00e6e057ba8a1d354fb25b74c0L11 Bytedash example complex schema | https://github.com/w3cj/bytedash Complex Schema Design with Drizzle ORM | Common Patterns | https://www.youtube.com/watch?v=vLze97zZKsU Complex schema upgrade | https://github.com/w3cj/bytedash/commit/11c11bac2e5ba113dab94179eb6cdcd62c9abc78#diff-cbc89064763c5d0b16c53ea8aedde1636bdc5deb999f7b6bcd9971aa84d9e83aR18 Drizzle T Shirt | https://sentry.shop/products/syntax-drizzle-tee ------------------------------------------------------------------------------ Hit us up on Socials! https://www.syntax.fm/links Brought to you by Sentry - Use code " https://www.youtube.com/embed/TIov_V6NeuQ 825 2024-10-29T11:00:28.000Z https://syntax.yabby.page/video/drupal-8-basics-13-how-to-create-a-menu 2026-10-15T03:45:31.782Z https://i.ytimg.com/vi/faewNE59VqA/maxresdefault.jpg Drupal 8 Basics #13 - How To Create A Menu Learn how to create a menu in Drupal 8 in a course design for Drupal 8 beginners. Subscribe for more free tutorials https://goo.gl/6ljoFc, buy NEXT LEVEL CSS Animations & Transitions https://goo.gl/cGB30u Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e This Drupal 8 tutorial series shows users how to build websites with the very popular open source content management system Drupal 8. The world’s favorite open source content management platform just got better. Drupal 8 is the new standard for creating incredible digital experiences—for small businesses, global enterprises, and everything in between. Meet Drupal 8, a powerful new suite of tools, and the strongest link in your new content supply chain. Interact with countless applications, thanks to REST-first native web services. Use progressive decoupling to break free from back-end restrictions without sacrificing security and accessibility. Deliver faster, with enhanced entity caching and better integration with CDNs and reverse proxies. With Drupal 8, you can build almost any integrated experience you can imagine. https://www.youtube.com/embed/faewNE59VqA 224 2016-04-18T18:09:24.000Z https://syntax.yabby.page/video/react-vs-vue-vs-angular-with-corbin-crutchley 2026-10-15T03:45:31.786Z https://i.ytimg.com/vi/_licnRxAVk0/maxresdefault.jpg React vs Vue vs Angular with Corbin Crutchley Which framework is best? Join Scott and Wes as they chat with Corbin Crutchley, author of the "Framework Field Guide", diving into the world of frameworks, metaframeworks, and tips to stay up-to-date on the latest trends in web development. Show Notes 00:00 Welcome to Syntax! 00:48 Who is Corbin Crutchley? 02:08 Brought to you by Sentry.io. 02:32 Hilton, like the hotel? 05:57 What is the best framework? 07:23 How do you compare these frameworks? 10:00 Do you feel like the metaframeworks are comparable? 11:02 Exciting announcements from ng-conf? 11:42 Are Wiz and Angular merging? 14:17 Angular signals and Vue comparison. 17:53 Adding signals to vanilla JavaScript and browsers. 21:02 What is derived state? 23:11 How can we store state within these different frameworks? 24:37 Passing children. 26:40 Which has the best implementation for passing children? 28:52 What's the approach for building framework agnostic components? 30:31 How much of it is framework specific? 31:35 Headless or DOM-based? 32:48 What are the best practices for writing this? 35:28 What's the biggest framework pain point? 36:21 Is there a language that requires significantly more code? 38:52 What about Web Components? 39:58 Your book is free? 42:42 What's the process of writing a book like this? 45:44 Not a physical book? 46:17 Walk us through the tech stack. 48:27 Supper Club Questions. 48:33 What text editor, theme and font do you use? 49:53 What terminal and shell do you use? 50:19 How do you stay up to date? 53:39 Do you have advice for beginners? 55:26 Sick Picks + Shameless Plugs. All links available at https://syntax.fm/752 ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript https://www.youtube.com/embed/_licnRxAVk0 3457 2024-04-05T11:00:34.000Z https://syntax.yabby.page/video/syntax-bytes-with-cj-clash-of-code-working-on-tauri-rust-svelte-desktop-app 2026-10-15T03:45:31.791Z https://i.ytimg.com/vi/mvUE5QiunOM/maxresdefault.jpg Syntax Bytes with CJ - Clash of Code | Working on Tauri / Rust / Svelte Desktop App In this live stream CJ plays clash of code with viewers and then works on a Tauri / Rust / Svelte app (the Syntax Production Assistant). 00:00:00 Intro 00:00:28 What is Clash of Code? 00:01:12 Saying Hello 00:02:10 What hat am I wearing? 00:03:09 CodeWars Side Quest (Failed) 00:07:40 Clash 1 - Calculate Kinetic Energy 00:15:09 Clash 1 - Retro 00:16:01 CodeWars - Pyramid Array 00:18:48 Clash 1 - Reviewing Solutions 00:26:14 Hybrid Mobile App Solutions 00:29:41 CodeWars - Clean up after your dog 00:34:25 Clash 2 - Reverse Mode Initials 00:40:29 Maps vs Objects 00:42:28 Clash 2 - Reviewing Solutions 01:03:07 Clash 3 - Code Golf / Shortest Mode 01:13:51 What app are we working on? 01:18:16 Clash 3 - Reviewing Solutions 01:25:13 What issues will we work on? 01:26:45 My Backdrop Explained 01:27:55 App Demo 01:37:01 Syntax Fingerboards 01:39:30 Break 01:45:46 Editor Dark / Light Mode 01:59:08 Fixing show notes bugs / flow 03:45:45 Thanks! Sign up for Clash of Code here: https://www.codingame.com/multiplayer/clashofcode https://v2.tauri.app/ ------------------------------------------------------------------------------ Hit us up on Socials! https://www.syntax.fm/links Brought to you by Sentry - Use code "tastytreats" to get 2 months free - https://sentry.io/syntax #css #rust #typescript https://www.youtube.com/embed/mvUE5QiunOM 13755 2024-09-19T21:01:21.000Z https://syntax.yabby.page/video/career-development-with-topher-martini 2026-10-15T03:45:31.798Z https://i.ytimg.com/vi/LGe_uH5e4Rs/maxresdefault.jpg Career Development with Topher Martini Scott and Wes talk with Topher Martini, a former Engineering Program Manager at Apple, about his extensive experience over two decades in the tech industry. Topher shares his journey at Apple, from starting as an intern in 2001 to working on groundbreaking products like iPhone, iPad, and Vision Pro. Show Notes (00:00) - Welcome to Syntax! (00:40) - What it was like working on the first iPhone (04:47) - How Topher landed at Apple early in his career (08:40) - How Apple's culture has changed over time (11:03) - What makes a great employee? (16:37) - Tips for better communication (17:54) - Are meetings a good means of communication? (20:05) - What makes a bad employee? (22:21) - What does it take to get hired at a company like Apple? (26:16) - Brought to you by Sentry.io (26:55) - The relationship between passion and career (29:08) - Topher's advice for growing in your career (31:50) - What is a sabbatical? (33:36) - Teaching tech to kids (35:49) - Topher's work on self-driving cars (39:33) - AI's impact on tech and the future (41:22) - What can developers do to stand out and be relevant in a world of AI? (43:30) - Topher's thoughts on career development (44:47) - What is a light field camera? (46:47) - Spatial media and Vision Pro (48:10) - The nifty stuff in Topher's background (49:53) - Something wild that happened while Topher was at Apple (51:34) - Sick Picks & Shameless Plugs All links available at https://syntax.fm/827 ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript https://www.youtube.com/embed/LGe_uH5e4Rs 3371 2024-09-27T11:00:24.000Z https://syntax.yabby.page/video/red-hat-hacked-nvidia-enters-the-pc-race-gta-6-goes-live-syntax-weekly 2026-10-13T22:15:14.657Z https://i.ytimg.com/vi/9IKlAPibwcw/maxresdefault.jpg Red Hat Hacked! ⟡ NVIDIA Enters the PC Race ⟡ GTA 6 Goes Live ⌁ Syntax Weekly ⌁ npm supply chain attacks are back and worse than ever, NVIDIA just entered the PC market with RTX Spark, and GTA 6's marketing machine is finally spinning up. Let's get into it. 00:00:00 Intro 00:01:34 Redhat npm Hack 00:16:11 Nvidia Enters PC Race 00:28:25 psp emulator in the browser 00:32:27 GTA 6 Website Goes Live 00:39:03 Ferrari Luce Website 00:43:05 git celebrate app 00:44:43 AOL Instant Messenger in Browser 00:53:27 Doom Scroll Puzzles 01:02:43 Who is Randy? 01:03:31 Current state of Next / Tanstack / Remix 01:08:37 Come see us in Amsterdam! 🔥 Be the ~19,500th person to join our super tasty newsletter https://bit.ly/syntax_snackpack ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by https://sentry.io/syntax #news #programming #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/9IKlAPibwcw 4253 2026-06-01T16:16:01.000Z https://syntax.yabby.page/video/prestashop-tutorials-4-site-administration-user-roles 2026-10-15T03:45:32.467Z https://i.ytimg.com/vi/kr0HKi-lEYE/maxresdefault.jpg PrestaShop Tutorials #4 - Site Administration & User Roles Here we show you how to Administer your site and it's users. We can add additional employees and adjust their permissions. Download Prestashop here http://www.prestashop.com/ Fast, efficient and easy to use, PrestaShop's free e-commerce solution provides everything you need to open, operate and maintain a successful online store. Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e https://www.youtube.com/embed/kr0HKi-lEYE 524 2014-08-22T22:30:05.000Z https://syntax.yabby.page/video/stick-shift-window-manager 2026-10-18T16:15:13.360Z https://i.ytimg.com/vi/BsuuSD_IiX8/maxresdefault.jpg It’s like Raycast, but for truckers I made a Stick Shift Window Manager https://www.youtube.com/embed/BsuuSD_IiX8 304 2026-08-21T12:00:28.000Z https://syntax.yabby.page/video/mosh-caddy-and-tailscale-a-remote-dev-deep-dive 2026-10-18T16:15:13.470Z https://i.ytimg.com/vi/0lAUBeTBtYY/maxresdefault.jpg Mosh, Caddy & Tailscale: A Remote Dev Deep Dive Running your dev process off your main machine doesn’t have to mean the cloud. Scott and Wes break down how to host projects on a box you can reach from any device, close your laptop mid-build, and keep long-running processes alive. They cover Scott’s stack (Mosh, Caddy, Tailscale, Zed, and terminal AI agents like Claude Code), the annoyances of mobile TUIs, and whether it beats staying local 🔥 Be the ~19,500th person to join our super tasty newsletter https://bit.ly/syntax_snackpack Show Notes 00:00 Intro 00:36 Welcome to Syntax! 01:56 Benefits of Remote Development 07:50 Process for Remote Development 09:34 Tech Stack for Remote Development 15:09 Tools and Alternatives for Remote Development 21:16 Exploring Workspaces and Terminal Management 30:31 Mobile Terminal Applications and Their Features 32:30 Navigating the Terminal Landscape: Tools and Alter 35:22 Headless Browsers and Authentication Challenges 38:35 Work Trees and Their Use Cases 44:21 Cloud Hosting and Local Development Solutions 45:28 Sick Picks & Shameless Plugs. All links available at https://syntax.fm/1023 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by https://sentry.io/syntax #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/0lAUBeTBtYY 2927 2026-07-22T11:00:34.000Z https://syntax.yabby.page/video/we-built-our-own-css-battle-platform 2026-10-15T03:45:32.473Z https://i.ytimg.com/vi/7kRONVMyCrM/maxresdefault.jpg We built our own css battle platform Have you been playing along? synhax.syntax.fm https://www.youtube.com/embed/7kRONVMyCrM 60 2026-03-16T19:34:08.000Z https://syntax.yabby.page/video/we-build-the-world-most-painful-captchas-kitboga-scammers 2026-10-15T03:45:32.480Z https://i.ytimg.com/vi/ra4klYWkoA0/maxresdefault.jpg We build the world most painful CAPTCHAs (Kitboga scammers) Scott, Wes, and CJ joined Kitboga’s Code Jam and created captchas meant to frustrate scammers into giving up. These anti-human, totally absurd puzzles are hilarious and they walk you through how they work. 🔥 Be the ~14,700th person to join our super tasty newsletter https://bit.ly/syntax_snackpack Kitboga Code Jam: https://kitboga.com/codejam Timestamps: 00:00 - Kitboga Code Jam 2025 00:46 - Scott’s Sing to hit a note captcha 02:45 - CJ’s awful word problem captcha 06:45 - Wes’ Cooking Game Submission 09:35 - Randy Attempt’s Scott’s Piano Captcha 12:25 - CJ’s XKCD Inspried Hell Game 15:41 - A special treat Code: Number 1 (sing) Code: https://github.com/stolinski/kitboga-codejam25-fail Try It: https://celadon-choux-355ac9.netlify.app/ Number 2 (word problem) Code: https://github.com/w3cj/kitboga-codejam25-word-problem-captcha Try it: https://w3cj.github.io/kitboga-codejam25-word-problem-captcha/ Number 3 (grillmaster) Code: https://github.com/wesbos/Kitboga-captcha Try it: https://wesbos.github.io/Kitboga-captcha/ Number 4 (piano) Code: https://github.com/stolinski/kitboga-codejam25 Try It: https://kitboga.netlify.app/ Number 5 (xkcd) Code: https://github.com/w3cj/kitboga-codejam25-xkcd-captcha/ Try it: https://w3cj.github.io/kitboga-codejam25-xkcd-captcha/ ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/ra4klYWkoA0 962 2025-06-27T15:32:53.000Z https://syntax.yabby.page/video/we-built-a-real-time-css-battle-game-and-it-actually-works 2026-10-15T03:45:32.485Z https://i.ytimg.com/vi/gcpfUP9L6es/maxresdefault.jpg 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-minute hackweek glow-up, this one’s a deep dive into shipping ambitious web apps fast. 🔥 Be the ~18,300th person to join our super tasty newsletter https://bit.ly/syntax_snackpack Show Notes 00:00 Welcome to Syntax! 00:50 March Mad CSS Tournament. 03:19 Brought to you by Sentry.io. 03:59 What the heck is a CSS Battle? 05:34 The tech stack. 06:30 Svelte Kit. 06:44 Zero Sync. 07:32 Drizzle. 07:58 Supabase. 08:23 Graffiti. 10:45 Sync Server. 12:10 Cloudflare Workers. 12:23 Local File System. 13:26 How Zero Works. 13:48 Zero Sync Client. 15:39 API server. 19:34 Dealing with states and conflicts. 24:25 The Hackweek Project. 25:29 The Diffing Algorithm. 35:22 The bugs. All links available at https://syntax.fm/977 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/gcpfUP9L6es 2467 2026-02-09T12:01:16.000Z https://syntax.yabby.page/video/we-can-t-just-blindly-trust-ai 2026-10-15T03:45:32.489Z https://i.ytimg.com/vi/4lt2V5b03sU/maxresdefault.jpg We can't just blindly trust AI From self driving cars to the code it write for us, we're ultimately responsible for the outcomes. ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #ai #webdeveloperlife #workflow #autonomousdriving https://www.youtube.com/embed/4lt2V5b03sU 46 2024-10-16T15:46:03.000Z https://syntax.yabby.page/video/why-does-this-keep-happening 2026-10-14T13:45:16.863Z https://i.ytimg.com/vi/kYqpxJE4DyE/maxresdefault.jpg Why does this keep happening? Scott and Wes break down the “Mini Shai-Hulud” supply chain attack that compromised TanStack and other popular npm packages through a clever GitHub Actions cache poisoning exploit; a self-propagating worm that stole credentials and persisted through Claude Code hooks and VS Code tasks. They also cover how developers can protect themselves using pnpm’s security defaults, dev containers, and other practical defenses 🔥 Be the ~19,500th person to join our super tasty newsletter https://bit.ly/syntax_snackpack 00:00 Welcome to Syntax! 00:25 Understanding the Shai-Hulud Worm 02:47 Mechanics of the Attack: GitHub Actions and Cache 05:44 Brought to you by Sentry.io 06:09 Propagation and Impact of the Worm 09:30 Preventative Measures for Developers 12:33 The Role of Package Managers in Security 18:39 Using Dev Containers 20:57 Conclusion and Final Thoughts Shaid Halud Breakdown From Wiz | https://www.wiz.io/blog/shai-hulud-npm-supply-chain-attack List of compromised packages | https://x.com/hetmehtaa/status/2054158511073116266 TanStack Postmortem | https://tanstack.com/blog/npm-supply-chain-compromise-postmortem Snyk TanStack Attack Breakdown | https://socket.dev/blog/tanstack-npm-packages-compromised-mini-shai-hulud-supply-chain-attack Use Dev Containers | https://www.youtube.com/watch?v=kPMA9cnpScU Scan your github actions for security issues | https://github.com/snyk-labs/github-actions-scanner All links available at https://syntax.fm/1004 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by https://sentry.io/syntax #npm #hack #webdevelopment #webdeveloper #javascript #typescript #tanstack #syntax #syntaxfm #webdev https://www.youtube.com/embed/kYqpxJE4DyE 1397 2026-05-13T11:00:05.000Z https://syntax.yabby.page/video/you-re-behind-on-a-deadline-now-what 2026-10-14T13:45:16.869Z https://i.ytimg.com/vi/55KhU-ImnB0/maxresdefault.jpg You're Behind on a Deadline. Now What? Scott and Wes tackle the all-too-real stress of crunch time as a web developer—how to handle looming deadlines, avoid sloppy shortcuts, and stay methodical when everything feels like it’s falling apart. They share practical tips on planning, communicating, cutting scope, asking for help, and preventing the chaos from happening again next time 🔥 Be the ~18,300th person to join our super tasty newsletter https://bit.ly/syntax_snackpack Show Notes 00:00 Welcome to Syntax! 02:53 The Importance of Planning and Organization. 05:16 Slow Down, Take a Step Back. 06:05 Identifying and Managing Tasks. 08:35 The Role of Communication in Project Management. 11:24 Cutting Features and Managing Expectations. 14:52 The Balance Between Perfectionism and Productivity. 16:42 Getting To Work. 19:31 Updating Tools and Issues As You Go. 22:34 Asking for Help. 25:29 Prevention. 30:22 Communicate Clearly. 32:57 Brought to you by Sentry.io. All links available at https://syntax.fm/1001 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/55KhU-ImnB0 1999 2026-05-04T11:00:09.000Z https://syntax.yabby.page/video/11-oh-my-fish-themes-plugins 2026-10-15T03:45:32.498Z https://i.ytimg.com/vi/76aEqJJVRZY/maxresdefault.jpg #11 - Oh My Fish Themes & Plugins In this video, I show you how to install Oh My Fish themes and plugins to level up your command line shell experience. The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ https://www.patreon.com/leveluptuts Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e https://www.youtube.com/embed/76aEqJJVRZY 305 2015-09-01T21:43:48.000Z https://syntax.yabby.page/video/atproto-isnt-just-for-bluesky-weiners 2026-10-18T16:15:13.436Z https://i.ytimg.com/vi/D77GjVt0H6w/maxresdefault.jpg ATPROTO isn’t just for Bluesky weiners Dan Abramov joins Scott and Wes to explain AT Protocol, the open standard quietly rebuilding the social web. They get into how it actually works, why it's way bigger than just Bluesky, and why Dan calls it one of the most interesting ideas on the internet right now. 🔥 Be the ~19,500th person to join our super tasty newsletter https://bit.ly/syntax_snackpack Show Notes 00:00 Intro 00:45 Welcome to Syntax! 01:46 Introduction of Dan Abramov 02:55 Understanding AT Protocol and Its Importance 06:41 The Relationship Between AT Protocol and Bluesky 08:22 Identity and Hosting in AT Protocol 11:29 Brought to you by Sentry 11:54 Use Cases for AT Protocol 13:08 How Content is Managed in AT Protocol 19:12 Public Data and Future Extensions of AT Protocol 20:33 Schema Flexibility in AT Protocol 25:28 Exploring AT Protocol Patterns 28:27 Media and Data Integration Challenges 31:15 User Experience and Accessibility in AT Protocols 32:13 AI Intersections with AT Protocol 36:54 Comparing Protocols: Bluesky vs. Mastodon 41:43 Decentralization and Crypto Connections 44:59 Addressing Abuse and Spam in Protocols 48:24 Community Trust and Content Quality 51:20 Innovations and Future of AT Protocol 55:55 Sick Picks + Shameless Plugs All links available at https://syntax.fm/1025 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by https://sentry.io/syntax #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/D77GjVt0H6w 3643 2026-07-29T11:00:12.000Z https://syntax.yabby.page/video/why-you-are-always-out-of-space-node-modules 2026-10-15T19:15:15.235Z https://i.ytimg.com/vi/jjDNEKFnVw4/maxresdefault.jpg why you are always out of space (node_modules) Free up space with npkill! remove old and unused node_modules from your computer https://www.youtube.com/embed/jjDNEKFnVw4 47 2026-06-23T18:26:56.000Z https://syntax.yabby.page/video/we-need-to-stop-calling-it-ai 2026-10-12T15:45:13.787Z https://i.ytimg.com/vi/3WBSxQ2cs8E/maxresdefault.jpg We need to stop calling it “AI” 🔥 Be the ~19,500th person to join our super tasty newsletter https://bit.ly/syntax_snackpack Scott and Wes raid the listener mailbag to settle the pnpm vs. npm debate, decode how web standards sneak into your browser, and ask the big one: is “AI” even intelligent, or just fancy autocomplete? Plus Stack Overflow nostalgia, the Shadcn head-scratcher, and why big design systems are sleeping on modern HTML. 🔥 Be the ~19,500th person to join our super tasty newsletter https://bit.ly/syntax_snackpack Show Notes 00:00 Intro 00:44 Welcome to Syntax! 01:51 Exploring CSS Component Approaches 07:30 Brought to you by Sentry 08:09 The Advantages of PNPM over NPM 12:31 Nostalgia and Growth through Stack Overflow 19:13 The Evolution of Podcasting and Video Content 23:34 Understanding the Proposal Process for Web Standards 28:25 Understanding AI: The Misconception of Intelligence 33:26 The Role of Modern Web Features in Design Systems 39:20 Navigating AI in Software Development: Two Camps of Engineers 47:05 The Importance of Fundamentals in the Age of AI 49:15 Scams in the Tech Industry: A Cautionary Tale 53:34 Sick Picks + Shameless Plugs All links available at https://syntax.fm/1017 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by https://sentry.io/syntax #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/3WBSxQ2cs8E 3405 2026-07-01T11:00:27.000Z https://syntax.yabby.page/video/has-ai-melted-our-brains-dev-cardio-challenge 2026-10-12T19:15:18.367Z https://i.ytimg.com/vi/k7b9cWNGskw/maxresdefault.jpg 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. Spoiler: it got humbling fast. Think you can beat us? Link below to try it yourself. https://github.com/wesbos/syntax-cardio 🔥 Be the ~18,300th person to join our super tasty newsletter https://bit.ly/syntax_snackpack ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/k7b9cWNGskw 1079 2026-04-24T13:13:53.000Z https://syntax.yabby.page/video/syntax-episode-1-000 2026-10-12T19:15:18.378Z https://i.ytimg.com/vi/o6ZjyHUGUtQ/maxresdefault.jpg Syntax Episode 1,000! Wes and Scott celebrate 1000 episodes of Syntax, reflecting on how the podcast started, the team behind it, memorable moments, listener stats, inside jokes, and how the show has evolved over time—from early recordings and sponsors to supercuts, spooky episodes, and what’s next. 🔥 Be the ~18,300th person to join our super tasty newsletter https://bit.ly/syntax_snackpack (00:00) Welcome to Syntax! (02:01) Intro to Kaitlin (03:08) Intro to Randy (06:16) Intro to CJ (09:01) Intro to Niki (10:08) Who "yaps" more, Wes or Scott? (10:28) Brought to you by Sentry.io (18:37) Wes' supercuts app (24:04) How Syntax got started (28:04) Joining Sentry (29:47) The 6-7 compilation (30:42) The original Syntax doc (38:44) Dead Nuts supercut (38:58) Kaitlin’s journey from Level Up to Syntax (45:30) Where new listeners should start (46:41) The Wordle episode and viral moments (48:24) Most popular Syntax episodes (48:40) The Halloween episodes and spooky stories tradition (50:57) Listener stats by country (55:22) First sponsors and early monetization (57:30) Who edited the early Syntax episodes? (59:25) Will there be a Syntax conference? (01:01:33) How many guests have been on Syntax? (01:02:58) Evolution of Syntax intros (01:07:54) More Syntax supercuts All links available at https://syntax.fm/1000 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/o6ZjyHUGUtQ 4371 2026-04-29T11:01:27.000Z https://syntax.yabby.page/video/opus-4-8-is-out-goodbye-tmux-hello-herdr-ai-killing-the-small-web-syntax-weekly 2026-10-14T13:45:16.875Z https://i.ytimg.com/vi/tePePb97QNY/maxresdefault.jpg Opus 4.8 is out! ⟡ Goodbye tmux, Hello Herdr ⟡ AI Killing the Small Web ⌁ Syntax Weekly ⌁ Scott, Wes and CJ chat about all things web dev. 00:00:00 Intro 00:02:50 Opus 4.8 is out! 00:19:21 Goodbye tmux, Hello Herdr 00:38:25 AI Killing the Small Web 00:49:48 npm strikes back against supply chain attacks 00:55:50 express.js gets a facelift 01:00:12 checking in on Opus 4.8 task 01:07:12 AI is getting expensive 01:23:25 PolyCSS - only DOM / CSS 3D rendering 01:28:59 Hermes is a better OpenClaw 01:38:58 Thanks! 🔥 Be the ~19,500th person to join our super tasty newsletter https://bit.ly/syntax_snackpack ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by https://sentry.io/syntax #news #programming #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/tePePb97QNY 6155 2026-05-28T15:44:33.000Z https://syntax.yabby.page/video/is-the-jev-hype-overblown-claude-agents-md-support-tiny-cast-smaller-raycast-syntax-weekly 2026-10-18T16:15:13.149Z https://i.ytimg.com/vi/rsp5wJSM7K0/maxresdefault.jpg Is the Jev Hype Overblown? ⟡ Claude AGENTS.md support ⟡ TinyCast smaller Raycast ⌁ Syntax Weekly ⌁ Is Jev actually a leap forward for classification or just hype and fake demos? We dig in, plus Claude Code's new AGENTS.md support, TinyCast (the free, open-source Raycast alternative), an iPhone Fold simulator in Xcode, and a stack of dev tools you'll want to try 🔥 Be the ~19,500th person to join our super tasty newsletter https://bit.ly/syntax_snackpack 00:00:00 Welcome 00:01:25 iPhone Duo Simulator 00:07:21 Claude AGENTS.md support 00:13:49 TinyCast is a smaller Raycast 00:25:41 What is Jev? 00:28:27 Is the Jev Hype Overblown? 00:57:52 GPUI Kit 01:03:22 Devframe v1.0 01:05:05 Is AI Usage in Content Creation Okay? 01:13:53 Qwen Image 2.1 01:16:33 AI Generated Posters Don't Have to be Horrible 01:20:30 Orca Agent IDE 01:22:48 Grok 4.7 Released ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by https://sentry.io/syntax #news #programming #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/rsp5wJSM7K0 5377 2026-09-21T16:06:51.000Z https://syntax.yabby.page/video/why-is-every-table-empty 2026-10-15T03:45:32.505Z https://i.ytimg.com/vi/MFzCtwhuU8w/maxresdefault.jpg "why is every table empty" 👻 🔥 Be the ~18,700th person to join our super tasty newsletter https://bit.ly/syntax_snackpack All links available at https://syntax.fm/949 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdevhorrorstories #spookywebdevstories #webdev #halloween https://www.youtube.com/embed/MFzCtwhuU8w 53 2025-10-28T22:39:49.000Z https://syntax.yabby.page/video/bringing-more-life-to-css-layouts 2026-10-15T03:45:32.509Z https://i.ytimg.com/vi/ZKaFE5dwc5o/maxresdefault.jpg Bringing more life to CSS layouts Adam Argyle chats about bringing more life to your CSS layouts using trig functions to create movement and animations similar to Disney Principles. Episode # 616: Supper Club x Adam Argyle On What's New in CSS #trigfunctions #css #cssanimations #newincss #webdev #webdesign #tipsandtricks #disneyprinciples https://www.youtube.com/embed/ZKaFE5dwc5o 39 2023-07-20T17:22:34.000Z https://syntax.yabby.page/video/wordpress-basics-6-backend-tour-part-2 2026-10-15T03:45:32.514Z https://i.ytimg.com/vi/XHBnKu3lewI/maxresdefault.jpg WordPress Basics #6 - Backend Tour Part 2 The 6th video in the new WordPress Basics video series. Here I continue the tour of the backend of WordPress. #1 OUTSOURCING SERVICE FOR WORDPRESS https://api.referoo.co/hits/create_hit?partner_id=16&medium_id=1 Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations https://www.youtube.com/embed/XHBnKu3lewI 740 2014-01-24T02:58:50.000Z https://syntax.yabby.page/video/we-hate-paypal-but-we-love-money-so 2026-10-15T03:45:32.523Z https://i.ytimg.com/vi/is-4O2ywYBM/maxresdefault.jpg We hate PayPal but we love money so… 🔥 Be the ~15,960th person to join our super tasty newsletter bit.ly/syntax_snackpack All links available at https://syntax.fm/890 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev #payments #ecommerce #business #paypal #syntaxfm https://www.youtube.com/embed/is-4O2ywYBM 37 2025-04-03T19:16:08.000Z https://syntax.yabby.page/video/cloud-storage-bandwidth-storage-and-big-zips 2026-10-15T03:45:32.530Z https://i.ytimg.com/vi/U9zSqTISnOE/maxresdefault.jpg Cloud Storage Bandwidth, Storage and BIG ZIPS Today, Scott and Wes dive into cloud storage solutions—why you might need them, how they use them, and what you need to know about the big players, fees, and more. Show Notes 00:00 Welcome to Syntax! 01:14 Brought to you by Sentry.io. 02:05 Why you might need a cloud storage provider. 03:07 How we use cloud storage. 08:16 Why you may need larger storage. 09:49 The big players in this space. 14:34 Storage fees. 18:31 Why so cheap? 20:49 Bandwidth (egress). 26:46 Operation fees - costs money. All links available at https://syntax.fm/780 ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript https://www.youtube.com/embed/U9zSqTISnOE 1743 2024-06-10T11:00:33.000Z https://syntax.yabby.page/video/ruby-on-rails-is-dead-zuck-cooked-with-muse-upm-is-a-tiny-npm-replacement-syntax-weekly 2026-10-18T16:15:13.121Z https://i.ytimg.com/vi/Z412bnUNiDI/maxresdefault.jpg Ruby on Rails is Dead ⟡ Zuck cooked with Muse ⟡ upm is a tiny npm replacement ⌁ Syntax Weekly ⌁ Scott, Wes, and CJ ask whether Ruby on Rails is really dead (and whether Rust is just Rails you don't have to read), then dig into Meta's new Muse agent, which is free, comes with its own VM, and is already reading messages nobody asked it to. Plus: upm, a tiny TypeScript npm replacement, Opus 5.5 moonlighting as a motion designer, Tart VMs on Apple Silicon, and a foundry for gloriously bad web fonts 🔥 Be the ~19,500th person to join our super tasty newsletter https://bit.ly/syntax_snackpack 00:00:00 Welcome 00:01:11 upm is a tiny fast npm 00:07:52 Zuck cooked with Muse 00:19:42 Ruby on Rails is Dead 00:28:23 loco - Rails for Rust 00:33:48 How should new developers learn? 00:42:15 Opus 5.5 First Impressions 00:59:51 Tart - virtualization toolset for Apple Silicon 01:03:15 jevgrep 01:08:23 SHOW ME YOUR RACK 01:10:53 Chrome gets responsive iframe resizing 01:12:04 Bastardica - bastard web font foundry 01:16:00 Sonnet 5.5 Released 01:18:21 OpenAI Dev Day 01:21:40 Syntax SF Meetup ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by https://sentry.io/syntax #news #programming #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/Z412bnUNiDI 4947 2026-09-28T15:37:41.000Z https://syntax.yabby.page/video/we-hosted-a-16-developer-css-tournament-round-1-right-bracket 2026-10-15T03:45:32.534Z https://i.ytimg.com/vi/QaS5GFJkuzc/maxresdefault.jpg 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 Play it here: synhax.syntax.fm Follow / subscribe to all of our featured competitors: Kevin Powell @KevinPowell https://x.com/KevinJPowell https://www.kevinpowell.co/courses/ Amy Dutton @SelfTeachMe https://x.com/selfteachme https://selfteach.me/ Josh Comeau @joshuawcomeau https://bsky.app/profile/joshwcomeau.com https://www.joshwcomeau.com/ Cassidy Williams @cassidoo https://bsky.app/profile/cassidoo.co https://cassidoo.co/ Wes Bos @WesBos https://x.com/wesbos https://wesbos.com/courses Ben Hong @BenCodeZen https://x.com/bencodezen https://www.bencodezen.io/ Ania Kubów @aniakubow https://x.com/ania_kubow https://www.codewithania.com/ Adam Argyle @AdamArgyleInk https://x.com/argyleink https://nerdy.dev/ CJ @CodingGarden https://x.com/CodingGarden https://coding.garden/ 🔥 Be the ~18,300th person to join our super tasty newsletter https://bit.ly/syntax_snackpack ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/QaS5GFJkuzc 1600 2026-03-13T14:00:06.000Z https://syntax.yabby.page/video/we-mic-d-up-a-web-developer 2026-10-15T03:45:32.539Z https://i.ytimg.com/vi/6yxzcv57X8E/maxresdefault.jpg we mic'd up a web developer 🔥 Be the ~16,700th person to join our super tasty newsletter https://bit.ly/syntax_snackpack ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev #micdup https://www.youtube.com/embed/6yxzcv57X8E 69 2025-09-11T21:16:59.000Z https://syntax.yabby.page/video/everyone-is-talking-about-mcp 2026-10-15T03:45:32.547Z https://i.ytimg.com/vi/gFjk6uko-0U/maxresdefault.jpg Everyone Is Talking About MCP Scott and Wes break down the Model Context Protocol (MCP), a new open standard that gives AI agents secure, tool-like access to your dev environment. They cover how it works, why it’s a big deal for AI coding workflows, and real-world use cases like GitHub, Sentry, and YouTube. 🔥 Be the ~14,700th person to join our super tasty newsletter bit.ly/syntax_snackpack Show Notes 00:00 Welcome to Syntax! 00:49 The lore of ICP. 03:09 Brought to you by Sentry.io. 03:33 What is MCP? 05:06 The steps of AI coding. 07:11 MCP hosts. 07:28 MCP clients. 07:35 MCP servers. 08:24 Why you might want to do this. 10:39 How this works in VS Code. 14:10 Wes built an MCP server. 14:57 Playwright. 17:24 Sentry’s implementation. 18:54 YouTube implementation. 21:19 DaVinci Resolve implementation. 23:02 Postgres. 24:40 Transport protocols. 24:49 STDIO. 25:19 SSE. 25:32 Streaming. 26:24 Writing you own MCP server. 26:28 FastMCP. 27:00 Cloudflare. 28:01 Data validation. 28:47 Standard schema. 29:27 Other parts of MCP. 29:35 MCP resources. 30:37 MCP prompts. 30:48 MCP roots. All links available at https://syntax.fm/893 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/gFjk6uko-0U 2039 2025-04-14T11:00:59.000Z https://syntax.yabby.page/video/vibe-off-first-to-post-wins-no-code-allowed 2026-10-15T03:45:32.551Z https://i.ytimg.com/vi/VghZQSXpsEM/maxresdefault.jpg Vibe Off: First to Post Wins (No Code Allowed) The devs face off in a no-code race to post to Twitter and Bluesky using only AI prompts. One rule: no touching the code! Who will ship first?? Want to see more coding challenges, battles and trivia? See the full playlist here: https://www.youtube.com/playlist?list=PLLnpHn493BHEEFzqQUKPqkb5kCjODDnCB 🔥 Be the ~14,700th person to join our super tasty newsletter https://bit.ly/syntax_snackpack ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #ai #chatgpt #vibecoding #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/VghZQSXpsEM 1602 2025-10-11T12:04:00.000Z https://syntax.yabby.page/video/anywhere-you-want-to-run-your-code-hono-has-an-adapter-for-it 2026-10-15T03:45:32.555Z https://i.ytimg.com/vi/w4hRSKEi7YA/maxresdefault.jpg Anywhere you want to run your code, Hono has an adapter for it You Should Drop Express and Try Hono CJ talks about Hono, a modern JavaScript framework for building web APIs, showing why you should use it over Express. He covers Hono's familiar Express-like API, wide platform support, built-in helpers, JSX support, routing, validation, RPC client, testing, and more. ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #honojs #express #apis #nodejs #serviceworkers https://www.youtube.com/embed/w4hRSKEi7YA 41 2024-10-21T19:39:43.000Z https://syntax.yabby.page/video/ai-coding-roadmap-for-newbies-and-skeptics 2026-10-15T03:45:32.559Z https://i.ytimg.com/vi/PpuqvIlMHtk/maxresdefault.jpg AI Coding Roadmap for Newbies (And Skeptics) Scott and Wes break down how to code with and for AI; perfect for skeptics, beginners, and curious devs. They cover everything from Ghost Text and CLI agents to building your own AI-powered apps with embeddings, function calling, and multi-model workflows. 🔥 Be the ~14,700th person to join our super tasty newsletter https://bit.ly/syntax_snackpack Show Notes 00:00 Welcome to Syntax! 03:56 How to interface with AI. 04:07 IDE Ghost Text. 05:45 IDE Chat, Agents. 08:00 CLI Agents. 11:13 MCP Servers. 14:47 GUI apps. 19:07 Existing Chat app like ChatGPT. 22:37 Building things WITH AI. 23:32 Prompting. 26:53 Streaming VS not streaming. 28:14 Embeddings and Rag. 31:09 MCP Server. 32:36 Brought to you by Sentry.io. 33:25 Multi-model, multi-provider. 36:27 npm libs to use to code with AI. 44:12 Processes and exploring. All links available at https://syntax.fm/921 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/PpuqvIlMHtk 2939 2025-07-21T11:00:43.000Z https://syntax.yabby.page/video/reacting-to-coding-desk-setups-part-ii 2026-10-15T03:45:32.565Z https://i.ytimg.com/vi/531z8X1tOxs/maxresdefault.jpg Reacting to Coding Desk Setups (Part II) Scott, Wes, and CJ are back, roasting and reviewing more of your coding desk setups! From bagels on the desk to beer with a view—and maybe a few too many monitors—this batch of workspaces did not disappoint 🔥 Be the ~14,700th person to join our super tasty newsletter bit.ly/syntax_snackpack Watch part 1: https://www.youtube.com/watch?v=OkwjXv79Duo ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/531z8X1tOxs 871 2025-03-28T12:22:00.000Z https://syntax.yabby.page/video/react-server-components-worth-your-time 2026-10-15T03:45:32.571Z https://i.ytimg.com/vi/c0E_gh1yeRA/maxresdefault.jpg React Server Components, Worth Your Time? Wes and Scott talk through server components, the difference between server components and client components, reasons to run something server side, how server components work, using forms and buttons, what they like and don't like about it, and tips to learn more. Show Notes 00:00 Welcome 00:48 Syntax Brought to you by Sentry 01:18 New Heights with Scott and Wes 04:23 What are React Server Components? 10:35 The difference between server components and client components 11:22 Why would you want to run something server side? 14:49 Components are server rendered by default 16:03 What is JS sprinkles? 17:22 How do server components work? 18:43 Moving an existing site to React server components take a while 20:17 The rules 27:09 Form Actions + Server Actions 32:07 Buttons can have actions 36:30 React Suspense 39:13 What we like 42:02 What we don't like 47:18 Design patterns 49:25 Sick Picks All links available at https://syntax.fm/718 ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript https://www.youtube.com/embed/c0E_gh1yeRA 3363 2024-01-26T17:19:48.000Z https://syntax.yabby.page/video/cloudflare-acquires-voidzero 2026-10-14T11:45:15.450Z https://i.ytimg.com/vi/c33Oin0JpXw/maxresdefault.jpg Cloudflare Acquires VoidZero Live at JSNation in Amsterdam, Scott, Wes, and CJ break down Cloudflare's acquisition of VoidZero, the company behind Vite, Vitest, Rolldown, and Oxc. They dig into why this is genuinely exciting, not scary, covering what it means for the open source tooling you already use, Cloudflare's growing tip-to-tail stack, and why infrastructure might be the one thing LLMs can never sherlock 🔥 Be the ~19,500th person to join our super tasty newsletter https://bit.ly/syntax_snackpack Show Notes 00:00 Welcome to Syntax! Live from JS Nation Amsterdam 00:35 The Big News: Cloudflare Acquires VoidZero 01:06 First Reactions: Is This a Good Thing? 01:57 Vite+ Overview: Who’s Using It 03:07 Why Would Cloudflare Want This? 03:38 The Void Framework: Cloudflare’s Vite Plugin 04:31 VoidZero’s Void Hosting Product (Built on Cloudflare) 04:53 Cloudflare Now Has Everything: Tip to Tail 05:57 What Cloudflare Is Still Missing (Auth) 06:20 Infrastructure as the Last LLM Frontier 07:27 Vendor Lock-In: The Trade-Off Worth Making? 08:09 Wrangler is Bad. 09:00 Vite’s Impact on Web Dev 09:22 AI Acquiring Engineers: What It Says About the Industry 10:10 Behind the Scenes: Who Knew Before the Announcement 10:40 Recap: Everything Stays Open Source, MIT Licensed 11:06 The $1M Vite Ecosystem Fund 11:35 Wrap Up 12:14 Brought to you by Sentry.io All links available at https://syntax.fm/1013 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by https://sentry.io/syntax #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/c33Oin0JpXw 882 2026-06-17T11:00:16.000Z https://syntax.yabby.page/video/productivity-tools-for-web-developers 2026-10-15T03:45:32.576Z https://i.ytimg.com/vi/meic3RLFZo0/maxresdefault.jpg Productivity Tools for Web Developers Get your productivity game on point! Scott and Wes serve up the best tools for web developers, covering everything from password managers and to-do apps to mind-mapping tools and little scripts that make life easier. Plus, find out what snippet managers they swear by and how they keep their email under control. Show Notes 00:00 Welcome to Syntax! 03:01 Brought to you by Sentry.io. 03:44 Syntax meetup San Francisco. 04:26 Breakdancing update. 05:18 Password management. 08:30 Apple stomping on apps. 09:50 To-do applications. 18:18 To-do in code. 20:21 Snippets. 25:55 Mind-mapping. 29:01 Note-taking. 36:34 Little scripts. 39:50 Email. 48:11 Some honorable mentions. 52:10 Sick Picks + Shameless Plugs. ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript https://www.youtube.com/embed/meic3RLFZo0 3269 2024-10-23T11:01:02.000Z https://syntax.yabby.page/video/we-play-clash-of-code-shortest-javascript-challenge 2026-10-15T03:45:32.580Z https://i.ytimg.com/vi/cfE8FxtJ0bM/maxresdefault.jpg We play CLASH OF CODE! Shortest JavaScript challenge Scott, Wes, and CJ go head-to-head in another intense round of Clash of Code! Who will come out on top this time in the ultimate coding showdown?🔥 Be the ~14,700th person to join our super tasty newsletter bit.ly/syntax_snackpack ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/cfE8FxtJ0bM 1761 2025-05-02T16:15:38.000Z https://syntax.yabby.page/video/self-host-101-office-hours-losing-ssh-access-vpns-load-testing-reverse-proxies-and-more 2026-10-15T03:45:32.584Z https://i.ytimg.com/vi/wZ9kmBnwX54/maxresdefault.jpg Self Host 101 - Office Hours - Losing SSH Access, VPNs, Load Testing, Reverse Proxies and more! In this video, CJ answers your questions and responds to your comments from the recent video in the Self Host 101 series: https://www.youtube.com/watch?v=Q1Y_g0wMwww 00:00 Intro 00:26 Places to get a cheap VPS 00:52 How do we find the public IP of a VPS? 02:24 Add more public keys to a server 03:41 What happens if we lose our private key? 05:03 Why use a .pem file vs ssh key? 07:52 Can we use a VPN to connect to a VPS? 10:01 How much load can a small VPS handle? 11:24 How to run a node app in production? 13:18 Use scp to copy files to / from a server 14:25 Add 2-factor auth to SSH login 16:05 Automatically block requests with fail2ban 17:45 Use ssh config to set port / user 19:36 Setting the mode of the authorized_keys file 22:12 HTTP Servers like Caddy 23:12 Reverse Proxies Explained 26:31 Protecting Sites with Cloudflare 27:38 Please Comment / Question 28:02 Self-host Sentry 28:40 Thanks! Places to get a cheap VPS - https://twitter.com/coding_garden/status/1770834001843957963 Private Networks - https://en.wikipedia.org/wiki/Private_network Public vs Private Networks explained - https://www.youtube.com/watch?v=bPj_XrPbPUM pem files - https://en.wikipedia.org/wiki/Privacy-Enhanced_Mail OpenVPN - https://en.wikipedia.org/wiki/OpenVPN WireGuard - https://en.wikipedia.org/wiki/WireGuard Load Testing Tools - https://en.wikipedia.org/wiki/Software_load_testing Nuxt Production Deployment - https://nuxt.com/docs/getting-started/deployment scp - Secure Copy Protocol - https://en.wikipedia.org/wiki/Secure_copy_protocol scp on tldr - https://cheat-sheets.org/project/tldr/command/scp 2-factor Auth on Ubuntu - https://ubuntu.com/tutorials/configure-ssh-2fa YubiKey - https://en.wikipedia.org/wiki/YubiKey Yubikey SSH - https://developers.yubico.com/SSH/ Yubiky OTP - https://developers.yubico.com/yubico-pam/ fail2ban - https://github.com/fail2ban/fail2ban ssh config reference - https://www.man7.org/linux/man-pages/man5/ssh_config.5.html Caddy - https://caddyserver.com/ nginx - https://nginx.org/en/ Apache https://www.youtube.com/embed/wZ9kmBnwX54 1747 2024-03-28T21:01:57.000Z https://syntax.yabby.page/video/1-series-introduction-stylus-tutorials 2026-10-15T03:45:32.589Z https://i.ytimg.com/vi/eJahtnmywMI/maxresdefault.jpg #1 Series Introduction - Stylus Tutorials Learn how to use the Stylus CSS pre-processor with the new Stylus tutorial series from Level Up Tutorials. Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e https://www.youtube.com/embed/eJahtnmywMI 47 2014-12-12T02:39:10.000Z https://syntax.yabby.page/video/1-what-is-postcss-postcss-tutorials 2026-10-15T03:45:32.593Z https://i.ytimg.com/vi/bJShpMC7xFM/maxresdefault.jpg #1 - What Is PostCSS? - PostCSS Tutorials Hear the what, why and how of PostCSS and how you can include it in your workflow. https://www.patreon.com/leveluptuts The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e https://www.youtube.com/embed/bJShpMC7xFM 370 2015-08-21T23:22:28.000Z https://syntax.yabby.page/video/10-easy-responsive-grids-with-lost-postcss-tutorials 2026-10-15T03:45:32.597Z https://i.ytimg.com/vi/8B89U45ry8c/maxresdefault.jpg #10 - Easy Responsive Grids With Lost - PostCSS Tutorials Here, I show you how to make a responsive grid with Lost. https://github.com/corysimmons/lost https://www.patreon.com/leveluptuts The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e https://www.youtube.com/embed/8B89U45ry8c 379 2015-09-10T00:12:32.000Z https://syntax.yabby.page/video/11-easy-dynamic-padding-with-modulizer 2026-10-15T03:45:32.601Z https://i.ytimg.com/vi/VdQ5fXXCK8Y/maxresdefault.jpg #11 - Easy Dynamic Padding With Modulizer In this video, I show you how to easily create dynamically resizeable buttons using Modulizer for Sketch. https://github.com/falkeyn/modulizer The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e https://www.youtube.com/embed/VdQ5fXXCK8Y 314 2015-08-05T00:20:20.000Z https://syntax.yabby.page/video/12-creating-a-billboard-with-a-section 2026-10-15T03:45:32.609Z https://i.ytimg.com/vi/AdmnauxKp20/maxresdefault.jpg #12 - Creating A Billboard With A Section In this video, we learn about the Section element and what purpose it has in semantic markup. In this video series, I teach you how to build your first website. No prior experience needed. The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ https://www.patreon.com/leveluptuts Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e https://www.youtube.com/embed/AdmnauxKp20 379 2015-09-22T02:32:02.000Z https://syntax.yabby.page/video/12-extremely-helpful-lost-grid-properties 2026-10-15T03:45:32.614Z https://i.ytimg.com/vi/Y_VKmIHJHak/maxresdefault.jpg #12 - Extremely Helpful Lost Grid Properties Here, I show you container and alignment Lost grid properties. https://github.com/corysimmons/lost https://www.patreon.com/leveluptuts The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! http://leveluptuts.com/level-up-pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e https://www.youtube.com/embed/Y_VKmIHJHak 426 2015-09-17T00:50:17.000Z https://syntax.yabby.page/video/13-waffle-flexbox-grids-in-lost 2026-10-15T03:45:32.620Z https://i.ytimg.com/vi/IbCYftX5HSU/maxresdefault.jpg #13 - Waffle & Flexbox Grids In Lost Here, I show you what waffle and flex grids are in Lost and how to use them. https://github.com/corysimmons/lost https://www.patreon.com/leveluptuts The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e https://www.youtube.com/embed/IbCYftX5HSU 467 2015-09-17T00:58:46.000Z https://syntax.yabby.page/video/14-a-two-column-layout 2026-10-15T03:45:32.624Z https://i.ytimg.com/vi/6YJ2Vb7Eyfg/maxresdefault.jpg #14 - A Two Column Layout In this video, we learn how to use floats to make a two column layout. In this video series, I teach you how to build your first website. No prior experience needed. The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ https://www.patreon.com/leveluptuts Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e https://www.youtube.com/embed/6YJ2Vb7Eyfg 394 2015-10-07T21:27:12.000Z https://syntax.yabby.page/video/14-offset-and-move-with-lost 2026-10-15T03:45:32.629Z https://i.ytimg.com/vi/iWKVokso3Is/maxresdefault.jpg #14 - Offset and Move with Lost Here, I show you offset and move grid properties in Lost. https://github.com/corysimmons/lost https://www.patreon.com/leveluptuts The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e https://www.youtube.com/embed/iWKVokso3Is 390 2015-09-28T22:48:51.000Z https://syntax.yabby.page/video/14-web-development-tips-i-wish-i-knew-sooner 2026-10-15T03:45:32.633Z https://i.ytimg.com/vi/Ifh6mCMS9CQ/maxresdefault.jpg 14 Web Development Tips I Wish I Knew Sooner Scott and Wes share 14 game-changing tips they wish they’d known earlier in their web dev careers. From embracing tools to learning by doing, these insights will help you level up your skills faster! Show Notes 00:00 Welcome to Syntax! 02:09 Brought to you by Sentry.io. 03:45 13 Web Development Tips I Wish I Knew Sooner. 03:49 Number 1 - No one is all-knowing. 05:39 Number 2 - People with extremely strong opinions. 11:13 Number 3 - Using tools to help you isn’t a bad thing. 12:34 Number 4 - Approach new technology with a mixed dose of skepticism and open-mindedness. 16:05 Number 5 - Things make more sense the more you actually use them. 18:40 Number 6 - Willingness to change your mind is a strong skill. 20:06 Number 7 - Doing is better than reading or watching. 22:29 Number 8 - Asking questions is good. 26:45 Number 9 - Everyone doesn’t learn the same. 30:41 Number 10 - You don’t need a SAAS for everything. 35:53 Number 11 - You don’t need to worry about scale. 37:49 Number 12 - Learning the fundamentals will always pay off. 40:07 Number 13 - Working in public will make you more hireable. 42:48 Number 14 - You can interview without accepting a job offer. 45:29 Sick Picks & Shameless Plugs. All links available at https://syntax.fm/829 ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript https://www.youtube.com/embed/Ifh6mCMS9CQ 3038 2024-10-02T11:00:17.000Z https://syntax.yabby.page/video/15-awesome-responsive-text-with-rucksack 2026-10-15T03:45:32.637Z https://i.ytimg.com/vi/gdZ2BHjGSlQ/maxresdefault.jpg #15 - Awesome Responsive Text With Rucksack Here I show you Rucksack for PostCSS and give an introduction to it by showing off the responsive text property. https://www.patreon.com/leveluptuts The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e https://www.youtube.com/embed/gdZ2BHjGSlQ 371 2015-09-28T22:51:22.000Z https://syntax.yabby.page/video/2-an-introduction-to-redux-redux-react-for-everyone 2026-10-15T03:45:32.641Z https://i.ytimg.com/vi/L1Z7hKJ_EmA/maxresdefault.jpg #2 An Introduction To Redux - Redux & React For Everyone In this series we'll be learning Redux with React for beginners. Sign up for Level Up Pro for full access https://www.leveluptutorials.com/pro Buy this series: https://goo.gl/XSuXqC Subscribe for more free tutorials https://goo.gl/6ljoFc The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz Redux is a predictable state container for JavaScript apps. It helps you write applications that behave consistently, run in different environments (client, server, and native), and are easy to test. On top of that, it provides a great developer experience, such as live code editing combined with a time traveling debugger. React makes it painless to create interactive UIs. Design simple views for each state in your application, and React will efficiently update and render just the right components when your data changes. Declarative views make your code more predictable and easier to debug. Build encapsulated components that manage their own state, then compose them to make complex UIs. Since component logic is written in JavaScript instead of templates, you can easily pass rich data through your app and keep state out of the DOM. We don't make assumptions about the rest of your technology stack, so you can develop new features in React without rewriting existing code. React can also render on the server using Node and power mobile apps using React Native. https://www.youtube.com/embed/L1Z7hKJ_EmA 444 2018-01-05T19:56:24.000Z https://syntax.yabby.page/video/2-core-electron-concepts-level-1-electron 2026-10-15T03:45:32.645Z https://i.ytimg.com/vi/-Dlpfuxv7pw/maxresdefault.jpg #2 Core Electron Concepts - Level 1 Electron Build cross platform desktop apps with JavaScript, HTML, and CSS In this series we explore Electron by building a beautiful journaling app using React. The application we build reads, writes and creates markdown files and even implements auto saving. Explore the platform that's allowing web developers to create real world app like VSCode, Slack, Hyper, Skype, Figma and countless others! ### Video Links Buy Level 1 Electron: https://www.leveluptutorials.com/store/products/tutorials/lut-dd024 Become a Pro: https://www.leveluptutorials.com/pro Watch on Level Up: https://www.leveluptutorials.com/tutorials/level-1-electron ### Affiliate Links Please use these links when signing up for services to help support Level Up. Easy Hosting with Netlify: https://goo.gl/pychVP Shared Web Hosting: https://goo.gl/pfC6uc ### Level Up Links Syntax Podcast ft Scott Tolinski & Wes Bos: https://goo.gl/7jDDxX Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz https://www.youtube.com/embed/-Dlpfuxv7pw 527 2018-08-07T16:19:43.000Z https://syntax.yabby.page/video/2-getting-started-animating-react 2026-10-15T03:45:32.649Z https://i.ytimg.com/vi/IrMYC3syR2s/maxresdefault.jpg #2 Getting Started - Animating React Complete the course here: http://bit.ly/2JkCehq Become a master of practical interface animations with React Spring. In Animating React, Scott Tolinski's latest series by Level Up Tutorials, we'll learn how to animate modals, menus, height auto, waypoints, dragging gestures, React Router transitions and much, much more. https://www.youtube.com/embed/IrMYC3syR2s 213 2019-05-14T16:31:42.000Z https://syntax.yabby.page/video/3-devs-play-clash-of-code-javascript-challenge 2026-10-15T03:45:32.653Z https://i.ytimg.com/vi/AIlgkt7oPMA/maxresdefault.jpg 3 Devs Play CLASH OF CODE! JavaScript Challenge Scott, Wes, and CJ go head-to-head in Clash of Code — a fast-paced coding battle where speed, creativity, and chaos collide. Who will solve it the fastest? Who totally beefs it? Tune in and find out! 🔥 Be the ~14,700th person to join our super tasty newsletter https://bit.ly/syntax_snackpack https://www.codingame.com/multiplayer/clashofcode ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/AIlgkt7oPMA 839 2025-04-11T12:42:36.000Z https://syntax.yabby.page/video/3-exploring-adaptive-theme-s-settings-drupal-theming-tutorials 2026-10-15T03:45:32.661Z https://i.ytimg.com/vi/flItG29meAs/maxresdefault.jpg #3 - Exploring Adaptive Theme's Settings - Drupal Theming Tutorials In this video I give a brief tour of Adaptive Theme's settings in Drupal 7. The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! http://leveluptuts.com/level-up-pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e https://www.youtube.com/embed/flItG29meAs 555 2015-07-30T20:59:13.000Z https://syntax.yabby.page/video/3-how-and-why-to-use-external-css-files 2026-10-15T03:45:32.665Z https://i.ytimg.com/vi/iBFiLQ-t-VA/maxresdefault.jpg #3 - How and Why To Use External CSS Files In this video, we show you how and why to use an external CSS file for styling your websites. In this video series, I teach you how to build your first website. No prior experience needed. The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ https://www.patreon.com/leveluptuts Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e https://www.youtube.com/embed/iBFiLQ-t-VA 613 2015-08-28T20:11:30.000Z https://syntax.yabby.page/video/we-re-not-noobs 2026-10-15T03:45:32.672Z https://i.ytimg.com/vi/pSGWEukFVas/maxresdefault.jpg We're not noobs! We launch with TypeScript errors and we're not noobs! In today's episode Scott and CJ dive into a potluck of developer queries, from their favorite tech reads to essential web dev fundamentals. Tune in as they dish out expert advice on migrating React projects to TypeScript, crafting precise timers for countdown apps, and navigating the world of free-tier plans. All links are available at https://syntax.fm/742 ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #typescript #react #queries #webdev #webdevfundamentals #javascript #technews #techpodcast #techtoktip https://www.youtube.com/embed/pSGWEukFVas 60 2024-03-13T15:44:44.000Z https://syntax.yabby.page/video/3-writing-unit-tests-with-jest-react-testing-for-beginners 2026-10-15T03:45:32.676Z https://i.ytimg.com/vi/QzznzOlkgGw/maxresdefault.jpg #3 Writing Unit Tests With Jest - React Testing For Beginners In this series we demystify React testing for beginners. We show you how to test React components using Jest & React Testing Library. No prior testing experience necessary. ### Video Links Buy React Testing For Beginners: https://www.leveluptutorials.com/store/products/tutorials/lut-dd026 Become a Pro: https://www.leveluptutorials.com/pro ### Affiliate Links Please use these links when signing up for services to help support Level Up. Easy Hosting with Netlify: https://goo.gl/pychVP Shared Web Hosting: https://goo.gl/pfC6uc ### Level Up Links Syntax Podcast ft Scott Tolinski & Wes Bos: https://goo.gl/7jDDxX Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz Developer Ready Complete and ready to set-up JavaScript testing solution. Works out of the box for any React project. Instant Feedback Fast interactive watch mode runs only test files related to changed files and is optimized to give signal quickly. Snapshot Testing Capture snapshots of React trees or other serializable values to simplify testing and to analyze how state changes over time. Zero configuration testing platform Jest is used by Facebook to test all JavaScript code including React applications. One of Jest's philosophies is to provide an integrated "zero-configuration" experience. We observed that when engineers are provided with ready-to-use tools, they end up writing more tests, which in turn results in more stable and healthy code bases. https://www.youtube.com/embed/QzznzOlkgGw 792 2018-09-12T17:26:26.000Z https://syntax.yabby.page/video/37-000-lines-of-slop 2026-10-15T03:45:32.681Z https://i.ytimg.com/vi/1r9n-HsBQsE/maxresdefault.jpg 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 to join our super tasty newsletter https://bit.ly/syntax_snackpack ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #programming #ai #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/1r9n-HsBQsE 559 2026-04-03T13:14:02.000Z https://syntax.yabby.page/video/4-our-first-reducer-actions-redux-react-for-everyone 2026-10-15T03:45:32.685Z https://i.ytimg.com/vi/M9rT4u1tHhw/maxresdefault.jpg #4 Our First Reducer & Actions - Redux & React For Everyone In this series we'll be learning Redux with React for beginners. Sign up for Level Up Pro for full access https://www.leveluptutorials.com/pro Buy this series: https://goo.gl/XSuXqC Subscribe for more free tutorials https://goo.gl/6ljoFc The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz Redux is a predictable state container for JavaScript apps. It helps you write applications that behave consistently, run in different environments (client, server, and native), and are easy to test. On top of that, it provides a great developer experience, such as live code editing combined with a time traveling debugger. React makes it painless to create interactive UIs. Design simple views for each state in your application, and React will efficiently update and render just the right components when your data changes. Declarative views make your code more predictable and easier to debug. Build encapsulated components that manage their own state, then compose them to make complex UIs. Since component logic is written in JavaScript instead of templates, you can easily pass rich data through your app and keep state out of the DOM. We don't make assumptions about the rest of your technology stack, so you can develop new features in React without rewriting existing code. React can also render on the server using Node and power mobile apps using React Native. https://www.youtube.com/embed/M9rT4u1tHhw 943 2018-01-05T19:56:24.000Z https://syntax.yabby.page/video/5-animating-properties-animating-react 2026-10-15T03:45:32.690Z https://i.ytimg.com/vi/TqV2azxwcf8/maxresdefault.jpg #5 Animating Properties - Animating React Complete the course here: http://bit.ly/2JkCehq Become a master of practical interface animations with React Spring. In Animating React, Scott Tolinski's latest series by Level Up Tutorials, we'll learn how to animate modals, menus, height auto, waypoints, dragging gestures, React Router transitions and much, much more. https://www.youtube.com/embed/TqV2azxwcf8 439 2019-05-14T16:31:42.000Z https://syntax.yabby.page/video/5-links-for-web-developers-oct-31st-2022 2026-10-15T03:45:32.696Z https://i.ytimg.com/vi/xTPRdCwHxd8/maxresdefault.jpg 5 Links for Web Developers Oct 31st 2022 https://detail.co/ https://developer.chrome.com/blog/smooshgate/ https://github.com/rust-lang/rustlings/ https://htmx.org/ https://lucasfcosta.com/2022/08/07/how-to-improve-daily-standups.html Become a Level Up Pro and take your web skills to the next level! https://www.leveluptutorials.com The best web development podcast out there Syntax with Wes Bos and Scott Tolinski https://syntax.fm 🎨 VSCode Theme: https://marketplace.visualstudio.com/items?itemName=leveluptutorials.theme-levelup All of the stuff I use https://www.scotttolinski.com/uses https://www.youtube.com/embed/xTPRdCwHxd8 149 2022-10-31T19:15:38.000Z https://syntax.yabby.page/video/5-more-awesome-svelte-packages-weekly-svelte 2026-10-15T03:45:32.701Z https://i.ytimg.com/vi/4SVAeex25eI/maxresdefault.jpg 5 More Awesome Svelte Packages - Weekly Svelte https://svelthree.dev/ https://svelte-tags-input.vercel.app/ https://svelte-multiselect.netlify.app/ https://github.com/ANovokmet/svelte-gantt https://github.com/leveluptuts/svelte-side-menu Become a Level Up Pro and take your web skills to the next level! https://www.leveluptutorials.com/pro?utm_source=youtube&utm_medium=video&utm_campaign=weekly_svelte Svelte for Beginners https://leveluptutorials.com/tutorials/svelte-for-beginners/introduction The best web development podcast out there Syntax with Wes Bos and Scott Tolinski https://syntax.fm https://www.youtube.com/embed/4SVAeex25eI 843 2021-10-29T16:39:12.000Z https://syntax.yabby.page/video/5-reading-a-file-level-1-electron 2026-10-15T03:45:32.712Z https://i.ytimg.com/vi/29jYoFD8p2k/maxresdefault.jpg #5 Reading A File - Level 1 Electron Build cross platform desktop apps with JavaScript, HTML, and CSS In this series we explore Electron by building a beautiful journaling app using React. The application we build reads, writes and creates markdown files and even implements auto saving. Explore the platform that's allowing web developers to create real world app like VSCode, Slack, Hyper, Skype, Figma and countless others! ### Video Links Buy Level 1 Electron: https://www.leveluptutorials.com/store/products/tutorials/lut-dd024 Become a Pro: https://www.leveluptutorials.com/pro Watch on Level Up: https://www.leveluptutorials.com/tutorials/level-1-electron ### Affiliate Links Please use these links when signing up for services to help support Level Up. Easy Hosting with Netlify: https://goo.gl/pychVP Shared Web Hosting: https://goo.gl/pfC6uc ### Level Up Links Syntax Podcast ft Scott Tolinski & Wes Bos: https://goo.gl/7jDDxX Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz https://www.youtube.com/embed/29jYoFD8p2k 836 2018-08-07T16:26:34.000Z https://syntax.yabby.page/video/5-upcoming-next-gen-javascript-features 2026-10-15T03:45:32.716Z https://i.ytimg.com/vi/_x5f35JVKt8/maxresdefault.jpg 5 Upcoming + Next Gen JavaScript Features Wes and Scott talk about the latest JavaScript proposals from TC39, including features like import defer, the powerful new random namespace, Array.fromAsync, and native clamp and upsert methods. They break down what’s coming, why it matters, and how it might improve your code. 🔥 Be the ~14,700th person to join our super tasty newsletter https://bit.ly/syntax_snackpack (00:00) - Welcome to Syntax! (02:55) - Brought to you by Sentry.io (05:37) - Import Defer (09:30) - Random Functions (18:32) - Array from Async (20:56) - Upsert for Maps (23:13) - Clamp (27:02) - Sick Picks + Shameless Plugs All links available at https://syntax.fm/914 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/_x5f35JVKt8 2025 2025-06-25T11:00:58.000Z https://syntax.yabby.page/video/6-new-javascript-proposals 2026-10-15T03:45:32.720Z https://i.ytimg.com/vi/xxN6xTQ22CM/maxresdefault.jpg 6 New JavaScript Proposals Scott and Wes serve up six exciting new JavaScript proposals, including Promise.try and Math.sumPrecise. They break down what each proposal means for developers and how these new features could change the way we write JavaScript. Show Notes 00:00 Welcome to Syntax! 01:45 Understanding the stages of JavaScript Proposals. 04:04 Promise.try - Stage 3. 05:39 Math.sumPrecise - Stage 2.7. 07:28 Floating point math. 09:07 ShadowRealm - Stage 2.7. 11:39 Brought to you by Sentry.io. 12:03 Regex Escape - Stage 2. 13:33 Defer Module Evaluation - Stage 2.7. 15:09 Iterator Sequencing - Stage 2. All links available at https://syntax.fm/801 ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript https://www.youtube.com/embed/xxN6xTQ22CM 1091 2024-07-29T11:01:03.000Z https://syntax.yabby.page/video/54-ai-generated-and-climbing-state-of-ai 2026-10-12T17:15:15.406Z https://i.ytimg.com/vi/zXj19Z3p26M/maxresdefault.jpg 54% AI-Generated and Climbing — State of AI Scott and Wes react to the freshly released State of AI 2026 survey, covering everything from skyrocketing AI adoption and the rise of coding agents to the pain points, job security fears, and big philosophical questions developers are wrestling with right now 🔥 Be the ~19,500th person to join our super tasty newsletter https://bit.ly/syntax_snackpack Survey results: https://2026.stateofai.dev/ 00:00 Welcome to Syntax! 00:06 Introduction to the State of AI in Web Development 02:47 Survey Insights: AI Coding Adoption and Sentiment 06:55 Models and Providers: Usage and Sentiment Analysis 09:14 Paid Agent Usage: Who’s Paying for What? 11:31 Agents and Assistants. 15:21 Personal Experiences with AI Tools 20:33 Paid Agent Usage 22:36 Programming Languages: Trends in AI Coding 23:54 Image Generation Tools: A Shift in Usage 26:48 The Evolution of Image Generation Tools 28:44 The Future of Video Generation 29:42 AI in App Development 30:54 Code Review Tools 31:27 Brought to you by Sentry.io 34:59 AI’s Role in Code Generation and Review 35:50 The Financial Impact of AI Tools 38:03 Local AI: Trends and Misconceptions 41:28 AI Risks and Pain Points 45:13 User Sentiment Towards AI 48:44 The AI Bubble: Current Perspectives 50:52 Survey Insights and Future Directions All links available at https://syntax.fm/1009 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by https://sentry.io/syntax #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/zXj19Z3p26M 3273 2026-06-01T11:00:14.000Z https://syntax.yabby.page/video/6-sass-like-syntax-without-sass-postcss-tutorials 2026-10-15T03:45:33.300Z https://i.ytimg.com/vi/HAxg-yZdT3I/maxresdefault.jpg #6 - Sass-like Syntax Without Sass - PostCSS Tutorials Here we show you how you can use a sass-like syntax in your CSS. https://www.patreon.com/leveluptuts The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e https://www.youtube.com/embed/HAxg-yZdT3I 328 2015-08-26T20:36:23.000Z https://syntax.yabby.page/video/8-reasons-to-try-better-auth 2026-10-15T03:45:33.305Z https://i.ytimg.com/vi/_OApmLmex14/maxresdefault.jpg 8 Reasons To Try Better Auth In this video CJ shows why Better Auth is the BEST auth framework he's ever used. 00:00 Intro 01:16 Framework Support 03:16 Email Verification + Password Reset 07:23 OTP and Magic Links 09:00 Bearer Token / JWT 10:35 Hooks / Auth Middleware 15:15 Database Hooks 16:57 Admin Plugin 18:04 Permissions / Access Control 20:52 Organizations Plugin 25:27 Stripe / Other Plugins Available 29:14 Thanks! 🔥 Be the ~14,700th person to join our super tasty newsletter https://bit.ly/syntax_snackpack ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #auth #typescript #webdevelopment #javascript #syntax #syntaxfm #webdev #opensource https://www.youtube.com/embed/_OApmLmex14 1789 2025-08-05T17:31:42.000Z https://syntax.yabby.page/video/8-styling-your-site-s-header 2026-10-15T03:45:33.310Z https://i.ytimg.com/vi/8PZrDESrgrs/maxresdefault.jpg #8 - Styling Your Site's Header In this video, we modify our code and learn more about CSS by styling our website's header. In this video series, I teach you how to build your first website. No prior experience needed. The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ https://www.patreon.com/leveluptuts Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e https://www.youtube.com/embed/8PZrDESrgrs 689 2015-09-08T02:05:13.000Z https://syntax.yabby.page/video/9-dynamic-artboard-mirroring-with-magic-mirror 2026-10-15T03:45:33.314Z https://i.ytimg.com/vi/Gm5wPXOgVtM/maxresdefault.jpg #9 - Dynamic Artboard Mirroring With Magic Mirror In this video, I show you how create perspective based mirrors using Magic Mirror. Magic Mirror is a Sketch 3 Plugin that can create a perspective-transformed image from an artboard and apply it to a shape. You can consider it a simple version of Photoshop’s Embeded Smart Objects for Sketch. http://magicmirror.design/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e https://www.youtube.com/embed/Gm5wPXOgVtM 421 2015-08-05T00:06:49.000Z https://syntax.yabby.page/video/9-links-in-html 2026-10-15T03:45:33.319Z https://i.ytimg.com/vi/yKpLf5TPT-A/maxresdefault.jpg #9 - Links In HTML In this video, I explain what a link is an how you can use it to link to pages within your website and pages outside of your website. In this video series, I teach you how to build your first website. No prior experience needed. The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ https://www.patreon.com/leveluptuts Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e https://www.youtube.com/embed/yKpLf5TPT-A 393 2015-09-15T00:44:54.000Z https://syntax.yabby.page/video/a-brief-history-of-neural-networks-llm-explainer-programming 2026-10-13T16:15:13.767Z https://i.ytimg.com/vi/Pg0Nqst6J24/maxresdefault.jpg A brief history of Neural Networks #llm #explainer #programming An LLM is a neural network. It's trained through a process called back-propagation. This is an excerpt from the full video "I Built an LLM from Scratch" here: https://www.youtube.com/watch?v=YmLp8qe87A0 ------------------------------------------------------------------------------------------------------------ http://www.syntax.fm Brought to you by https://sentry.io/syntax #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/Pg0Nqst6J24 162 2026-07-13T18:30:39.000Z https://syntax.yabby.page/video/we-re-super-smart-and-always-know-what-we-re-talking-about 2026-10-15T03:45:33.323Z https://i.ytimg.com/vi/2SgBLG1yZDs/maxresdefault.jpg we're super smart and always know what we're talking about 🔥 Be the ~14,700th person to join our super tasty newsletter bit.ly/syntax_snackpack All links available at https://syntax.fm/888 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/2SgBLG1yZDs 69 2025-03-26T18:23:22.000Z https://syntax.yabby.page/video/a-central-garbage-collector 2026-10-15T03:45:33.327Z https://i.ytimg.com/vi/TzAcRP4GgQg/maxresdefault.jpg A central garbage collector 🗑️ A central garbage collector 🗑️ is the most exciting thing about WASM right now according to Andrea Giammarchi. Friday's episode syntax.fm/842 There's Python in my JavaScript! with Andrea Giammarchi Andrea Giammarchi discusses PyScript, a project to run Python code in the browser using WebAssembly. He talks about creating the LinkedDOM library to have a DOM API in Node.js, how WebAssembly enables running languages besides JS in browsers, and potential improvements like a central garbage collector. 👉 Join the exclusive newsletter - syntax.fm/snackpack ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #python #webassembly #linkeddom https://www.youtube.com/embed/TzAcRP4GgQg 51 2024-11-04T19:15:00.000Z https://syntax.yabby.page/video/a-helpful-tip-when-using-a-coding-agent-give-it-screenshots-when-things-are-a-little-weird 2026-10-15T03:45:33.331Z https://i.ytimg.com/vi/VHRLYTMtJpE/maxresdefault.jpg A helpful tip when using a coding agent - give it screenshots when things are a little weird 🔥 Be the ~14,700th person to join our super tasty newsletter bit.ly/syntax_snackpack All links available at https://syntax.fm/871 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev #AI #Automation #Productivity #coding #webdev #cursor #windsurf #aichat https://www.youtube.com/embed/VHRLYTMtJpE 57 2025-01-28T19:58:36.000Z https://syntax.yabby.page/video/a-nifty-tool-get-all-the-info-you-could-need-about-a-video-file 2026-10-15T03:45:33.336Z https://i.ytimg.com/vi/gyWj1-e4uRE/maxresdefault.jpg a nifty tool get all the info you could need about a video file Today's episode is packed with tips to help out your non-dev coworkers... small scripts to improve workflow, productivity, process, etc Full episode here: ttps://www.youtube.com/watch?v=JFYGqxtD82s ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #smallscripts #workflow #teamwork #webdev #softwaredev #javascript #programming #automation #AI #productivity #ffmpeg #ffprobe https://www.youtube.com/embed/gyWj1-e4uRE 40 2024-03-04T18:06:26.000Z https://syntax.yabby.page/video/a-top-feature-of-tailwind-4-is-the-first-class-support-for-css-variables 2026-10-15T03:45:33.340Z https://i.ytimg.com/vi/4tQNWOLWRV8/maxresdefault.jpg A top feature of Tailwind 4 is the first-class support for CSS variables 🔥 Be the ~14,700th person to join our super tasty newsletter bit.ly/syntax_snackpack All links available at https://syntax.fm/877 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev #tailwind #tailwindcss #tailwind4 #tech #coding https://www.youtube.com/embed/4tQNWOLWRV8 58 2025-02-18T17:50:36.000Z https://syntax.yabby.page/video/advent-of-code-day-3-and-day-4-explained-javascript-typescript 2026-10-15T03:45:33.349Z https://i.ytimg.com/vi/PVbLd6zOVhg/maxresdefault.jpg Advent of Code | Day 3 and Day 4 Explained | JavaScript / TypeScript In this video CJ explains how he solved Advent of Code 2025 Day 3 and Day 4. Watch CJ solve the problems live here: https://www.youtube.com/watch?v=LncrRlu2n0o Play AOC here: https://adventofcode.com/ Watch CJ solve Day 1 and Day 2 here: https://www.youtube.com/watch?v=-G-nU0NVouI 00:00 - Intro 00:42 - Day 3, Part 1 06:12 - Day 3, Part 2 14:54 - Day 4, Part 1 23:42 - Day 4, Part 2 🔥 Be the ~17,800th person to join our super tasty newsletter https://bit.ly/syntax_snackpack ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #typescript #adventofcode #webdevelopment #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/PVbLd6zOVhg 1758 2025-12-04T12:39:50.000Z https://syntax.yabby.page/video/are-you-just-trying-to-get-clicks-or-do-you-actually-hate-developers 2026-10-15T03:45:33.354Z https://i.ytimg.com/vi/9URJc3OD0pg/maxresdefault.jpg Are you just trying to get clicks or do you actually hate developers? From yesterday's episode: Windsurf forked VS Code to compete with Cursor - Talking the future of AI + Coding --- A discussion with Wind Surf CEO and VP of Product about the company's history, coding AI tools like Wind Surf, and the future of software development 🔥 Be the ~14,700th person to join our super tasty newsletter - bit.ly/syntax_snackpack ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: @randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev #ai #coding #tools #productivity #syntaxfm #webdev #codeium #windsurf https://www.youtube.com/embed/9URJc3OD0pg 46 2025-01-23T17:13:12.000Z https://syntax.yabby.page/video/be-honest-would-you-have-listened-to-us-if-we-were-named-the-fun-dev-show 2026-10-15T03:45:33.362Z https://i.ytimg.com/vi/NEN6IiJe8nE/maxresdefault.jpg be honest... would you have listened to us if we were named ✨ The Fun Dev Show ✨ ?? 🔥 Be the ~14,700th person to join our super tasty newsletter bit.ly/syntax_snackpack All links available at https://syntax.fm/892 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev #podcast #podcasting #WebDevelopment #Entrepreneurship #syntaxfm https://www.youtube.com/embed/NEN6IiJe8nE 77 2025-04-09T17:54:00.000Z https://syntax.yabby.page/video/better-auth-s-built-in-access-controls-are 2026-10-15T03:45:33.373Z https://i.ytimg.com/vi/djcrp3XInr8/maxresdefault.jpg BETTER-AUTH's built in access controls are 👏🏻👏🏻👏🏻👏🏻👏🏻 🔥 Be the ~16,700th person to join our super tasty newsletter https://bit.ly/syntax_snackpack All links available at https://syntax.fm/919 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev #authentication #auth #betterauth https://www.youtube.com/embed/djcrp3XInr8 64 2025-07-14T20:11:28.000Z https://syntax.yabby.page/video/browsers-in-2025-whats-up-with-arc-dia-firefox-chrome-and-opera-gx 2026-10-15T03:45:33.378Z https://i.ytimg.com/vi/RecFUQ7eQKU/maxresdefault.jpg Browsers in 2025: Whats up with Arc, Dia, Firefox, Chrome and Opera GX? Scott and Wes break down the state of web browsers in 2025, from the rise and fall of Arc and the fate of Firefox to hot takes on Opera GX, Raycast, and why power users might not be profitable. They compare rendering engines, rant about dev tools, and reveal what browser stats say about Syntax listeners 🔥 Be the ~14,700th person to join our super tasty newsletter https://bit.ly/syntax_snackpack Show Notes 00:00 Welcome to Syntax! 01:37 Rendering Engines. 02:11 Arc Browser. 02:41 Microsoft Edge. 03:45 Why not Brave? 05:25 Brought to you by Sentry.io. 05:50 Google Manifest v2. 07:32 Opera. 10:13 Vivaldi. 11:23 The death of Arc Browser. 11:44 Dia? 14:43 No revenue from power-users. 15:38 Arc’s transition to a new browser. 17:02 Browser companies need to lock users fast! 19:42 Gecko. 19:45 Firefox. 21:08 Zen. 22:38 Webkit. 29:18 Wtf is Ladybird? 34:14 Usage statistics. 39:32 Dev Tools experience ranked. 42:06 Tab experience. 43:37 Containers and profiles. All links available at https://syntax.fm/911 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/RecFUQ7eQKU 2827 2025-06-16T11:00:43.000Z https://syntax.yabby.page/video/build-react-usefetch-from-scratch-with-check-list-tests-and-examples 2026-10-15T03:45:33.396Z https://i.ytimg.com/vi/GDXsuoisg60/maxresdefault.jpg Build react useFetch from scratch | with check list, tests and examples In this video CJ shows how to implement a useFetch react hook from scratch. He shows how to manage data and loading state. He also shows how to handle fetch errors, parse errors and request cancellations. He provides a test suite, checklist and examples so you can practice implementing this hook yourself. View the code here: https://github.com/w3cj/use-x 00:00 intro 03:14 repo setup 03:30 example hook usage 04:46 repo walk-through 05:00 test setup 05:40 stubbed implementation 06:03 call fetch on mount 06:46 manage loading state 09:11 manage data state 10:41 handle options immediate 12:30 handle re-renders 16:09 handle empty url 17:41 handle fetch errors 19:12 handle json parse error 19:38 handle update calls 21:12 handle abort error 23:18 resetting state on load 24:30 handle multiple requests 28:53 cancel request on unmount 30:00 thanks! Corrections: 19:29 The test "should handle http errors correctly" has been added to the repo since video release. See notes in src/use-fetch/README.md. React custom hooks | https://react.dev/learn/reusing-logic-with-custom-hooks usehooks | https://usehooks.com/ usehooks-ts | https://usehooks-ts.com/ react-use | https://github.com/streamich/react-use beautiful-react-hooks | https://github.com/antonioru/beautiful-react-hooks Fetch API | https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API RequestInit | https://developer.mozilla.org/en-US/docs/Web/API/RequestInit AbortError Example | https://developer.mozilla.org/en-US/docs/Web/API/AbortSignal#aborting_a_fetch_operation_with_a_timeout Response ok | https://developer.mozilla.org/en-US/docs/Web/API/Response/ok ------------------------------------------------------------------------------ Hit us up on Socials! https://www.syntax.fm/links Brought to you by Sentry - Use code "tastytreats" to get 2 months free - https://sentry.io/syntax #react #typescript #testing https://www.youtube.com/embed/GDXsuoisg60 1845 2024-10-17T11:00:24.000Z https://syntax.yabby.page/video/cache-ruins-everything-around-me 2026-10-15T03:45:33.401Z https://i.ytimg.com/vi/j8oD976nhZk/maxresdefault.jpg Cache Ruins Everything Around Me Scott and Wes dive into the cache problem, tackling user-specific data and caching security. From marketing A/B testing to content negotiation, they explore various challenges and solutions, including different URL/query parameters, edge logic, and client-side caching. Show Notes 00:00 Welcome to Syntax! 01:22 Syntax is on YouTube. 02:16 Let's talk about the cache problem. 03:33 User-specific data and caching security. 06:27 Why might this pop up? 06:29 Marketing A/B testing - cookie based. 06:55 User-selected features - such as themes. 06:58 Language or geo-based items - accept language. 07:11 Images - WebP for some browsers, jpg for others. 07:45 JSON/HTML based on accept header. 08:17 Different encoding. 08:26 Content negotiation. 08:54 The solutions. 09:04 Provide different URLs/Query parameter. 11:19 Don’t cache the page, cache the data based on query. 15:01 Implement a “Cache Key” - one render for every option. 18:17 Use edge logic. 19:52 Just do it client-side. All links available at https://syntax.fm/753 ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript https://www.youtube.com/embed/j8oD976nhZk 1447 2024-04-08T11:00:28.000Z https://syntax.yabby.page/video/can-ai-make-good-design 2026-10-13T18:15:24.042Z https://i.ytimg.com/vi/KWXCkg6qYGA/maxresdefault.jpg Can AI Make Good Design? Wes and Scott talk about whether AI can actually create good design, or if it just remixes the same patterns over and over. They dig into AI-generated UX, design systems, YouTube thumbnails, Google’s design.md spec, programmatic design, and the tools designers are actually using today. 🔥 Be the ~19,500th person to join our super tasty newsletter https://bit.ly/syntax_snackpack (00:00) Welcome to Syntax! (03:20) Can AI actually make you creative? (08:52) Why AI-generated YouTube thumbnails all look the same (10:34) Can good design be extrapolated from patterns? (13:46) Google’s design.md and AI steering documents (16:57) Can AI make good UX? (19:37) Brought to you by Sentry.io (21:03) Can good design be programmatic? (23:57)  Can AI optimize design for outcomes and conversions? (27:40) Should designers use AI to enhance their work? (32:41) The AI design tools people are actually using All links available at https://syntax.fm/1006 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by https://sentry.io/syntax #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/KWXCkg6qYGA 2105 2026-05-20T11:00:08.000Z https://syntax.yabby.page/video/can-we-recreate-this-lando-norris-text-effect 2026-10-15T03:45:33.406Z https://i.ytimg.com/vi/9H34nxxVEgc/maxresdefault.jpg Can We Recreate this Lando Norris text effect? Scott, Wes, and CJ go head-to-head in a 3-dev challenge to recreate the slick hover effect from the Lando Norris website using any tools or tricks they want. Who nails it best? 🔥 Be the ~14,700th person to join our super tasty newsletter https://bit.ly/syntax_snackpack Watch Wes’ breakdown here: https://www.youtube.com/watch?v=HzL65tTeANs Check out the original effect on Lando Norris’ site: https://landonorris.com Original design by: https://www.youtube.com/@UCpNDTRgjKIMqbqvH-v857BA ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #css #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev #challenge #battle https://www.youtube.com/embed/9H34nxxVEgc 1566 2025-11-14T14:43:28.000Z https://syntax.yabby.page/video/can-you-build-a-swipe-ui-with-only-css 2026-10-15T03:45:33.417Z https://i.ytimg.com/vi/WjuqAGpj6DM/maxresdefault.jpg Can You Build A Swipe UI With Only CSS? Demo: https://codepen.io/stolinski/pen/MYyrLgB Graffiti: https://drop-in-graffiti.netlify.app/ (in progress) ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/WjuqAGpj6DM 1411 2025-11-25T13:01:06.000Z https://syntax.yabby.page/video/chartjs-tutorials-1-getting-setup 2026-10-15T03:45:33.421Z https://i.ytimg.com/vi/Bd309s4Bkac/maxresdefault.jpg ChartJS Tutorials #1 - Getting Setup In this video, we get setup with ChartJS. Subscribe for more free tutorials https://goo.gl/6ljoFc, Buy this series and get access to ChartJS themes! https://goo.gl/BamhKi Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e Simple yet flexible JavaScript charting for designers & developers. Mix and match bar and line charts to provide a clear visual distinction between datasets. Plot complex, sparse datasets on date time, logarithmic or even entirely custom scales with ease. Out of the box stunning transitions when changing data, updating colours and adding datasets. Chart.js is a community maintained project, contributions welcome! Visualize your data in 8 different ways; each of them animated and customisable. Redraws charts on window resize for perfect scale granularity. https://www.youtube.com/embed/Bd309s4Bkac 415 2016-06-20T17:25:02.000Z https://syntax.yabby.page/video/chartjs-tutorials-3-diving-into-the-data-object 2026-10-15T03:45:33.428Z https://i.ytimg.com/vi/saJDdfAPb7Q/maxresdefault.jpg ChartJS Tutorials #3 - Diving Into The Data Object In this video, we dive into the data object and learn a bit about the ChartJS system. Subscribe for more free tutorials https://goo.gl/6ljoFc, Buy this series and get access to ChartJS themes! https://goo.gl/BamhKi Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e Simple yet flexible JavaScript charting for designers & developers. Mix and match bar and line charts to provide a clear visual distinction between datasets. Plot complex, sparse datasets on date time, logarithmic or even entirely custom scales with ease. Out of the box stunning transitions when changing data, updating colours and adding datasets. Chart.js is a community maintained project, contributions welcome! Visualize your data in 8 different ways; each of them animated and customisable. Redraws charts on window resize for perfect scale granularity. https://www.youtube.com/embed/saJDdfAPb7Q 612 2016-07-06T18:56:05.000Z https://syntax.yabby.page/video/cj-hosting-meetups-lunch-and-learn 2026-10-15T03:45:33.441Z https://i.ytimg.com/vi/McEyirnJqBM/maxresdefault.jpg CJ × Hosting Meetups - Lunch and Learn In this episode of Syntax, Wes and Scott talk with CJ Reynolds about the resurgence of meetups in a post-COVID world. They discuss the benefits of attending and speaking at meetups, and the logistics of organizing them. CJ also shares his experiences running the DenverScript meetup, including sourcing speakers, finding venues, and ensuring a welcoming community. Show Notes (00:00) Welcome to Syntax! (01:35) Brought to you by Sentry.io (01:49) CJ's history hosting meetups (06:35) How do you structure a meetup? (09:50) How do you raise awareness for a meetup and get people to attend? (13:27) How to pay for a meetup (15:22) How to get speakers at meetups (17:03) Does live-streaming hurt attendance? (19:32) Is there a vetting process for finding speakers? (24:26) A meetup doesn't have to be talks (27:48) What's the worst part about hosting a meetup? (29:37) What was your first meetup like? (33:27) What's the best meetup you’ve been to and why? (37:10) How to be a good attendee (40:45) Are meetups back? (44:00) Tips for organizing a great meetup (45:29) How to you find a meetup (47:37) Sick Picks & Shameless Plugs All links available at https://syntax.fm/818 ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript https://www.youtube.com/embed/McEyirnJqBM 3035 2024-09-06T11:00:26.000Z https://syntax.yabby.page/video/command-line-basics-7-modifying-file-permissions 2026-10-15T03:45:33.446Z https://i.ytimg.com/vi/ykyKzL2PE58/maxresdefault.jpg Command Line Basics #7 - Modifying File Permissions In the 7th Command Line Basics tutorial, I show you how to modify file permissions with the chmod command. Learn command line from the very basics. Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations https://www.youtube.com/embed/ykyKzL2PE58 428 2014-04-18T01:34:02.000Z https://syntax.yabby.page/video/compass-tutorials-13-utilities-part-2-text-text-replacement 2026-10-15T03:45:33.451Z https://i.ytimg.com/vi/XzUkHS24xU4/maxresdefault.jpg Compass Tutorials #13 - Utilities Part 2 - Text & Text Replacement The 13th Compass tutorial in the Compass tutorial series. This tutorial teaches you how to use Text and Text replacement utilities in Compass. https://www.youtube.com/embed/XzUkHS24xU4 409 2012-04-27T01:44:23.000Z https://syntax.yabby.page/video/compass-tutorials-2-adding-and-using-compass 2026-10-15T03:45:33.458Z https://i.ytimg.com/vi/X0nu2mVvwCI/maxresdefault.jpg Compass Tutorials #2 - Adding and Using Compass This is the 2nd tutorial in the Compass series. This tutorial covers how to add compass to an existing project and how to use it in your files. Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations https://www.youtube.com/embed/X0nu2mVvwCI 286 2012-03-19T02:27:23.000Z https://syntax.yabby.page/video/compass-tutorials-7-advanced-sprite-configuration 2026-10-15T03:45:33.482Z https://i.ytimg.com/vi/8ZHZPxIjiS8/maxresdefault.jpg Compass Tutorials #7 - Advanced Sprite Configuration This is the 7th tutorial in the Compass series. This tutorial covers how to use Compass to bend sprites to your will. Compass allows total control over the output and options for your sprites, create sprites faster than ever with Compass. https://www.youtube.com/embed/8ZHZPxIjiS8 441 2012-04-02T23:11:58.000Z https://syntax.yabby.page/video/css-battle-re-create-an-image-with-css-in-the-fewest-characters-experts-compete-in-css-code-golf 2026-10-15T03:45:33.487Z https://i.ytimg.com/vi/B32NKRKJ_Cc/maxresdefault.jpg CSS Battle - Re-create an Image with CSS in the Fewest Characters | Experts Compete in CSS Code Golf In this video - Scott, Wes and CJ compete to see who can re-create an image with CSS in the fewest characters possible (code golf) with a 10 minute time limit. The challenge: https://cssbattle.dev/play/30 🔥 Be the ~14,700th person to join our super tasty newsletter bit.ly/syntax_snackpack All links available at https://syntax.fm/870 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev #css #cssbattle https://www.youtube.com/embed/B32NKRKJ_Cc 886 2025-02-28T13:51:35.000Z https://syntax.yabby.page/video/css-battles-recreate-an-alien-eye-with-css 2026-10-15T03:45:33.497Z https://i.ytimg.com/vi/cI4Tfi842rU/maxresdefault.jpg CSS Battles! Recreate an ALIEN EYE with CSS The battle rages on! Scott, Wes, and CJ go head-to-head once again in an intense CSS Battle showdown. Who will reign supreme in this rematch? Tune in for some wild code, creative solutions, and plenty of friendly trash talk! 🔥 Be the ~14,700th person to join our super tasty newsletter bit.ly/syntax_snackpack Play along :) https://cssbattle.dev/play/136 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/cI4Tfi842rU 1254 2025-07-18T12:48:12.000Z https://syntax.yabby.page/video/cumulative-layout-shift-is-the-worst 2026-10-15T03:45:33.504Z https://i.ytimg.com/vi/W5YWHeGqPVg/maxresdefault.jpg Cumulative Layout Shift is the worst 🔥 Be the ~14,700th person to join our super tasty newsletter bit.ly/syntax_snackpack All links available at https://syntax.fm/883 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/W5YWHeGqPVg 28 2025-03-19T17:11:23.000Z https://syntax.yabby.page/video/customizing-wordpress-10-adding-a-widget-area-to-your-template 2026-10-15T03:45:33.513Z https://i.ytimg.com/vi/WKxKq0Qi-m8/maxresdefault.jpg Customizing WordPress #10 - Adding A Widget Area To Your Template The 10th video in the Customizing WordPress tutorial series. Here we find out how to display our new widget area on our site by adding it to our templates. http://codex.wordpress.org/Widgets_API#Displaying_Widgets Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro #1 OUTSOURCING SERVICE FOR WORDPRESS https://api.referoo.co/hits/create_hit?partner_id=16&medium_id=1 For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations https://www.youtube.com/embed/WKxKq0Qi-m8 525 2014-04-09T02:38:21.000Z https://syntax.yabby.page/video/customizing-wordpress-13-underscores-starter-theme-part-2 2026-10-15T03:45:33.517Z https://i.ytimg.com/vi/lpNPmbdFZ5g/maxresdefault.jpg Customizing WordPress #13 - Underscores Starter Theme Part 2 The 13th video in the Customizing WordPress tutorial series. Here we dive deeper into the Underscores starter theme and learn about how the theme is constructed and what it offers. http://codex.wordpress.org/Navigation_Menus Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro #1 OUTSOURCING SERVICE FOR WORDPRESS https://api.referoo.co/hits/create_hit?partner_id=16&medium_id=1 For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations https://www.youtube.com/embed/lpNPmbdFZ5g 690 2014-04-16T01:48:31.000Z https://syntax.yabby.page/video/customizing-wordpress-3-understanding-template-files 2026-10-15T03:45:33.527Z https://i.ytimg.com/vi/Pb4oQsWdmL0/maxresdefault.jpg Customizing WordPress #3 - Understanding Template Files The 3rd video in the Customizing WordPress tutorial series. Here we show you how to start overriding templates in your child theme. Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro #1 OUTSOURCING SERVICE FOR WORDPRESS https://api.referoo.co/hits/create_hit?partner_id=16&medium_id=1 For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations https://www.youtube.com/embed/Pb4oQsWdmL0 544 2014-03-07T03:02:40.000Z https://syntax.yabby.page/video/customizing-wordpress-4-creating-page-templates 2026-10-15T03:45:33.540Z https://i.ytimg.com/vi/9HCxKyj1SV0/maxresdefault.jpg Customizing WordPress #4 - Creating Page Templates The 4th video in the Customizing WordPress tutorial series. Here we show you how to create a re-useable page template or override an individual page template. Subscribe to Level Up Pro for extra features! http://leveluptuts.com/level-up-pro #1 OUTSOURCING SERVICE FOR WORDPRESS https://api.referoo.co/hits/create_hit?partner_id=16&medium_id=1 For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations https://www.youtube.com/embed/9HCxKyj1SV0 472 2014-03-07T03:07:33.000Z https://syntax.yabby.page/video/customizing-wordpress-5-the-loop-basics 2026-10-15T03:45:33.546Z https://i.ytimg.com/vi/O8Nnn06Um0I/maxresdefault.jpg Customizing WordPress #5 - The Loop Basics The 5th video in the Customizing WordPress tutorial series. Here we explain the basics of the WordPress loop and we begin to understand how WordPress outputs its content. Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro #1 OUTSOURCING SERVICE FOR WORDPRESS https://api.referoo.co/hits/create_hit?partner_id=16&medium_id=1 For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations https://www.youtube.com/embed/O8Nnn06Um0I 666 2014-03-07T03:23:00.000Z https://syntax.yabby.page/video/customizing-wordpress-7-adding-a-javascript-file-part-1 2026-10-15T03:45:33.551Z https://i.ytimg.com/vi/4xbvhXj72kU/maxresdefault.jpg Customizing WordPress #7 - Adding A JavaScript File Part 1 The 7th video in the Customizing WordPress tutorial series. Here we write and troubleshoot our first function in our functions.php template and show you how to add a JavaScript file to your theme. Subscribe to Level Up Pro for extra features! http://leveluptuts.com/level-up-pro #1 OUTSOURCING SERVICE FOR WORDPRESS https://api.referoo.co/hits/create_hit?partner_id=16&medium_id=1 For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations https://www.youtube.com/embed/4xbvhXj72kU 422 2014-03-19T02:28:37.000Z https://syntax.yabby.page/video/customizing-wordpress-8-adding-a-javascript-file-part-2 2026-10-15T03:45:33.556Z https://i.ytimg.com/vi/ocFvfCG5-Nc/maxresdefault.jpg Customizing WordPress #8 - Adding A JavaScript File Part 2 The 8th video in the Customizing WordPress tutorial series. Here we troubleshoot our function, user the WordPress Codex, and write a hook to run our function. Subscribe to Level Up Pro for extra features! http://leveluptuts.com/level-up-pro #1 OUTSOURCING SERVICE FOR WORDPRESS https://api.referoo.co/hits/create_hit?partner_id=16&medium_id=1 For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations https://www.youtube.com/embed/ocFvfCG5-Nc 367 2014-03-19T02:39:38.000Z https://syntax.yabby.page/video/customizing-wordpress-9-adding-new-widget-areas 2026-10-15T03:45:33.560Z https://i.ytimg.com/vi/iTScEhs5DEE/maxresdefault.jpg Customizing WordPress #9 - Adding New Widget Areas The 9th video in the Customizing WordPress tutorial series. Here we add a new widget area to our theme. http://codex.wordpress.org/Widgetizing_Themes Subscribe to Level Up Pro for extra features! http://leveluptuts.com/level-up-pro #1 OUTSOURCING SERVICE FOR WORDPRESS https://api.referoo.co/hits/create_hit?partner_id=16&medium_id=1 For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations https://www.youtube.com/embed/iTScEhs5DEE 547 2014-04-09T02:31:27.000Z https://syntax.yabby.page/video/debug-december-advent-of-typescript-advent-of-css-syntax-bytes-with-cj-episode-6 2026-10-15T03:45:33.565Z https://i.ytimg.com/vi/PLCnCPzb3nQ/maxresdefault.jpg Debug December | Advent of Typescript | Advent of CSS | Syntax Bytes with CJ | Episode 6 In this live stream CJ works on the Debug December challenges, Advent of TypeScript and Advent of CSS. 00:00:00 Intro 00:05:03 Debug December 01:05:35 Advent of TypeScript 01:30:29 Advent of CSS https://www.debugdecember.com/challenges/2024 https://www.adventofts.com/ https://www.adventofcss.com/ ------------------------------------------------------------------------------ Hit us up on Socials! https://www.syntax.fm/links Brought to you by Sentry - Use code "tastytreats" to get 2 months free - https://sentry.io/syntax #javascript #typescript #css https://www.youtube.com/embed/PLCnCPzb3nQ 10895 2024-12-05T21:46:40.000Z https://syntax.yabby.page/video/developers-try-to-play-golf-laracon-us-2025 2026-10-15T03:45:33.571Z https://i.ytimg.com/vi/E3oK3Rr1fsM/maxresdefault.jpg Developers Try To Play Golf | Laracon US 2025 Bringing you coverage from the 2025 Laracon Invitational Golf Tournament. Featuring play from Taylor Otwell, Adam Wathan, Chris Sev, Evan You, Aaron Francis, Caleb Porzio, Eric Barnes and Nuno Maduro. 🔥 Be the ~14,700th person to join our super tasty newsletter https://bit.ly/syntax_snackpack ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #laravel #php #tailwindcss #golf #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/E3oK3Rr1fsM 421 2025-09-23T11:00:30.000Z https://syntax.yabby.page/video/devs-react-to-hollywood-hackers 2026-10-15T03:45:33.576Z https://i.ytimg.com/vi/ccLd0dxo_68/maxresdefault.jpg Devs React to Hollywood HACKERS! Hollywood loves a good hacker, but do they ever get it right? Scott, CJ, and Wes watch and react to scenes from iconic hacker moments in movies and TV like Silicon Valley, Mr. Robot, The Matrix, and more. We break down what’s real, what’s dumb, and what’s just plain fun 🔥 Be the ~14,700th person to join our super tasty newsletter https://bit.ly/syntax_snackpack Brought to you by Sentry.io ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/ccLd0dxo_68 993 2025-08-08T13:29:12.000Z https://syntax.yabby.page/video/do-you-pronounce-it-uh-sync-or-ay-sync 2026-10-15T03:45:33.580Z https://i.ytimg.com/vi/7A4JVc02DIk/maxresdefault.jpg Do you pronounce it UH-sync or AY-sync? 🔥 Be the ~15,573rd person to join our super tasty newsletter https://bit.ly/syntax_snackpack All links available at https://syntax.fm/901 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/7A4JVc02DIk 33 2025-05-13T19:27:55.000Z https://syntax.yabby.page/video/madcss-final-four 2026-10-15T03:45:33.586Z https://i.ytimg.com/vi/YX_ntPWkenw/maxresdefault.jpg MADCSS FINAL FOUR FINAL FOUR. AIRING IN ONE HOUR. Who advances to the championship? https://www.youtube.com/embed/YX_ntPWkenw 42 2026-03-27T13:01:32.000Z https://syntax.yabby.page/video/march-madcss-quarter-finals 2026-10-15T03:45:33.591Z https://i.ytimg.com/vi/7G7ZrXewoFg/maxresdefault.jpg March MadCSS Quarter Finals Airing at 10am EST on YouTube. 8 devs go head to head, only 4 will proceed to the semi finals. see you there. #marchmadcss https://www.youtube.com/embed/7G7ZrXewoFg 32 2026-03-20T12:32:22.000Z https://syntax.yabby.page/video/does-it-matter-that-electron-is-200mb 2026-10-15T03:45:33.595Z https://i.ytimg.com/vi/-qds_bOIitI/maxresdefault.jpg Does it matter that Electron is 200mb?? An obvious benefit of shipping a Tauri app is how cost-effective, energy-efficient, resource-preserving it is. This is a big win for accessibility. Is Tauri the Electron Killer? Daniel Thompson discusses Tauri, a framework for building small, fast and secure desktop and mobile apps using Rust and webviews instead of Electron. Key topics include improvements in version 2 like mobile support, the plugin system, and custom web views, the release cycle and future roadmap, and designing in the age of AI. ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #tauri #rust #webassembly #electron #accessibility https://www.youtube.com/embed/-qds_bOIitI 60 2024-09-13T19:25:23.000Z https://syntax.yabby.page/video/does-mark-zuckerberg-know-what-prettier-is 2026-10-15T03:45:33.601Z https://i.ytimg.com/vi/IZa-fAOVhKk/maxresdefault.jpg Does Mark Zuckerberg know what Prettier is? full episode at https://www.youtube.com/watch?v=i3_Eia6_SoQ Today's episode #794 Making Code Prettier with Vjeux - The guys interview Prettier creator Christopher Chedeau about the origins, growth, funding status and future roadmap of the ubiquitous code formatter. ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #prettier #markzuckerberg #opensource #codetools #webdev #coding #syntaxfm https://www.youtube.com/embed/IZa-fAOVhKk 59 2024-07-12T14:34:29.000Z https://syntax.yabby.page/video/drupal-7-theming-with-omega-5-sections-zones-and-regions 2026-10-15T03:45:33.605Z https://i.ytimg.com/vi/GWHhAuf6fYQ/maxresdefault.jpg Drupal 7 Theming with Omega #5 - Sections, Zones, and Regions This tutorial shows you how to configure, change, create and remove Sections, Zones and Regions in Omega. Subscribe for more free tutorials https://goo.gl/6ljoFc, more Drupal Tutorials here: https://goo.gl/YDHhLW Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e This Drupal 7 tutorial series shows users how to build websites with the very popular open source content management system Drupal 7. https://www.youtube.com/embed/GWHhAuf6fYQ 802 2012-11-06T01:05:01.000Z https://syntax.yabby.page/video/void-is-vercel-for-cloudflare 2026-10-15T19:45:15.383Z https://i.ytimg.com/vi/JVbGxE-9cPg/maxresdefault.jpg Void is Vercel for Cloudflare Void is essentially Vercel for Cloudflare #void #cloudflare #vercel #frameworks #webdev https://www.youtube.com/embed/JVbGxE-9cPg 65 2026-04-27T17:43:13.000Z https://syntax.yabby.page/video/drupal-7-tutorials-39-quicktabs 2026-10-15T03:45:33.609Z https://i.ytimg.com/vi/WDecbZhVLBY/maxresdefault.jpg Drupal 7 Tutorials #39 - Quicktabs This is the 39th tutorial in the Drupal 7 tutorial series. This tutorial shows you how to use the Quicktabs module to display tabbed content on your site. Subscribe for more free tutorials https://goo.gl/6ljoFc, more Drupal Tutorials here: https://goo.gl/YDHhLW http://drupal.org/project/quicktabs Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e This Drupal 7 tutorial series shows users how to build websites with the very popular open source content management system Drupal 7. https://www.youtube.com/embed/WDecbZhVLBY 457 2012-06-08T00:51:18.000Z https://syntax.yabby.page/video/drupal-7-tutorials-47-using-feeds-to-create-content-with-csv-files 2026-10-15T03:45:33.613Z https://i.ytimg.com/vi/YXgjFRn7ty4/maxresdefault.jpg Drupal 7 Tutorials #47 - Using Feeds to Create Content With CSV Files This is the 47th tutorial in the Drupal 7 tutorial series. This tutorial shows you how to import content from a CSV file using Feeds. Subscribe for more free tutorials https://goo.gl/6ljoFc, more Drupal Tutorials here: https://goo.gl/YDHhLW Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e This Drupal 7 tutorial series shows users how to build websites with the very popular open source content management system Drupal 7. https://www.youtube.com/embed/YXgjFRn7ty4 664 2012-08-02T00:34:22.000Z https://syntax.yabby.page/video/drupal-7-tutorials-54-using-views-realtionships-to-output-specific-referenced-content 2026-10-15T03:45:33.617Z https://i.ytimg.com/vi/HCn-mdEkajg/maxresdefault.jpg Drupal 7 Tutorials #54 - Using Views Realtionships to Output Specific Referenced Content This tutorial shows you how to use Views Relationships to output content referenced on a piece of content. Subscribe for more free tutorials https://goo.gl/6ljoFc, more Drupal Tutorials here: https://goo.gl/YDHhLW Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e This Drupal 7 tutorial series shows users how to build websites with the very popular open source content management system Drupal 7. https://www.youtube.com/embed/HCn-mdEkajg 291 2012-10-01T23:49:42.000Z https://syntax.yabby.page/video/drupal-7-tutorials-67-how-to-install-drush-on-osx 2026-10-15T03:45:33.621Z https://i.ytimg.com/vi/x3-OlfI3bAI/maxresdefault.jpg Drupal 7 Tutorials #67 - How To Install Drush on OSX This tutorial shows you how to install Drush manually on OSX. Subscribe for more free tutorials https://goo.gl/6ljoFc, more Drupal Tutorials here: https://goo.gl/YDHhLW Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e This Drupal 7 tutorial series shows users how to build websites with the very popular open source content management system Drupal 7. Drush: https://github.com/drush-ops/drush Showing hidden files: defaults write com.apple.Finder AppleShowAllFiles TRUE killall finder https://www.youtube.com/embed/x3-OlfI3bAI 519 2013-10-23T02:09:02.000Z https://syntax.yabby.page/video/drupal-7-tutorials-69-how-to-install-modules-using-drush 2026-10-15T03:45:34.270Z https://i.ytimg.com/vi/qAoHFgeaD20/maxresdefault.jpg Drupal 7 Tutorials #69 - How To Install Modules Using Drush This tutorial shows you how to quickly download, install and enable modules using only Drush commands. Subscribe for more free tutorials https://goo.gl/6ljoFc, more Drupal Tutorials here: https://goo.gl/YDHhLW Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e This Drupal 7 tutorial series shows users how to build websites with the very popular open source content management system Drupal 7. https://www.youtube.com/embed/qAoHFgeaD20 381 2013-10-23T02:10:09.000Z https://syntax.yabby.page/video/claude-remembers-when-you-swear 2026-10-14T14:15:16.791Z https://i.ytimg.com/vi/XgIKjT62Fq8/maxresdefault.jpg Claude remembers when you swear Interestingly, when you swear at Claude Code they flag it with a regex! https://www.youtube.com/embed/XgIKjT62Fq8 66 2026-04-20T16:48:42.000Z https://syntax.yabby.page/video/drupal-8-basics-16-how-to-install-a-module 2026-10-15T03:45:34.274Z https://i.ytimg.com/vi/b-a5miK3rdo/maxresdefault.jpg Drupal 8 Basics #16 - How To Install A Module Learn how to install a module in Drupal 8 in a course design for Drupal 8 beginners. Subscribe for more free tutorials https://goo.gl/6ljoFc, buy NEXT LEVEL CSS Animations & Transitions https://goo.gl/cGB30u Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e This Drupal 8 tutorial series shows users how to build websites with the very popular open source content management system Drupal 8. The world’s favorite open source content management platform just got better. Drupal 8 is the new standard for creating incredible digital experiences—for small businesses, global enterprises, and everything in between. Meet Drupal 8, a powerful new suite of tools, and the strongest link in your new content supply chain. Interact with countless applications, thanks to REST-first native web services. Use progressive decoupling to break free from back-end restrictions without sacrificing security and accessibility. Deliver faster, with enhanced entity caching and better integration with CDNs and reverse proxies. With Drupal 8, you can build almost any integrated experience you can imagine. https://www.youtube.com/embed/b-a5miK3rdo 345 2016-05-04T19:04:03.000Z https://syntax.yabby.page/video/drupal-8-basics-17-automatic-path-aliases 2026-10-15T03:45:34.279Z https://i.ytimg.com/vi/zSErrOFozuM/maxresdefault.jpg Drupal 8 Basics #17 - Automatic Path Aliases Learn how to create automatic path aliases in Drupal 8 in a course design for Drupal 8 beginners. Subscribe for more free tutorials https://goo.gl/6ljoFc, buy NEXT LEVEL CSS Animations & Transitions https://goo.gl/cGB30u Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e This Drupal 8 tutorial series shows users how to build websites with the very popular open source content management system Drupal 8. The world’s favorite open source content management platform just got better. Drupal 8 is the new standard for creating incredible digital experiences—for small businesses, global enterprises, and everything in between. Meet Drupal 8, a powerful new suite of tools, and the strongest link in your new content supply chain. Interact with countless applications, thanks to REST-first native web services. Use progressive decoupling to break free from back-end restrictions without sacrificing security and accessibility. Deliver faster, with enhanced entity caching and better integration with CDNs and reverse proxies. With Drupal 8, you can build almost any integrated experience you can imagine. https://www.youtube.com/embed/zSErrOFozuM 415 2016-05-04T19:22:30.000Z https://syntax.yabby.page/video/drupal-8-basics-6-editing-our-content 2026-10-15T03:45:34.285Z https://i.ytimg.com/vi/w7xHkOiu0U8/maxresdefault.jpg Drupal 8 Basics #6 - Editing Our Content Learn how to edit your content in a course design for Drupal 8 beginners. Subscribe for more free tutorials https://goo.gl/6ljoFc, buy NEXT LEVEL CSS Animations & Transitions https://goo.gl/cGB30u Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e This Drupal 8 tutorial series shows users how to build websites with the very popular open source content management system Drupal 8. The world’s favorite open source content management platform just got better. Drupal 8 is the new standard for creating incredible digital experiences—for small businesses, global enterprises, and everything in between. Meet Drupal 8, a powerful new suite of tools, and the strongest link in your new content supply chain. Interact with countless applications, thanks to REST-first native web services. Use progressive decoupling to break free from back-end restrictions without sacrificing security and accessibility. Deliver faster, with enhanced entity caching and better integration with CDNs and reverse proxies. With Drupal 8, you can build almost any integrated experience you can imagine. https://www.youtube.com/embed/w7xHkOiu0U8 308 2016-03-18T16:11:22.000Z https://syntax.yabby.page/video/15-minutes-to-rebuild-this-product-card-winner-takes-all 2026-10-15T03:45:34.289Z https://i.ytimg.com/vi/AxN1nnnsVyY/maxresdefault.jpg 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 cleanest UI under pressure? Let the battle begin 🔥 Be the ~18,300th person to join our super tasty newsletter https://bit.ly/syntax_snackpack ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/AxN1nnnsVyY 611 2026-02-13T13:18:00.000Z https://syntax.yabby.page/video/csi-zoom-enhance-but-make-it-ai 2026-10-15T03:45:34.293Z https://i.ytimg.com/vi/-YK4UdFEV4w/maxresdefault.jpg CSI Zoom Enhance, but make it AI...?? CSI Zoom Enhance, but make it AI...?? https://www.youtube.com/embed/-YK4UdFEV4w 47 2026-02-04T16:04:49.000Z https://syntax.yabby.page/video/should-you-grant-ai-access-to-your-browser 2026-10-15T03:45:34.298Z https://i.ytimg.com/vi/QW7Qn9dsUjo/maxresdefault.jpg Should you grant AI access to your browser? Should you give AI access to your browser? https://www.youtube.com/embed/QW7Qn9dsUjo 105 2026-02-03T16:42:21.000Z https://syntax.yabby.page/video/drupal-commerce-tutorials-6-ajax-add-to-cart 2026-10-15T03:45:34.304Z https://i.ytimg.com/vi/E-AWvlaKAV8/maxresdefault.jpg Drupal Commerce Tutorials #6 - Ajax Add To Cart In the 6th video in the Drupal Commerce Tutorial series. Here, we add our first Drupal Commerce contrib module to allow for refresh free add to cart. https://drupal.org/project/commerce_ajax_cart Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e https://www.youtube.com/embed/E-AWvlaKAV8 375 2014-05-15T23:55:15.000Z https://syntax.yabby.page/video/drupal-tutorials-1-5-clean-urls 2026-10-15T03:45:34.309Z https://i.ytimg.com/vi/JnRSIAuY7zY/maxresdefault.jpg Drupal Tutorials #1.5 - Clean URLs A quick Drupal 7 tutorial showing how to enable clean URLs on a new Drupal install, and what to do if gives you an error. Subscribe for more free tutorials https://goo.gl/6ljoFc, more Drupal Tutorials here: https://goo.gl/YDHhLW Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e This Drupal 7 tutorial series shows users how to build websites with the very popular open source content management system Drupal 7. https://www.youtube.com/embed/JnRSIAuY7zY 114 2012-03-12T23:26:46.000Z https://syntax.yabby.page/video/pop-quiz-how-many-named-css-colors-are-there 2026-10-15T03:45:34.313Z https://i.ytimg.com/vi/Q7lJr-w-ac8/maxresdefault.jpg POP QUIZ: How many named CSS colors are there?? POP QUIZ: How many named CSS colors are there?? https://www.youtube.com/embed/Q7lJr-w-ac8 54 2026-01-27T17:19:25.000Z https://syntax.yabby.page/video/drupal-commerce-tutorials-1-series-overview 2026-10-15T03:45:34.317Z https://i.ytimg.com/vi/wT8SirgInb0/maxresdefault.jpg Drupal Commerce Tutorials #1 - Series Overview In the 1st video in the Drupal Commerce Tutorial series. Here, I give a basic overview of the upcoming series. In this series we show how to add Drupal Commerce to your existing Drupal site. Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations https://www.youtube.com/embed/wT8SirgInb0 169 2014-04-22T23:56:57.000Z https://syntax.yabby.page/video/drupal-commerce-tutorials-3-creating-a-product-and-product-display 2026-10-15T03:45:34.323Z https://i.ytimg.com/vi/3KEJcieG4jI/maxresdefault.jpg Drupal Commerce Tutorials #3 - Creating A Product and Product Display In the 3rd video in the Drupal Commerce Tutorial series. Here, we create a product and understand the difference between a product and a product display. In this series we show how to add Drupal Commerce to your existing Drupal site. Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations https://www.youtube.com/embed/3KEJcieG4jI 497 2014-04-23T00:46:40.000Z https://syntax.yabby.page/video/drupal-commerce-tutorials-5-products-with-attributes 2026-10-15T03:45:34.327Z https://i.ytimg.com/vi/dnlYh4mwUl8/maxresdefault.jpg Drupal Commerce Tutorials #5 - Products With Attributes In the 5th video in the Drupal Commerce Tutorial series. Here, we add attributes like an image and description to our products and product displays for more realistic product use cases. Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e https://www.youtube.com/embed/dnlYh4mwUl8 595 2014-05-15T23:54:12.000Z https://syntax.yabby.page/video/drupal-8-beta-preview-1-installing-drupal-8-beta 2026-10-15T03:45:34.331Z https://i.ytimg.com/vi/NcqtmwtXw34/maxresdefault.jpg Drupal 8 Beta Preview #1 - Installing Drupal 8 Beta Here we show you how to install the Drupal 8 Beta. Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e https://www.youtube.com/embed/NcqtmwtXw34 358 2014-10-10T02:43:42.000Z https://syntax.yabby.page/video/drupal-tutorials-18-creating-custom-image-styles 2026-10-15T03:45:34.335Z https://i.ytimg.com/vi/zE6UiSQdsI4/maxresdefault.jpg Drupal Tutorials #18 - Creating Custom Image Styles This is the 18th tutorial in a series that show users how to create and edit image styles to have full control over cached images. Subscribe for more free tutorials https://goo.gl/6ljoFc, more Drupal Tutorials here: https://goo.gl/YDHhLW Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e This Drupal 7 tutorial series shows users how to build websites with the very popular open source content management system Drupal 7. https://www.youtube.com/embed/zE6UiSQdsI4 378 2012-04-01T01:16:43.000Z https://syntax.yabby.page/video/how-to-choose-what-to-learn-in-2026 2026-10-15T03:45:34.339Z https://i.ytimg.com/vi/QoOP_p6pcNc/maxresdefault.jpg How to choose what to learn in 2026 when deciding what to learn ask yourself: "Is this thing going to improve my users' lives in a meaningful way?" https://www.youtube.com/embed/QoOP_p6pcNc 36 2026-01-02T18:48:53.000Z https://syntax.yabby.page/video/web-developers-are-artists-change-my-mind 2026-10-15T03:45:34.344Z https://i.ytimg.com/vi/py5P1ohnqTI/maxresdefault.jpg Web Developers are Artists. CHANGE MY MIND Web Developers are Artists CHANGE MY MIND https://www.youtube.com/embed/py5P1ohnqTI 70 2025-12-31T18:05:53.000Z https://syntax.yabby.page/video/drupal-tutorials-21-webform-a-better-contact-form-module 2026-10-15T03:45:34.348Z https://i.ytimg.com/vi/PRci_xRDTE0/maxresdefault.jpg Drupal Tutorials #21 - Webform - A Better Contact Form Module This Drupal 7 tutorial shows Drupal users how to create and configure more robust and multiple contact forms using the Webform module. Subscribe for more free tutorials https://goo.gl/6ljoFc, more Drupal Tutorials here: https://goo.gl/YDHhLW http://drupal.org/project/webform Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e This Drupal 7 tutorial series shows users how to build websites with the very popular open source content management system Drupal 7. https://www.youtube.com/embed/PRci_xRDTE0 565 2012-04-05T01:37:34.000Z https://syntax.yabby.page/video/drupal-tutorials-22-inserting-an-image-into-your-wysiwyg 2026-10-15T03:45:34.352Z https://i.ytimg.com/vi/71fyvmMhDO4/maxresdefault.jpg Drupal Tutorials #22 - Inserting an Image Into Your Wysiwyg This is the 22nd tutorial in the Drupal 7 tutorial series. This video shows users how to use the Insert module to insert images into their wysiwyg text editors. Subscribe for more free tutorials https://goo.gl/6ljoFc, more Drupal Tutorials here: https://goo.gl/YDHhLW http://drupal.org/project/insert Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e This Drupal 7 tutorial series shows users how to build websites with the very popular open source content management system Drupal 7. https://www.youtube.com/embed/71fyvmMhDO4 504 2012-04-10T01:07:08.000Z https://syntax.yabby.page/video/how-many-functions-are-there-in-css 2026-10-15T03:45:34.356Z https://i.ytimg.com/vi/Ccl6P92laGI/maxresdefault.jpg How many functions are there in CSS? POP QUIZ: How many functions are there in CSS? type your guess before you see the answer. NO CHEATING https://www.youtube.com/embed/Ccl6P92laGI 60 2025-12-16T17:08:05.000Z https://syntax.yabby.page/video/drupal-tutorials-29-views-creating-views-pages 2026-10-15T03:45:34.360Z https://i.ytimg.com/vi/FiTpWjgeBik/maxresdefault.jpg Drupal Tutorials #29 - Views - Creating Views Pages This is the 29th tutorial in the Drupal 7 tutorial series. This tutorial shows you how to create a view page. Subscribe for more free tutorials https://goo.gl/6ljoFc, more Drupal Tutorials here: https://goo.gl/YDHhLW Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e This Drupal 7 tutorial series shows users how to build websites with the very popular open source content management system Drupal 7. https://www.youtube.com/embed/FiTpWjgeBik 312 2012-05-07T23:39:08.000Z https://syntax.yabby.page/video/drupal-tutorials-3-the-admin-bar-part-2 2026-10-15T03:45:34.365Z https://i.ytimg.com/vi/4QDIrFHRmmY/maxresdefault.jpg Drupal Tutorials #3 - The Admin Bar Part 2 This Drupal 7 tutorial shows users how to navigate the Drupal 7 admin bar. Subscribe for more free tutorials https://goo.gl/6ljoFc, more Drupal Tutorials here: https://goo.gl/YDHhLW Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e This Drupal 7 tutorial series shows users how to build websites with the very popular open source content management system Drupal 7. https://www.youtube.com/embed/4QDIrFHRmmY 421 2012-03-15T04:30:10.000Z https://syntax.yabby.page/video/do-devs-really-need-to-know-math-anymore 2026-10-15T03:45:34.369Z https://i.ytimg.com/vi/EeOYjiKV5ns/maxresdefault.jpg Do devs really need to know math anymore?? Do devs really need to know math anymore?? https://www.youtube.com/embed/EeOYjiKV5ns 67 2025-12-12T16:14:49.000Z https://syntax.yabby.page/video/drupal-tutorials-30-creating-date-types-date-formats 2026-10-15T03:45:34.373Z https://i.ytimg.com/vi/so4JQeELbx4/maxresdefault.jpg Drupal Tutorials #30 - Creating Date Types & Date Formats This is the 29th tutorial in the Drupal 7 tutorial series. This tutorial shows you how to change and create new date types and date formats. https://www.youtube.com/embed/so4JQeELbx4 346 2012-05-07T23:36:01.000Z https://syntax.yabby.page/video/drupal-tutorials-4-installing-a-theme 2026-10-15T03:45:34.378Z https://i.ytimg.com/vi/eJIN0nQhtEY/maxresdefault.jpg Drupal Tutorials #4 - Installing a Theme This Drupal 7 tutorial shows users how to install a theme. Subscribe for more free tutorials https://goo.gl/6ljoFc, more Drupal Tutorials here: https://goo.gl/YDHhLW Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e This Drupal 7 tutorial series shows users how to build websites with the very popular open source content management system Drupal 7. https://www.youtube.com/embed/eJIN0nQhtEY 388 2012-03-15T04:22:48.000Z https://syntax.yabby.page/video/drupal-tutorials-the-complete-guide-to-omega-4-14-using-breakpoints-to-build-a-responsive-grid 2026-10-15T03:45:34.382Z https://i.ytimg.com/vi/regX3snnAqE/maxresdefault.jpg Drupal Tutorials - The Complete Guide To Omega 4 #14 - Using Breakpoints To Build A Responsive Grid The 14th tutorial in the The Complete Guide To Omega 4. Here we show you how to build a responsive grid with Singularity and Breakpoint. https://www.youtube.com/embed/regX3snnAqE 618 2013-11-27T02:59:40.000Z https://syntax.yabby.page/video/chat-we-need-your-help-what-top-secret-library-is-tanstak-building-rn 2026-10-15T03:45:34.387Z https://i.ytimg.com/vi/yWSsgtRed7U/maxresdefault.jpg Chat, we need your help. What top secret library is TanStak building rn?? 🔥 Be the ~17,800th person to join our super tasty newsletter https://bit.ly/syntax_snackpack All links available at https://syntax.fm/954 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev #tanstack #libraries https://www.youtube.com/embed/yWSsgtRed7U 56 2025-11-21T22:08:08.000Z https://syntax.yabby.page/video/drupal-tutorials-the-complete-guide-to-omega-4-15-no-query-for-css-without-media-queries 2026-10-15T03:45:34.391Z https://i.ytimg.com/vi/af1ZpXAf6DY/maxresdefault.jpg Drupal Tutorials - The Complete Guide To Omega 4 #15 - No Query for Css without Media Queries The 15th tutorial in the The Complete Guide To Omega 4. Here we show you how to use the No-Query functionality of breakpoints to build a stylesheet of all of your styles that doesn't include media queries for a stylesheet that works well with older browsers. https://www.youtube.com/embed/af1ZpXAf6DY 504 2013-11-27T03:08:08.000Z https://syntax.yabby.page/video/drupal-tutorials-the-complete-guide-to-omega-4-3-5-creating-a-sub-theme-without-drush 2026-10-15T03:45:34.395Z https://i.ytimg.com/vi/INKX1baST3U/maxresdefault.jpg Drupal Tutorials - The Complete Guide To Omega 4 #3.5 - Creating a Sub Theme Without Drush The 3rd and a half video in the The Complete Omega 4 Course. Here we show you how to create a Omega 4 Sub-Theme without Drush. https://www.youtube.com/embed/INKX1baST3U 522 2013-11-13T04:10:00.000Z https://syntax.yabby.page/video/no-ai-coding-for-30-days 2026-10-15T03:45:34.402Z https://i.ytimg.com/vi/g6_e5Mj7Hzw/maxresdefault.jpg No AI Coding For 30 Days CJ went 30 days without using AI to code. Here's what happened. AI Coding Sucks: https://www.youtube.com/watch?v=0ZUkQF6boNg Stop Using AI For This: https://www.youtube.com/watch?v=pVBKWLkRqXw 🔥 Be the ~17,700th person to join our super tasty newsletter https://bit.ly/syntax_snackpack 00:00 - intro 01:10 - project: reverse engineering graphql API 01:38 - AI withdrawals 02:30 - write the core logic / examples FIRST, then reach for AI 03:34 - project: taking photos / being creative 03:56 - get enjoyment out of other things, not just coding 04:50 - in a world of AI slop - be the real Human creator 05:03 - project: cli image downloading script 06:18 - copying from stack overflow feels weird 07:45 - practice reading docs / stack-overflow is slowly going away 08:24 - project: spot the syntax error real-time game 09:26 - spot the syntax error technical constraints 10:26 - initial technical spikes could be done with AI agents 11:12 - humans should make tech decisions, let agents do multiple tech spikes 11:34 - if AI does the work, you miss out on experiences that level you up 12:13 - project: installing / configuring Linux for old machines 12:46 - what is a writer deck? 15:26 - AI has ruined web search 16:37 - AI search uses AI generated articles to answer questions 17:46 - the pre-AI internet is going to become invaluable 18:17 - conclusions ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by https://sentry.io/syntax/ #ai #detox #programming #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/g6_e5Mj7Hzw 1162 2025-11-11T12:01:19.000Z https://syntax.yabby.page/video/drupal-tutorials-the-complete-guide-to-omega-4-20-changing-layouts-with-context 2026-10-15T03:45:34.407Z https://i.ytimg.com/vi/rFLJu8ePNOo/maxresdefault.jpg Drupal Tutorials - The Complete Guide To Omega 4 #20 - Changing Layouts With Context The 20th tutorial in the The Complete Guide To Omega 4. Here we show you how to change the layout based on path using Context and Context Omega. https://www.youtube.com/embed/rFLJu8ePNOo 524 2013-12-06T05:50:54.000Z https://syntax.yabby.page/video/drupal-tutorials-the-complete-guide-to-omega-4-22-changing-layouts-with-panels-everywhere 2026-10-15T03:45:34.411Z https://i.ytimg.com/vi/jp70_OzYtY0/maxresdefault.jpg Drupal Tutorials - The Complete Guide To Omega 4 #22 - Changing Layouts With Panels Everywhere The 22nd tutorial in the The Complete Guide To Omega 4. Here we show you how to change the layout contextually using Panels Everywhere and the Omega 4 layouts we created earlier. https://www.youtube.com/embed/jp70_OzYtY0 443 2014-01-09T02:10:40.000Z https://syntax.yabby.page/video/drupal-tutorials-the-complete-guide-to-omega-4-4-omega-4-settings-overview 2026-10-15T03:45:34.415Z https://i.ytimg.com/vi/npt_ffmtrxk/maxresdefault.jpg Drupal Tutorials - The Complete Guide To Omega 4 #4 - Omega 4 Settings Overview The 4th video in the The Complete Omega 4 Course. Here we give an overview of the appearance settings page and how it differs from Omega 3. https://www.youtube.com/embed/npt_ffmtrxk 886 2013-11-15T04:54:16.000Z https://syntax.yabby.page/video/easy-code-navigation-with-goto-vscode-pro-tips 2026-10-15T03:45:34.419Z https://i.ytimg.com/vi/MuQmMsIpI04/maxresdefault.jpg Easy Code Navigation with GoTo - VSCode Pro Tips Become a Level Up Pro and take your web skills to the next level! https://www.leveluptutorials.com The best web development podcast out there Syntax with Wes Bos and Scott Tolinski https://syntax.fm https://www.youtube.com/embed/MuQmMsIpI04 351 2022-03-21T12:31:50.000Z https://syntax.yabby.page/video/effortless-parallax-in-svelte-without-libraries-weekly-svelte 2026-10-15T03:45:34.423Z https://i.ytimg.com/vi/K3CM7j9GIxk/maxresdefault.jpg Effortless Parallax In Svelte Without Libraries - Weekly Svelte End Code: https://svelte.dev/repl/c28704bc1faf478e8aa7848ece9f0c5a?version=3.46.4 Start Code: https://svelte.dev/repl/66c1c5458e7b44a38cf08c091b6d4a94?version=3.46.4 Become a Level Up Pro and take your web skills to the next level! https://www.leveluptutorials.com The best web development podcast out there Syntax with Wes Bos and Scott Tolinski https://syntax.fm https://www.youtube.com/embed/K3CM7j9GIxk 601 2022-03-18T18:12:39.000Z https://syntax.yabby.page/video/feeling-behind-as-a-programmer 2026-10-15T03:45:34.429Z https://i.ytimg.com/vi/e-_743sQLa8/maxresdefault.jpg feeling behind as a programmer Did you spend 2025 with constant fear and dread of what's to come of our industry? You're not alone. The mind-maps I made for this video: https://gist.github.com/w3cj/4c4bb16b118ca1acf44f561d24a8ce83 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by https://sentry.io/syntax/ #programming #vibecoding #ai #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/e-_743sQLa8 1201 2025-12-30T12:01:30.000Z https://syntax.yabby.page/video/figma-bought-a-cms-to-close-the-dreaded-design-to-code-gap 2026-10-15T03:45:34.434Z https://i.ytimg.com/vi/LllOLXL_JC4/maxresdefault.jpg Figma bought a CMS to close the dreaded design to code gap 💬 Wes chats with James Mikrut, founder of Payload CMS, about being acquired by Figma! They discuss building an open source business, the future of UI design, AI interfaces, and what this means for the future of Payload and Figma. 🔥 Be the ~15,900th person to join our super tasty newsletter https://bit.ly/syntax_snackpack All links available at https://syntax.fm/912 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev #figma #payload #cms #payloadcms #tech https://www.youtube.com/embed/LllOLXL_JC4 53 2025-06-18T20:51:54.000Z https://syntax.yabby.page/video/follow-my-incantations-and-all-your-dreams-will-come-true 2026-10-15T03:45:34.438Z https://i.ytimg.com/vi/NJ8wDB4Ew-A/maxresdefault.jpg FOLLOW MY INCANTATIONS AND ALL YOUR DREAMS WILL COME TRUE 🔥 Be the ~17,900th person to join our super tasty newsletter https://bit.ly/syntax_snackpack ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev #ai #chatgpt #vibecoding https://www.youtube.com/embed/NJ8wDB4Ew-A 34 2025-10-09T18:38:58.000Z https://syntax.yabby.page/video/figma-bought-payload 2026-10-15T03:45:34.442Z https://i.ytimg.com/vi/5LgDuM6UOz8/maxresdefault.jpg Figma bought Payload?! 🆕 Why did Figma buy a CMS? 🔗 SYNTAX.FM/912 💬 Wes chats with James Mikrut, founder of Payload CMS, about being acquired by Figma! They discuss building an open source business, the future of UI design, AI interfces, and what this means for the future of Payload and Figma. 🔥 Be the ~15,900th person to join our super tasty newsletter https://bit.ly/syntax_snackpack All links available at https://syntax.fm/912 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev #figma #payload #cms #payloadcms #syntaxfm #tech https://www.youtube.com/embed/5LgDuM6UOz8 60 2025-06-17T15:07:18.000Z https://syntax.yabby.page/video/find-real-world-issues-and-build-real-tech-solution 2026-10-15T03:45:34.446Z https://i.ytimg.com/vi/Q12sKbzQEQU/maxresdefault.jpg Find real world issues and build real tech solution How long does it take to make your way into a Senior Tech role after a career pivot? Airline Pilot to Senior Dev for example? Depends on your effort and approach. You can accelerate your career transition by finding real world issues and building tech solutions. 🔥 Be the ~14,700th person to join our super tasty newsletter bit.ly/syntax_snackpack All links available at https://syntax.fm/881 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev #React #Databases #Mobile #syntaxfm #career #techcareer https://www.youtube.com/embed/Q12sKbzQEQU 100 2025-03-03T21:20:07.000Z https://syntax.yabby.page/video/free-dev-stickers-fixing-a-bug-with-sentry 2026-10-15T03:45:34.450Z https://i.ytimg.com/vi/Tto8vSiCzt4/maxresdefault.jpg FREE DEV STICKERS! | Fixing a bug with Sentry In this video CJ talks about how you can get FREE dev stickers and shows how he fixed an issue on the syntax.fm site with @Sentry-monitoring 🔥 Sign up for the snackpack to get your free stickers here: https://bit.ly/syntax_snackpack ⚠️ Sign up for Sentry and get 2 months FREE: https://sentry.io/syntax/ Like / retweet https://x.com/syntaxfm/status/1907474278058176728 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #developer #free #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/Tto8vSiCzt4 283 2025-04-03T11:00:38.000Z https://syntax.yabby.page/video/free-maps-for-any-app-replace-google-maps-today 2026-10-15T03:45:34.460Z https://i.ytimg.com/vi/UAQogFwyna0/maxresdefault.jpg FREE maps for any app - replace Google maps TODAY In this video CJ shows how to add a map to your web site for FREE with OpenFreeMap and MapLibre. He explains how these map libraries and tile servers work, talks about some of the paid offerings available and shows example implementations with vanilla js, react, vue and svelte. View the code here: https://github.com/w3cj/openfreemap-examples/ 00:00 intro 01:48 how do map libraries work? 04:17 client js - per load fees 06:15 tile server - usage fees 07:45 free map libraries 08:18 maplibre short history - mapbox fork 09:15 free map tile servers 09:54 what is openstreetmap? 10:47 openfreemap is good 11:00 vector tile services 11:18 vector tile specification 11:37 map styles 14:20 code examples 14:41 vanilla example 16:39 vanilla leaflet example 18:08 maplibre framework adapters 19:41 react example 22:03 vue example 24:25 svelte example 26:18 awesome-maplibre 26:36 thanks OpenFreeMap | https://openfreemap.org/ MapLibre | https://maplibre.org/ OpenStreetMap | https://www.openstreetmap.org Google Maps JavaScript | https://developers.google.com/maps/documentation/javascript/overview Google Maps Pricing | https://mapsplatform.google.com/pricing/ mapbox | https://www.mapbox.com/ mapbox pricing | https://www.mapbox.com/pricing maptiler | https://www.maptiler.com/ maptiler server | https://www.maptiler.com/server/ protomaps | https://protomaps.com/ Leaflet | https://leafletjs.com/ OpenLayers | https://openlayers.org/ Raster tile providers | https://wiki.openstreetmap.org/wiki/Raster_tile_providers Vector tiles | https://wiki.openstreetmap.org/wiki/Vector_tiles maputnik map style editor | https://maputnik.github.io/ VS Code Live Server | https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer react-maplibre | https://visgl.github.io/react-maplibre/ vue-maplibre-gl | https://indoorequal.github.io/vue-maplibre-gl/ svelte-maplibre | https://github.com/dimfeld/svelte-maplibre awesome-maplibre | https://github.com/maplibre/awesome-maplibre openfreemap self hosting | https://github.com/hyperknot/openfreemap/b https://www.youtube.com/embed/UAQogFwyna0 1641 2024-10-22T11:00:35.000Z https://syntax.yabby.page/video/it-kinda-feels-like-apple-forgot-to-run-the-new-ios-by-a-single-ux-expert 2026-10-15T03:45:34.465Z https://i.ytimg.com/vi/ZR6AYcdQp6s/maxresdefault.jpg It kinda feels like Apple forgot to run the new iOS by a single UX expert All links available at https://syntax.fm/937 🔥 Be the ~16,700th person to join our super tasty newsletter https://bit.ly/syntax_snackpack ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev #apple #ios #mac #linux #ux #ui https://www.youtube.com/embed/ZR6AYcdQp6s 79 2025-09-16T17:10:32.000Z https://syntax.yabby.page/video/but-also-he-wasn-t-wrong 2026-10-15T03:45:34.469Z https://i.ytimg.com/vi/_kwx1hNC-n4/maxresdefault.jpg 😬 but also he wasn't wrong.. 🔥 Be the ~16,700th person to join our super tasty newsletter https://bit.ly/syntax_snackpack ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev #chirping #css #semicircle https://www.youtube.com/embed/_kwx1hNC-n4 15 2025-09-05T20:49:56.000Z https://syntax.yabby.page/video/apple-s-screen-time-controls-are-diabolical 2026-10-15T03:45:34.475Z https://i.ytimg.com/vi/bInur5bZLbA/maxresdefault.jpg Apple's screen time controls are diabolical 🔥 Be the ~16,754th person to join our super tasty newsletter https://bit.ly/syntax_snackpack All links available at https://syntax.fm/929 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev #apple #parentalcontrols #screentime https://www.youtube.com/embed/bInur5bZLbA 29 2025-08-22T17:44:13.000Z https://syntax.yabby.page/video/fun-profitable-side-projects-for-developers 2026-10-15T03:45:34.481Z https://i.ytimg.com/vi/jNG_tLuj4Vg/maxresdefault.jpg Fun & Profitable Side Projects for Developers Scott and Wes serve up a hasty discussion on side projects, sharing their latest Hack Week experiments and tips on how to turn fun ideas into profitable ventures. They cover everything from finding inspiration to choosing the right tech, and even offer advice on how to finish what you start. Show Notes 00:00 Welcome to Syntax! 01:11 Brought to you by Sentry.io. 01:27 Wes' Hack Week project. 02:30 Scott's Hack Week project. 04:18 Where do you get ideas for side projects? 09:22 End goals for a side project. 14:47 Other end goals. 16:45 What tech should you use? 20:34 Keeping notes. 23:14 Finishing side projects. 26:39 Shameless Plugisode! All links available at https://syntax.fm/819 ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript https://www.youtube.com/embed/jNG_tLuj4Vg 1684 2024-09-09T11:00:46.000Z https://syntax.yabby.page/video/github-and-code-reviews-with-sarah-vessels 2026-10-15T03:45:34.486Z https://i.ytimg.com/vi/Az1ELhRw4sk/maxresdefault.jpg GitHub and Code Reviews with Sarah Vessels Scott and Wes talk with GitHub’s Sarah Vessels about the ins and outs of code reviews, their critical role in collaborative development, and tips for making your reviews more effective. Show Notes (00:00) - Welcome to Syntax! (00:59) - What is a code review? (04:18) - Strategies for an effective code review processes (06:59) - Should you test and fix in the same pull request? (07:57) - How to ask for code reviews (12:12) - Feature flags and their role in dode management (20:03) - Who should do code reviews? (23:34) - Should you review your own code? (25:04) - Brought to you by Sentry.io (25:29) - Code comments vs pull requests (27:35) - Dealing with egos in the code review process (30:18) - What automations are essential? (36:25) - Commit strategies and squash (39:30) - GitHub's branching system (41:14) - Git gone wrong (42:30) - What is the correct way to merge into main? (43:47) - What was it like working on GitHub Sponsors? (46:58) - Sick Picks & Shameless Plugs All links available at https://syntax.fm/830 ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript https://www.youtube.com/embed/Az1ELhRw4sk 3088 2024-10-04T11:00:12.000Z https://syntax.yabby.page/video/do-you-think-wes-won-this-css-battle 2026-10-15T03:45:34.491Z https://i.ytimg.com/vi/blB_CtN4W-0/maxresdefault.jpg Do you think Wes won this CSS Battle? 🔥 Be the ~16,700th person to join our super tasty newsletter https://bit.ly/syntax_snackpack ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev #pokemon #cssbattle #css #wesbos https://www.youtube.com/embed/blB_CtN4W-0 24 2025-08-01T18:44:44.000Z https://syntax.yabby.page/video/auth-has-changed-so-much-in-the-last-10-year-and-we-re-very-here-for-it 2026-10-15T03:45:34.495Z https://i.ytimg.com/vi/hxU7-k_27fU/maxresdefault.jpg Auth has changed so much in the last ~10 year and we’re very here for it 🔥 Be the ~16,700th person to join our super tasty newsletter https://bit.ly/syntax_snackpack All links available at https://syntax.fm/919 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev #authentication #betterauth #auth #2fa #passkeys https://www.youtube.com/embed/hxU7-k_27fU 77 2025-07-15T20:54:58.000Z https://syntax.yabby.page/video/how-long-til-we-see-a-browser-come-out-of-openai 2026-10-15T03:45:34.500Z https://i.ytimg.com/vi/FQj3GNGwTeg/maxresdefault.jpg how long til we see a browser come out of OpenAI? 🔥 Be the ~16,700th person to join our super tasty newsletter https://bit.ly/syntax_snackpack All links available at https://syntax.fm/917 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev #aitools #ai #openai #browsers https://www.youtube.com/embed/FQj3GNGwTeg 27 2025-07-08T18:41:02.000Z https://syntax.yabby.page/video/how-much-can-we-really-trust-background-agents 2026-10-15T03:45:35.098Z https://i.ytimg.com/vi/MEacXwkfcjE/maxresdefault.jpg How much can we really trust background agents? 🔥 Be the ~15,700th person to join our super tasty newsletter https://bit.ly/syntax_snackpack All links available at https://syntax.fm/915 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #ai #backgroundagents #webdev #syntax #syntaxfm #cli #devtools https://www.youtube.com/embed/MEacXwkfcjE 57 2025-06-30T19:40:13.000Z https://syntax.yabby.page/video/gitlab-ce-tutorial-7-wiki-management-for-better-docs 2026-10-15T03:45:35.103Z https://i.ytimg.com/vi/X0yG1nEh8-8/maxresdefault.jpg GitLab CE Tutorial #7 - Wiki Management For Better Docs In this GitLab video tutorial, we show the Wiki features of GitLab CE. Subscribe for more free tutorials https://goo.gl/6ljoFc, Buy this series with an extra video! https://goo.gl/A7drFW Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e Build together: GitLab includes Git repository management, code reviews, issue tracking, wikis, and more, plus GitLab CI, an easy-to-use continuous integration and deployment tool. Stay up-to-date: Collaborate with your team using issues, milestones, and line-by-line code review. View activity streams of projects or the people you work with. Plays well with others: GitLab seamlessly integrates with Slack, Hipchat, LDAP, JIRA, Jenkins, and many other popular tools. GitLab includes many webhooks and offers a complete API. GitLab Community Edition is open source and completely free to download. GitLab is powered by a community of more than 1,000 people. GitLab Enterprise Edition offers deeper LDAP and Active Directory integration, Jira and Jenkins integration, and much more. https://www.youtube.com/embed/X0yG1nEh8-8 435 2016-07-11T19:41:00.000Z https://syntax.yabby.page/video/google-s-new-agentic-ide-another-cursor-killer 2026-10-15T03:45:35.108Z https://i.ytimg.com/vi/G5Rf0imkTPE/maxresdefault.jpg Google's new Agentic IDE (another cursor killer?) A first look at Google's new agentic IDE - Antigravity. 00:00 - Google Antigravity 01:08 - Agentic UI 02:56 - Implementation, Task and Walkthrough 04:22 - Feedback 04:45 - Feedback 05:33 - Screenshots and Screen Recordings 05:55 - Tab Completion 06:18 - What do I think? 08:09 - VS Code + Cursor Settings 09:14 - Final Thoughts Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/G5Rf0imkTPE 609 2025-11-18T19:42:48.000Z https://syntax.yabby.page/video/throwing-errors-is-just-like-baseball 2026-10-15T03:45:35.113Z https://i.ytimg.com/vi/MRGti2_MgGc/maxresdefault.jpg Throwing errors is just like baseball... 🔥 Be the ~15,700th person to join our super tasty newsletter https://bit.ly/syntax_snackpack All links available at https://syntax.fm/909 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev #throwingerrors #throw #catch #logerrors #typescript #sentryio https://www.youtube.com/embed/MRGti2_MgGc 45 2025-06-10T21:04:56.000Z https://syntax.yabby.page/video/gotta-catch-em-all-recreating-a-pokemon-ball-with-css 2026-10-15T03:45:35.117Z https://i.ytimg.com/vi/JofAKZ15gRI/maxresdefault.jpg Gotta Catch ’Em All! Recreating a Pokemon Ball with CSS Scott, Wes, and CJ go head-to-head in another round of CSS Battle. This time, trying to recreate a Poké Ball using only HTML and CSS! Who nails it? Who totally biffs it? Play along and see if you can beat their scores! 🔥 Be the ~14,700th person to join our super tasty newsletter https://bit.ly/syntax_snackpack Play Along Here: https://cssbattle.dev/play/95 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/JofAKZ15gRI 1706 2025-08-01T13:23:14.000Z https://syntax.yabby.page/video/peter-pistorius-said-it-first 2026-10-15T03:45:35.121Z https://i.ytimg.com/vi/MV5NVSWKGQw/maxresdefault.jpg Peter Pistorius said it first 🔥 Be the ~15,700th person to join our super tasty newsletter https://bit.ly/syntax_snackpack All links available at https://syntax.fm/902 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev #cloudflare #redwoodsdk #framework https://www.youtube.com/embed/MV5NVSWKGQw 76 2025-06-06T20:09:29.000Z https://syntax.yabby.page/video/hacking-other-teams-names-in-fantasy-football 2026-10-15T03:45:35.128Z https://i.ytimg.com/vi/kWHRzxP1PqE/maxresdefault.jpg Hacking other teams' names in fantasy football Alex Sexton of Stripe earned a bug bounty after finding a Yahoo Sports Fantasy Football bug... but ofc he took the opportunity to mess with his friends' teams first. Full episode here: syntax.fm/731 Episode #731: Client side security, XSS attacks & CSP - Alex Sexton from Stripe discusses CSP (Content Security Policy) and client side security best practices, drawing on 11 years of experience at Stripe. ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #security #css #stripe #softwaredev #webdev #csp #programmer #programming #fantasyfootball #yahoo #yahoosports #hacker #bugbounty https://www.youtube.com/embed/kWHRzxP1PqE 52 2024-02-20T16:12:49.000Z https://syntax.yabby.page/video/here-we-have-a-reallly-complex-solution-to-a-little-riverside-issue 2026-10-15T03:45:35.132Z https://i.ytimg.com/vi/tjMvFMEqmiA/maxresdefault.jpg Here we have a reallly complex solution to a little Riverside issue Watch the full episode https://www.youtube.com/watch?v=VIdM5VSlJVw In this episode (Pro VSCode Setups #760), Scott and Wes detail their Visual Studio Code setups, extensions, themes, fonts, shortcuts and other preferences. ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #productivity #vscode https://www.youtube.com/embed/tjMvFMEqmiA 46 2024-04-25T14:04:06.000Z https://syntax.yabby.page/video/hot-take-scott-thinks-almost-all-the-css-tools-people-like-are-just-solving-scoping-issues 2026-10-15T03:45:35.137Z https://i.ytimg.com/vi/2NgzZM0UCo8/maxresdefault.jpg Hot take: Scott thinks almost all the CSS tools people like are just solving scoping issues. 🔥 Today's Episode: CSS Native @scope This episode covers the new native CSS scoping feature using the @scope rule, how it works, what problems it solves, and browser support status. full episode: https://www.youtube.com/watch?v=YPmUIwVh5vk ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #css #scoping #programming #softwaredev #webdev #frontend #javascript #techpodcast https://www.youtube.com/embed/2NgzZM0UCo8 53 2024-02-12T19:00:22.000Z https://syntax.yabby.page/video/how-do-you-rack-up-a-46k-vercel-bill 2026-10-15T03:45:35.141Z https://i.ytimg.com/vi/ihnGot4nUS4/maxresdefault.jpg 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 01:45 Bandwidth 03:08 Data Preloading 04:56 Requests 06:43 Analytics 08:37 Would Cloudflare Be Cheaper 09:34 Cloudflare Bandwidth 10:18 Cloudflare Requests 13:06 Cloudflare Analytics 13:22 Run on a VPS? 14:11 My Thoughts https://www.youtube.com/embed/ihnGot4nUS4 912 2026-02-12T13:01:28.000Z https://syntax.yabby.page/video/how-i-used-code-to-create-paper-like-images 2026-10-15T03:45:35.146Z https://i.ytimg.com/vi/RNRhNIk26Ow/maxresdefault.jpg How I used CODE to Create Paper Like Images In this video, CJ shares the process he went through to automate the creation of paper like images for a video. 🔥 Be the ~14,700th person to join our super tasty newsletter bit.ly/syntax_snackpack All links available at https://syntax.fm/870 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/RNRhNIk26Ow 540 2025-02-06T10:00:30.000Z https://syntax.yabby.page/video/how-to-create-a-react-app-in-2025 2026-10-15T03:45:35.150Z https://i.ytimg.com/vi/oOd1D83cV48/maxresdefault.jpg How To Create A React App in 2025 In this video CJ talks about what to use to replace create-react-app now that it is deprecated. He talks about the kinds of apps you might be building and gives some opinions on what to use. He also shows how to migrate off of create-react-app to vite. 00:00 intro 00:45 drop-in replacement for create-react-app 02:29 tour of Vite + React app 05:03 how to migrate is later in the video 05:26 types of React apps 05:48 SSG with Astro 06:17 content driven website examples 09:55 astro simple app 10:25 tour of astro app 11:18 astro demo 15:16 SPA - heavy client rendered apps 17:11 SPA routing libraries 18:39 SPA data loading 20:09 SSR - dynamic, on-demand generated apps 23:55 hybrid apps 25:36 migrating from CRA 27:43 excalidraw vite migration example 30:52 full vite migration example 39:14 conclusions / takeaways 40:08 thanks 🔥 Be the ~14,700th person to join our super tasty newsletter bit.ly/syntax_snackpack All links available at https://syntax.fm/870 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev #reactjs #build https://www.youtube.com/embed/oOd1D83cV48 2454 2025-02-25T14:21:34.000Z https://syntax.yabby.page/video/how-to-fix-vibe-coding 2026-10-16T18:15:15.254Z https://i.ytimg.com/vi/LSq485DvILM/maxresdefault.jpg 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 browsers, task workflows, and how to enforce better patterns so AI stops guessing and starts producing maintainable, predictable code. 🔥 Be the ~18,300th person to join our super tasty newsletter https://bit.ly/syntax_snackpack (00:00) Welcome to Syntax! (04:49) Code quality tools (14:11) Finding and using components (17:28) Brought to you by Sentry.io (17:42) Finding bugs (19:55) Formatting and linting (25:41) Headless browsers (32:11) Tasks and todos (33:32) Docs (34:22) TanStack Code Mode (36:01) Getting AI to use these tools (38:18) Sick Picks + Shameless Plugs All links available at https://syntax.fm/998 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/LSq485DvILM 2676 2026-04-22T11:00:38.000Z https://syntax.yabby.page/video/ie6-nailed-this 2026-10-15T03:45:35.154Z https://i.ytimg.com/vi/5Lcc_nOfjfk/maxresdefault.jpg IE6 nailed this A CSS property from IE6 is now standardized... and actually pretty useful? https://www.youtube.com/embed/5Lcc_nOfjfk 146 2025-04-23T20:41:46.000Z https://syntax.yabby.page/video/how-to-easily-explore-coding-ideas 2026-10-15T03:45:35.158Z https://i.ytimg.com/vi/LuS64TMzT48/maxresdefault.jpg How to Easily Explore Coding Ideas Scott and Wes serve up top tools and tricks for rapid idea execution, from JavaScript services like Valtown and Observable to database solutions including LowDB and Google Sheets integration. Get ready to streamline your development ideation process with these tasty insights! Show Notes 00:00 Welcome to Syntax! 02:16 Brought to you by Sentry.io. 03:14 JavaScript Services. 03:43 Valtown. 05:44 Observable. 06:35 Notebooks. 08:23 Deno Juypter Notebooks. 09:51 Svelte Repl. 10:32 Playgrounds: TypeScript, Tailwind, etc… 11:05 CSS Services. 11:10 CodePen. 13:14 Full stack services. 13:47 Your own stack. Hot Tips & Cool Treats. 21:01 Bun file routing. 24:25 Tooling and tips. 26:30 Database. 26:51 Write to a file. 27:40 LowDB. 29:00 SQLite + Drizzle. 29:40 Google Sheets. 30:06 Sheet DB. All links available at https://syntax.fm/759 ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript https://www.youtube.com/embed/LuS64TMzT48 1898 2024-04-22T11:00:27.000Z https://syntax.yabby.page/video/a-gradient-scrollbar 2026-10-15T03:45:35.163Z https://i.ytimg.com/vi/HeLAIMzb7hU/maxresdefault.jpg A gradient scrollbar?? 🔥 Be the ~16,700th person to join our super tasty newsletter bit.ly/syntax_snackpack All links available at https://syntax.fm/895 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/HeLAIMzb7hU 64 2025-04-22T19:45:24.000Z https://syntax.yabby.page/video/how-to-get-good-at-writing-code-with-ai 2026-10-15T03:45:35.170Z https://i.ytimg.com/vi/J2D26XbLIgM/maxresdefault.jpg how to get good at writing code with AI 🔥 Be the ~16,700th person to join our super tasty newsletter https://bit.ly/syntax_snackpack All links available at https://syntax.fm/921 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev #ai #codingwithai #aicoding https://www.youtube.com/embed/J2D26XbLIgM 86 2025-07-22T19:11:38.000Z https://syntax.yabby.page/video/how-to-get-the-highest-quality-code-from-a-llm 2026-10-15T03:45:35.175Z https://i.ytimg.com/vi/HE0Obd1IKMQ/maxresdefault.jpg HOW TO get the highest quality code from a LLM 🔥 Be the ~16,700th person to join our super tasty newsletter https://bit.ly/syntax_snackpack All links available at https://syntax.fm/923 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev #aicoding #codingwithai #ai #llm #tech #syntaxfm #claude #cursor #chatgpt #windsurf https://www.youtube.com/embed/HE0Obd1IKMQ 35 2025-07-29T19:06:44.000Z https://syntax.yabby.page/video/how-to-make-a-dom-library-render-anything-w-paolo-ricciuti 2026-10-15T03:45:35.179Z https://i.ytimg.com/vi/RZ9_9bcIKwk/maxresdefault.jpg 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. 🔥 Be the ~18,300th person to join our super tasty newsletter https://bit.ly/syntax_snackpack (00:00) Welcome to Syntax! (01:44) Paolo’s role at Mainmatter and his work on Svelte custom renderers (02:52) Why Paolo chose Svelte (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 provides and how it differs from a web view (24:18) Brought to you by Sentry.io (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 All links available at https://syntax.fm/984 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/RZ9_9bcIKwk 2949 2026-03-04T12:00:52.000Z https://syntax.yabby.page/video/are-we-over-shadows 2026-10-15T03:45:35.183Z https://i.ytimg.com/vi/7owBS-3KJco/maxresdefault.jpg are we over shadows?? 🔥 Be the ~16,700th person to join our super tasty newsletter bit.ly/syntax_snackpack All links available at https://syntax.fm/891 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev #CSS #Accessibility #Frontend #darkmode #shadows https://www.youtube.com/embed/7owBS-3KJco 48 2025-04-07T19:17:42.000Z https://syntax.yabby.page/video/css-battles-3-recreate-an-image-with-css 2026-10-15T03:45:35.188Z https://i.ytimg.com/vi/enntMV05MSk/maxresdefault.jpg CSS Battles 3! Recreate an Image with CSS The battle rages on! Scott, Wes, and CJ go head-to-head once again in an intense CSS Battle showdown. Who will reign supreme in this third rematch? Tune in for some wild code, creative solutions, and plenty of friendly trash talk! 🔥 Be the ~14,700th person to join our super tasty newsletter bit.ly/syntax_snackpack Play along :) https://cssbattle.dev/play/168 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/enntMV05MSk 851 2025-04-04T12:42:00.000Z https://syntax.yabby.page/video/how-to-pick-a-javascript-framework 2026-10-15T03:45:35.192Z https://i.ytimg.com/vi/zo20Mwwrtp0/maxresdefault.jpg How to Pick a JavaScript Framework Do you really need a framework? Scott and Wes bring on CJ to break down when frameworks like Vue, Svelte, and Astro are worth it—and when they might just add complexity. They dive into everything from rendering strategies to auth solutions, deployment options, and how to choose the right tool for the job. Show Notes 00:00 Welcome to Syntax! 01:32 Brought to you by Sentry.io. 03:17 What is a framework? 08:21 Examples of frameworks for Vue, Svelte and Angular. 12:39 What questions do you need to answer? 12:44 What or where do you need to ship? 14:12 How do you render it? 18:22 Where are you deploying it? 24:03 How do you store data? 24:09 Existing API. 26:03 Integrated server. 26:22 Database. 26:59 Does it have RPC or server actions? 34:27 Do you need authentication? 38:45 Auth packages. 42:10 Does it include email? 42:52 What does the TypeScript story look like? 43:32 How does it handle images? 44:35 How do we work with CSS? 46:02 How long has it been around? 47:37 How mature is the ecosystem? 48:35 Is there community support? 50:21 Portability. 51:18 Hiring. 52:17 Sick Pick + Shameless Plugs. All links available at https://syntax.fm/835 ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript https://www.youtube.com/embed/zo20Mwwrtp0 3515 2024-10-16T11:01:13.000Z https://syntax.yabby.page/video/how-to-pick-a-js-package 2026-10-15T03:45:35.196Z https://i.ytimg.com/vi/sEB_YuymznQ/maxresdefault.jpg How to Pick a JS Package You’ve got a project, and you need the right tool—but how do you know if that JavaScript package is the one? Scott and Wes guide you through finding and validating packages, from checking NPM to scoping out social proof, so you can pick tools you can trust. 👉 Join the exclusive newsletter - https://syntax.fm/snackpack Show Notes 00:00 Welcome to Syntax! 00:29 Brought to you by Sentry.io. 01:44 How to find a JS package. 02:56 Searching via NPM. 03:28 Searching via Socket.dev. 06:02 Searching via Reddit. 06:24 Searching via Perplexity. 08:31 Searching via Google autocomplete. 09:25 Searching via Awesome repo. 09:51 Searching via social networks. 10:47 Searching via established projects. 11:19 Evaluating the quality of a package. 12:02 Validating via GitHub Issues. 13:58 Are there types? 15:16 Validating via Socket. 16:15 Validating via Bundlephobia. 17:15 Validating via the docs. 17:55 Validating via GitHub Search. 18:14 Validating via GitHub Insights. 20:19 Validating via the package.json file. All links available at https://syntax.fm/849 ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript https://www.youtube.com/embed/sEB_YuymznQ 1338 2024-11-18T12:01:15.000Z https://syntax.yabby.page/video/stereotypical-programmers-by-language-according-to-ai 2026-10-15T03:45:35.200Z https://i.ytimg.com/vi/PF5jnJWF7-c/maxresdefault.jpg stereotypical programmers by language, according to AI 🔥 Be the ~14,700th person to join our super tasty newsletter bit.ly/syntax_snackpack ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev #stereotypical #aigenerated #programmer #programmersterotypes #typescript #php #python #java #react #rust #html #css #ruby #vibecoding https://www.youtube.com/embed/PF5jnJWF7-c 71 2025-03-27T15:38:02.000Z https://syntax.yabby.page/video/how-to-track-svelte-kit-v1-progress-weekly-svelte 2026-10-15T03:45:35.205Z https://i.ytimg.com/vi/JvdGLohq-Aw/maxresdefault.jpg How To Track Svelte Kit v1 Progress - Weekly Svelte Become a Level Up Pro and take your web skills to the next level! https://www.leveluptutorials.com The best web development podcast out there Syntax with Wes Bos and Scott Tolinski https://syntax.fm 🎨 VSCode Theme: https://marketplace.visualstudio.com/items?itemName=leveluptutorials.theme-levelup All of the stuff I use https://www.scotttolinski.com/uses https://www.youtube.com/embed/JvdGLohq-Aw 414 2022-03-25T20:12:34.000Z https://syntax.yabby.page/video/html5-tutorials-14-html5-video-attributes 2026-10-15T03:45:35.210Z https://i.ytimg.com/vi/E-N92D-_c3s/maxresdefault.jpg HTML5 Tutorials #14 - HTML5 Video Attributes The 14th video in our HTML5 Tutorial series. Here, I show you the video attributes in HTML5. http://www.nytimes.com/projects/2012/snow-fall/ Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e https://www.youtube.com/embed/E-N92D-_c3s 465 2013-07-03T01:51:39.000Z https://syntax.yabby.page/video/html5-tutorials-12-how-to-use-video-in-html5-part-1 2026-10-15T03:45:35.214Z https://i.ytimg.com/vi/Npe4IDsj-gs/maxresdefault.jpg HTML5 Tutorials #12 - How To Use Video in HTML5 Part 1 The 12th video in our HTML5 for beginners Tutorial series. Here, I show you the basics of getting video up and running on your website. This is a barebones usage of HTML5 Video. Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e https://www.youtube.com/embed/Npe4IDsj-gs 285 2013-07-03T01:45:14.000Z https://syntax.yabby.page/video/html5-tutorials-19-svg-inline-and-css-styling 2026-10-15T03:45:35.219Z https://i.ytimg.com/vi/KyBmo_VffWI/maxresdefault.jpg HTML5 Tutorials #19 - SVG Inline and CSS Styling Learn how you can have SVG code directly in your HTML document. You also learn how to style SVG with CSS. Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e https://www.youtube.com/embed/KyBmo_VffWI 406 2014-06-27T00:50:54.000Z https://syntax.yabby.page/video/html5-tutorials-4-html5-shiv 2026-10-15T03:45:35.223Z https://i.ytimg.com/vi/H3YXBMKdqS0/maxresdefault.jpg HTML5 Tutorials #4 - HTML5 Shiv The 4th video in our HTML5 Tutorial series. Here, I show you how to use the HTML5 Shiv to make sure you code is compatible with older browsers. https://code.google.com/p/html5shiv/ Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e https://www.youtube.com/embed/H3YXBMKdqS0 209 2013-05-17T01:29:34.000Z https://syntax.yabby.page/video/html5-tutorials-8-figure-and-figcaption 2026-10-15T03:45:35.227Z https://i.ytimg.com/vi/JdagGAxAow0/maxresdefault.jpg HTML5 Tutorials #8 - Figure and Figcaption The 8th video in our HTML5 Tutorial series. Here, I show you how to use figure and figcaption to have essential content with captions. Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e https://www.youtube.com/embed/JdagGAxAow0 212 2013-06-22T21:13:48.000Z https://syntax.yabby.page/video/htmx-only-cares-that-you-re-shipping-html-to-the-browser 2026-10-15T03:45:35.231Z https://i.ytimg.com/vi/yH9csXG0Ng4/maxresdefault.jpg HTMX only cares that you're shipping HTML to the browser Is HTMX a Joke? HTMLX is a small library for swapping out parts of your UI with responses from a server. It brings back AJAX and is not a full replacement for React Episode #726: syntax.fm/726 ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #htmx #html #ajax #ui #tech #developerhumor #programmer #webdev #softwaredev #javascript https://www.youtube.com/embed/yH9csXG0Ng4 43 2024-02-06T20:01:11.000Z https://syntax.yabby.page/video/us-dev-dads-just-want-to-teach-our-offspring-how-things-work 2026-10-15T03:45:35.235Z https://i.ytimg.com/vi/1zgyzL1r1oo/maxresdefault.jpg Us dev dads just want to teach our offspring how things work 🔥 Be the ~14,700th person to join our super tasty newsletter bit.ly/syntax_snackpack All links available at https://syntax.fm/881 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev #React #Databases #Mobile #syntaxfm #minecraft #decoder https://www.youtube.com/embed/1zgyzL1r1oo 62 2025-03-04T21:20:38.000Z https://syntax.yabby.page/video/cloudflare-has-an-automatic-rate-limiting-feature-for-api-integrations 2026-10-15T03:45:35.239Z https://i.ytimg.com/vi/rWyK6q1eihQ/maxresdefault.jpg Cloudflare has an automatic rate limiting feature for API integrations 🔥 Be the ~14,700th person to join our super tasty newsletter bit.ly/syntax_snackpack All links available at https://syntax.fm/879 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev #cloudflare #ratelimiting #apis https://www.youtube.com/embed/rWyK6q1eihQ 56 2025-02-25T21:27:51.000Z https://syntax.yabby.page/video/queues-can-wait-an-entire-year-with-fullstack-cloudflare-workflows 2026-10-15T03:45:35.243Z https://i.ytimg.com/vi/hgLwiVYpuSM/maxresdefault.jpg Queues can wait an entire year with fullstack cloudflare workflows 🔥 Be the ~14,700th person to join our super tasty newsletter bit.ly/syntax_snackpack All links available at https://syntax.fm/879 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev #cloudflare #workflows #fullstack #fullstackcloudflare https://www.youtube.com/embed/hgLwiVYpuSM 71 2025-02-24T20:38:18.000Z https://syntax.yabby.page/video/if-statements-in-css 2026-10-15T03:45:35.252Z https://i.ytimg.com/vi/fTdqR9ZmHHU/maxresdefault.jpg If Statements in CSS? Wes and Scott talk about the new If statements in CSS, breaking down how they work, why they matter, and when to use them. They explore use cases, syntax quirks, and how this feature pushes CSS closer to true conditional logic—no JavaScript required 🔥 Be the ~14,700th person to join our super tasty newsletter https://bit.ly/syntax_snackpack (00:00) - Welcome to Syntax! (01:30) - Brought to you by Sentry.io (02:37) - CSS If statements in action (09:08) - Using the attribute function (13:43) - Mixing If statements with media queries (16:54) - Can't this be done with classes? (18:16) - The future of CSS: declarative APIs (21:10) - Is CSS now a programming language? All links available at https://syntax.fm/910 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/fTdqR9ZmHHU 1479 2025-06-11T11:01:12.000Z https://syntax.yabby.page/video/did-you-know-you-can-make-depth-maps-in-the-browser-with-transformers-js 2026-10-15T03:45:35.257Z https://i.ytimg.com/vi/mTQwqtBJv30/maxresdefault.jpg did you know you can make depth maps in the browser with transformers.js 👉 has anyone told you about our newsletter? - syntax.fm/snackpack ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript https://www.youtube.com/embed/mTQwqtBJv30 55 2025-01-17T19:52:04.000Z https://syntax.yabby.page/video/the-secret-to-inbox-zero-and-conquering-your-email 2026-10-15T03:45:35.261Z https://i.ytimg.com/vi/Tsz5wteVyp4/maxresdefault.jpg The Secret To Inbox Zero and Conquering Your Email Do you struggle with email? Here are Scott Tolinski's tips on how to keep a clean inbox. Check out Superhuman: https://superhuman.com/refer/xdyojnbx 👉 Join the exclusive newsletter - https://syntax.fm/snackpack ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript https://www.youtube.com/embed/Tsz5wteVyp4 531 2025-01-17T11:00:42.000Z https://syntax.yabby.page/video/30-million-domain-web-dev-guessing-game 2026-10-15T03:45:35.265Z https://i.ytimg.com/vi/ngBgjDq-Li4/maxresdefault.jpg $30 MILLION domain?? Web Dev Guessing Game Scott, Wes, and CJ compete in web development trivia to settle once and for all –who is the better web developer. Grab yourself some snacks and play along! 🔥 Be the ~14,700th person to join our super tasty newsletter - bit.ly/syntax_snackpack ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: @randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/ngBgjDq-Li4 981 2025-01-24T13:07:29.000Z https://syntax.yabby.page/video/invokers-explained-the-new-html-api-that-to-trigger-events-without-javascript 2026-10-15T03:45:35.269Z https://i.ytimg.com/vi/Ctb9-Bb2j-Y/maxresdefault.jpg Invokers Explained - The new HTML API that to trigger events without JavaScript Invokers are an incredible new HTML API. Read more about it here: Demos: https://tolin.ski/demos/invoker-basic https://tolin.ski/demos/invoker-custom https://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API https://open-ui.org/components/invokers.explainer/ Polyfill https://unpkg.com/invokers-polyfill@latest/invoker.min.js 👉 Join the exclusive newsletter - https://syntax.fm/snackpack ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript https://www.youtube.com/embed/Ctb9-Bb2j-Y 388 2024-12-05T21:21:44.000Z https://syntax.yabby.page/video/node-js-now-runs-typescript-typescript-nodejs-webdevelopment 2026-10-15T03:45:35.273Z https://i.ytimg.com/vi/Z2U0iK0r1Bo/maxresdefault.jpg Node.js Now Runs TypeScript #typescript #nodejs #webdevelopment Run TypeScript directly with Node.js ------------------------------------------------------------------------------ Hit us up on Socials! https://www.syntax.fm/links Brought to you by Sentry - Use code "tastytreats" to get 2 months free - https://sentry.io/syntax https://www.youtube.com/embed/Z2U0iK0r1Bo 58 2025-01-08T20:34:09.000Z https://syntax.yabby.page/video/is-figma-dead-penpot-the-open-source-figma-alternative 2026-10-15T03:45:35.277Z https://i.ytimg.com/vi/pj7D0tSNmEg/maxresdefault.jpg Is Figma Dead? - Penpot, the Open Source Figma Alternative Become a Level Up Pro and take your web skills to the next level! https://www.leveluptutorials.com The best web development podcast out there Syntax with Wes Bos and Scott Tolinski https://syntax.fm 🎨 VSCode Theme: https://marketplace.visualstudio.com/items?itemName=leveluptutorials.theme-levelup All of the stuff I use https://www.scotttolinski.com/uses https://www.youtube.com/embed/pj7D0tSNmEg 393 2022-09-15T16:36:43.000Z https://syntax.yabby.page/video/is-having-kids-the-secret-to-career-success 2026-10-15T03:45:35.281Z https://i.ytimg.com/vi/Z8DAsNSOT6U/maxresdefault.jpg Is having kids the secret to career success? Full episode at https://www.youtube.com/watch?v=LbhGwLH7U2k Today's episode #784 Logging × Blogging × Testing × Freelancing Wes and Scott answer audience questions about logging, blogging, testing, freelancing, carbon footprint tools, having kids, murder mystery podcasts, and pressure washers. ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #career #children #lifeadvice #advice #techtok #javascript https://www.youtube.com/embed/Z8DAsNSOT6U 42 2024-06-20T14:32:32.000Z https://syntax.yabby.page/video/drizzle-has-support-for-pglite 2026-10-15T03:45:35.285Z https://i.ytimg.com/vi/B0_vgFAiyuw/maxresdefault.jpg Drizzle has support for PGlite 💬 Discussion on different ways to store data locally in the browser for things like user preferences, allowing app usage before signup, faster data access, privacy, persisting data on refresh, and storing auth tokens. 👉 Join the exclusive newsletter - https://syntax.fm/snackpack ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #localstorage #offline #privacy #javascript hashtag#webdev #coding #techpodcast https://www.youtube.com/embed/B0_vgFAiyuw 53 2024-12-18T15:41:57.000Z https://syntax.yabby.page/video/imagine-starting-a-new-job-and-realizing-a-bunch-of-your-code-is-already-in-their-repo 2026-10-15T03:45:35.289Z https://i.ytimg.com/vi/0-lZ4RBBuo8/maxresdefault.jpg imagine starting a new job and realizing a bunch of your code is already in their repo 💬 Zach Jackson explains ByteDance's web infrastructure and Module Federation which allows dynamically linking parts at runtime 👉 Join the exclusive newsletter - https://syntax.fm/snackpac ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #modulefederation #microfrontends #webinfrastructure #rust #bundlers https://www.youtube.com/embed/0-lZ4RBBuo8 42 2024-12-13T19:58:31.000Z https://syntax.yabby.page/video/syntax-bytes-with-cj-css-battles-working-on-syntax-fm-episode-5 2026-10-15T03:45:35.302Z https://i.ytimg.com/vi/UqR2p5mttck/maxresdefault.jpg Syntax Bytes with CJ - CSS Battles | Working on Syntax.fm | Episode 5 In this live stream CJ solves some CSS battles and then works on Syntax.fm (a SvelteKit App). 00:00:00 Live Stream https://cssbattle.dev/play/46 https://cssbattle.dev/play/181 https://syntax.fm/ https://github.com/syntaxfm/website/ ------------------------------------------------------------------------------ Hit us up on Socials! https://www.syntax.fm/links Brought to you by Sentry - Use code "tastytreats" to get 2 months free - https://sentry.io/syntax #css #sveltejs #typescript https://www.youtube.com/embed/UqR2p5mttck 8410 2024-11-14T21:03:32.000Z https://syntax.yabby.page/video/is-virtual-dom-bad-answering-listener-questions 2026-10-15T03:45:35.306Z https://i.ytimg.com/vi/-HnuAyIaxJY/maxresdefault.jpg Is Virtual DOM Bad? Answering Listener Questions In this Potluck episode of Syntax, Wes and Scott answer your questions about Alpine JS or HTMX as a replacement for Pug, what powers in-app browsers, the importance of key-commands and shortcuts, and why Virtual Dom is 'bad'. Show Notes 00:00 Welcome 01:27 Syntax Brought to you by Sentry.io 02:45 Welcome Randy, our new Producer! 04:14 A 'Canadian Podcast' 04:53 Is Alpine JS or HTMX a replacement for pug or other templating libraries? 08:21 What powers the "in-app" browsers and how can we test our sites on it? 13:16 A deep dive on generators and iterators. 15:25 Video podcast observations 17:18 PROBLEM: I need a way of managing state. 22:34 Why is Virtual Dom (a la React) suddenly bad? 28:31 In a recent episode (659), Wes mentioned he updated the OG image cards, and noticed a higher click through rate. 29:07 Updated logo and monster truck intro. 30:19 Back to OG Images. 31:51 Are "import * as X" exports build stripped? 36:46 What is the difference between S3 storage and a CDN. 45:00 How important are keyboard shortcuts or extensions? Are they necessary to be a good developer? 50:04 Sick Picks + Shameless Plugs All links available at https://syntax.fm/724 ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript https://www.youtube.com/embed/-HnuAyIaxJY 3430 2024-01-31T12:41:31.000Z https://syntax.yabby.page/video/is-the-omarchy-hype-real 2026-10-15T03:45:35.311Z https://i.ytimg.com/vi/aWWo4ypLXds/maxresdefault.jpg Is The Omarchy Hype Real? Scott takes Wes on a tour of Omarchy, DHH’s polished Arch + Hyprland Linux setup that promises speed, beauty, and endless keyboard shortcuts. From first impressions to daily workflows, Scott debates whether it’s good enough to pull him out of the Apple ecosystem for good.🔥 Be the ~14,700th person to join our super tasty newsletter https://bit.ly/syntax_snackpack Show Notes 00:00 Welcome to Syntax! 02:31 Brought to you by Sentry.io. 02:55 What is Omarchy? 02:57 Arch-based distribution. 03:42 Hyprland window management. 05:08 Wayland Display Server Protocol. 06:27 Installation Defaults. 06:53 System-wide shortcuts. 09:01 My first impressions. 09:41 Connecting to my NAS. 10:54 Gigantic UI. 12:21 Day 2 Experiences. 13:22 Resizing window challenges. 16:11 Neovim and Lazyvim. 16:49 Lazygit. 19:07 How do you use it and why is it good. 19:14 Command Palette. 19:49 Raycast. 20:50 Using the app launcher. 21:25 Screensavers. 21:59 OS Style. 22:55 My apps, my apps, my apps, check it out. 25:07 Is the hardware comparable to Mac’s M processors? 27:24 Installing new apps. 29:26 Web apps as first class citizens. 32:47 What I’ll miss. 35:56 What’s going on with MacOS UI? 38:37 Annoyances. 39:31 My advice. 44:39 Sick Picks & Shameless Plugs. All links available at https://syntax.fm/937 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/aWWo4ypLXds 2902 2025-09-15T11:00:04.000Z https://syntax.yabby.page/video/gitdaddy 2026-10-15T03:45:35.315Z https://i.ytimg.com/vi/_KCv8jqlpsk/maxresdefault.jpg GitDaddy?? Today's episode is a special one. Scott and Wes react to the GitHub Universe keynote from the podcast booth at the conference 👉 Join the exclusive newsletter - syntax.fm/snackpack ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #github @GitHub #githubuniverse #ai #mircosoct https://www.youtube.com/embed/_KCv8jqlpsk 55 2024-11-04T22:41:26.000Z https://syntax.yabby.page/video/it-shouldn-t-be-this-hard-but-it-was-css-battle 2026-10-15T03:45:35.324Z https://i.ytimg.com/vi/RODwHgM2YD0/maxresdefault.jpg It Shouldn’t Be This Hard… But It Was (CSS Battle) Three devs. One simple triangle. How hard could it be? Turns out… way harder than expected. Watch Scott, Wes, and CJ battle it out in CSS Battle #187 and struggle to draw what should’ve been the easiest shape ever. 🔥 Be the ~14,700th person to join our super tasty newsletter https://bit.ly/syntax_snackpack 👉 Play along here: https://cssbattle.dev/play/187 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/RODwHgM2YD0 1379 2025-09-26T12:11:41.000Z https://syntax.yabby.page/video/it-was-way-too-easy-to-crash-chrome-canary 2026-10-15T03:45:35.328Z https://i.ytimg.com/vi/-czA6esL2hk/maxresdefault.jpg It was way too easy to crash Chrome Canary It was way too easy to crash Chrome Canary https://www.youtube.com/embed/-czA6esL2hk 42 2025-12-09T16:32:35.000Z https://syntax.yabby.page/video/js-intl-api-examples-dependency-free-formatting 2026-10-15T03:45:35.332Z https://i.ytimg.com/vi/DyHXvcX0BGQ/maxresdefault.jpg JS Intl API Examples - Dependency Free Formatting In this video shows how he is using the JS Intl API to format dates, numbers and durations in his apps. 00:00 Intro 00:55 Intl.DateTimeFormat 02:16 Intl.NumberFormat 03:31 Intl.RelativeTimeFormat 05:23 where are these supported? 05:58 thanks! View the Intl examples here: https://gist.github.com/w3cj/e9e39a1b1942c03a82ac9f252236341b MDN Intl | https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl DateTimeFormat | https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/DateTimeFormat NumberFormat | https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat RelativeTimeFormat | https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/RelativeTimeFormat Web Dev Simplified Blog - Relative Date Internationalization In JavaScript | https://blog.webdevsimplified.com/2020-07/relative-time-format/ ------------------------------------------------------------------------------ Hit us up on Socials! https://www.syntax.fm/links Brought to you by Sentry - Use code "tastytreats" to get 2 months free - https://sentry.io/syntax #javascript #webdevelopment #bluesky https://www.youtube.com/embed/DyHXvcX0BGQ 387 2024-11-26T17:48:27.000Z https://syntax.yabby.page/video/javascript-signals-explained 2026-10-15T03:45:35.947Z https://i.ytimg.com/vi/kZnQSrP-Yo4/maxresdefault.jpg JavaScript Signals Explained JavaScript is missing a built-in way to make variables reactive—but Signals might change that. Scott and Wes break down what Signals are, how they compare to React state, and how different frameworks like Preact, Solid, Vue, and Qwik are already using them 🔥 Be the ~14,700th person to join our super tasty newsletter bit.ly/syntax_snackpack Show Notes 00:00 Welcome to Syntax! 01:49 Brought to you by Sentry.io. 02:28 Why JavaScript needs reactive variables. 03:16 What exactly are signals? 04:02 Understanding computed state. 04:59 How signals differ from React state. 06:12 How different frameworks handle reactivity. 07:09 DOM Parts. 07:26 HTML Template Instantiation. 09:10 Comparing signals across frameworks: Preact, Solid.js, Vue, and more. All links available at https://syntax.fm/875 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/kZnQSrP-Yo4 987 2025-02-10T13:12:40.000Z https://syntax.yabby.page/video/i-want-an-opinionated-js-framework-as-long-as-it-s-my-opinions-at-the-moment 2026-10-15T03:45:35.952Z https://i.ytimg.com/vi/vR0tpY8e_2U/maxresdefault.jpg "I want an opinionated JS framework as long as it's my opinions at the moment" How to Pick a JavaScript Framework Discussion on key things to consider when evaluating a JavaScript framework to use ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdeveloper #JavaScript #FrameworkEvaluation #WebDevelopment #opinionated https://www.youtube.com/embed/vR0tpY8e_2U 11 2024-10-17T18:09:46.000Z https://syntax.yabby.page/video/just-announced-the-new-typescript-compiler-native-and-10-faster-and-written-in-go 2026-10-15T03:45:35.956Z https://i.ytimg.com/vi/rhnE_DWQcHY/maxresdefault.jpg 🚨 JUST announced - the new TypeScript Compiler: Native and 10× Faster and written in Go 🔥 Be the ~14,700th person to join our super tasty newsletter bit.ly/syntax_snackpack All links available at https://syntax.fm/870 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev #typescript #golang #microsoft #typescriptnews #webdev #syntaxfmpodcast https://www.youtube.com/embed/rhnE_DWQcHY 76 2025-03-11T14:59:59.000Z https://syntax.yabby.page/video/just-battle-your-dragons 2026-10-15T03:45:35.961Z https://i.ytimg.com/vi/4w9g0GNoWjM/maxresdefault.jpg Just Battle Your Dragons Inspirational quotes by Wes Bos: Sometimes your dragons in life... ✨are not so bad✨. Just battle your dragons. Look them straight on. Don't keep thinking 'I'll do it later'. https://www.youtube.com/embed/4w9g0GNoWjM 41 2026-02-13T16:31:04.000Z https://syntax.yabby.page/video/build-a-documented-type-safe-api-with-hono-drizzle-zod-openapi-and-scalar 2026-10-15T03:45:35.965Z https://i.ytimg.com/vi/sNh9PoM9sUE/maxresdefault.jpg Build a documented / type-safe API with hono, drizzle, zod, OpenAPI and scalar In this video CJ shows how to use hono and @hono/zod-openapi to build a fully type-safe API documented with an OpenAPI specification including interactive documentation with scalar. He also shows hono best practices and shows some things you should do / setup in every hono app you create. He also shows how to use a drizzle schema as the single source of truth for type safety and documentation throughout your application. He also shows how to use vitest to write typesafe tests for your API. View the code here: https://github.com/w3cj/hono-open-api-starter View the stoker utilities / helpers here: https://github.com/w3cj/stoker 00:00 Intro 01:10 Quick Code Tour 02:51 stoker - a hono library 03:19 hono-open-api-starter 04:00 generate hono app 04:50 eslint / editor settings setup 07:11 typescript import alias 07:41 install @hono/zod-openapi 08:10 extract hono app to own file 09:43 notFound handler 11:30 onError handler 13:08 logger middleware 13:52 structured logging with pino and hono-pino 15:46 hono-pino pretty logs and customization 20:23 typesafe hono AppBindings 21:56 pino log level setting 23:35 dotenv setup 25:30 typesafe env with zod 32:25 serveEmojiFavicon middleware 33:33 clean up app creation 35:36 hono strict mode 36:16 configure openapi doc endpoint 38:36 createRouter helper 39:33 create index route 42:42 mount index router on application 44:02 open api overview 45:00 scalar documentation setup 46:30 package.json type module 47:00 scalar customization 49:21 OpenAPIHono defaultHook 50:48 stoker openapi helpers 54:01 group route definitions with tags 54:34 tasks router setup 55:32 tasks list route 57:22 tasks list handler 57:45 RouteHandler type setup 59:48 AppRouteHandler custom type 01:01:21 register tasks list route and handler 01:02:32 tasks route tags 01:02:55 drizzle setup 01:03:50 DATABASE_URL env setup 01:04:52 zod superRefine for better errors 01:05:42 setup drizzle schema 01:08:49 drizzle-kit config setup 01:09:59 generate drizzle migrations 01:10:51 using drizzle-kit studio 01:11:27 update sch https://www.youtube.com/embed/sNh9PoM9sUE 8007 2024-10-05T18:38:49.000Z https://syntax.yabby.page/video/large-web-projects-best-practices-webdevelopment-bestpractices-javascript-react-webdev 2026-10-15T03:45:35.969Z https://i.ytimg.com/vi/da8u4X6Z2-w/maxresdefault.jpg Large Web Projects Best Practices #webdevelopment #bestpractices #javascript #react #webdev In this video CJ shares some resources to help you organize large web projects. https://github.com/goldbergyoni/nodebestpractices https://github.com/alan2207/bulletproof-react ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io https://www.youtube.com/embed/da8u4X6Z2-w 144 2025-05-08T11:38:23.000Z https://syntax.yabby.page/video/lando-norris-card-animation 2026-10-15T03:45:35.974Z https://i.ytimg.com/vi/l97QOWSnzOo/maxresdefault.jpg Lando Norris card animation How we recreated Lando Norris's stunning card hover animation from his website. https://www.youtube.com/embed/l97QOWSnzOo 65 2026-03-11T18:33:51.000Z https://syntax.yabby.page/video/learning-gulp-3-named-tasks 2026-10-15T03:45:35.981Z https://i.ytimg.com/vi/YBGeJnMrzzE/maxresdefault.jpg Learning Gulp #3 - Named Tasks In this video we create a named Gulp task and then run that from within our default task we created in video #2. Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e https://www.youtube.com/embed/YBGeJnMrzzE 346 2014-06-27T00:52:57.000Z https://syntax.yabby.page/video/laravel-was-largely-inspired-by-ruby-on-rails 2026-10-15T03:45:35.986Z https://i.ytimg.com/vi/tfOwdWKUQ4I/maxresdefault.jpg Laravel was largely inspired by Ruby on Rails 🎙️ Taylor Otwell's opinions on PHP, React, Laravel and Lamborghini Memes Taylor Otwell, creator of Laravel PHP framework, discusses the history and development of Laravel, building a sustainable business around open source, PHP community and ecosystem, thoughts on WordPress and more. ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #laravel #syntaxfm #php #webdev #opensource #Lamborghini https://www.youtube.com/embed/tfOwdWKUQ4I 59 2024-09-20T14:40:44.000Z https://syntax.yabby.page/video/syntax-bytes-with-cj-css-battles-working-on-tauri-app-and-syntax-fm 2026-10-15T03:45:35.990Z https://i.ytimg.com/vi/5ftYN9DRIM4/maxresdefault.jpg Syntax Bytes with CJ - CSS Battles | Working on Tauri App and Syntax.fm In this live stream CJ solves some CSS battles and then works on a Tauri / Rust / Svelte app (the Syntax Production Assistant) and Syntax.fm (a SvelteKit App). 00:00:00 Live Stream https://cssbattle.dev/play/122 https://cssbattle.dev/play/121 https://v2.tauri.app/ ------------------------------------------------------------------------------ Hit us up on Socials! https://www.syntax.fm/links Brought to you by Sentry - Use code "tastytreats" to get 2 months free - https://sentry.io/syntax #css #rust #typescript https://www.youtube.com/embed/5ftYN9DRIM4 10744 2024-09-26T20:36:44.000Z https://syntax.yabby.page/video/are-people-really-going-to-college-with-just-an-ipad 2026-10-15T03:45:35.996Z https://i.ytimg.com/vi/83QcClfX9eU/maxresdefault.jpg Are people really going to college with just an iPad?? You Need These 30 Apps - PART 2 Scott and Wes discuss their favorite Mac apps including utilities, screenshots, developers tools and more. ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #mac#apps#developers#utility #ipad #college https://www.youtube.com/embed/83QcClfX9eU 54 2024-09-25T17:05:44.000Z https://syntax.yabby.page/video/level-update-what-happened-to-level-up-tutorials 2026-10-15T03:45:36.000Z https://i.ytimg.com/vi/fmdJ1KGSKIA/maxresdefault.jpg Level Update - What Happened To Level Up Tutorials Hey everyone, it's been a little while since we had a Level Update, so I figured I'd give a recap on everything that's been going on and where this channel is headed. (A lot of new content on the way!) Level Up Tutorials Premium no free: https://levelup.video/ We are now Syntax: https://syntax.fm/ We are apart of Sentry: https://sentry.io/ https://www.youtube.com/embed/fmdJ1KGSKIA 282 2024-01-22T20:00:14.000Z https://syntax.yabby.page/video/listening-for-dom-events-with-javascript 2026-10-15T03:45:36.005Z https://i.ytimg.com/vi/3rQFNjOGPT4/maxresdefault.jpg Listening for DOM Events with JavaScript All code available here: https://github.com/leveluptuts/exploring-browser-apis-start In this video we start listening for form events on inputs and talk about the differences between commonly used events as well as topics like bubbling. Originally released for levelup.video In this course we'll be starting at the very basics and working our way up to interesting and experimental browser APIs. ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io https://www.youtube.com/embed/3rQFNjOGPT4 1211 2024-04-25T20:07:58.000Z https://syntax.yabby.page/video/is-cursor-revolutionary-for-coding 2026-10-15T03:45:36.009Z https://i.ytimg.com/vi/e_0qBkNUyhM/maxresdefault.jpg Is Cursor revolutionary for coding? 🎙️ Is Cursor AI the VS Code Killer? Wes and Scott discuss Cursor, a new AI-powered code editor and assistant. They are impressed by its capabilities compared to GitHub Copilot, including better completions, UI improvements, multi-file edits, and custom docs for context. ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #ai #productivity #tools #github #githubcopilot #cursorai #syntaxfm https://www.youtube.com/embed/e_0qBkNUyhM 57 2024-09-19T22:13:35.000Z https://syntax.yabby.page/video/local-ai-explained-hardware-setup-and-models 2026-10-15T03:45:36.013Z https://i.ytimg.com/vi/QKdKcFjjZhE/maxresdefault.jpg Local AI Explained | 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 coding. 00:00 - intro 01:03 - key terms / concepts 01:40 - we need gpus 02:16 - LLMs need a lot of VRAM 03:20 - model quantization 04:13 - where to find models 05:13 - GPU pricing 06:33 - unified memory PCs 10:58 - unboxing the mini pc 12:13 - fedora install / setup 13:28 - GTT memory configuration 14:04 - how to run local models 16:33 - how to download and find models 18:54 - impressions of basic prompting 20:31 - coding overall impressions 23:21 - conclusions GMKtec EVO-X2 AI Mini PC | https://amzn.to/4bbgdMg What is LLM Inference | https://huggingface.co/blog/Kseniase/ Large Language Models explained briefly | https://www.youtube.com/watch?v=LPZh9BOjkQs&list=PLZHQObOWTQDNU6R1_67000Dx_ZCJB-3pi&index=5 What is GPU Memory and Why it Matters | https://www.bentoml.com/blog/what-is-gpu-memory-and-why-it-matters-for-llm-inference How much VRAM do I need for LLM inference? | https://modal.com/blog/how-much-vram-need-inference A Visual Guide to Quantization | https://www.maartengrootendorst.com/blog/quantization/ Unsloth Models | https://unsloth.ai/docs/models/tutorials NVIDIA DGX Spark | https://www.nvidia.com/en-us/products/workstations/dgx-spark/ Strix Halo Wiki | https://strixhalo.wiki/Hardware/PCs Increasing the VRAM allocation on AMD AI APUs under Linux | https://www.jeffgeerling.com/blog/2025/increasing-vram-allocation-on-amd-ai-apus-under-linux/ Ollama | https://ollama.com/ LM Studio | https://lmstudio.ai/ vLLM | https://docs.vllm.ai/en/latest/ llama.cpp | https://github.com/ggml-org/llama.cpp AMD Strix Halo Toolboxes | https://github.com/kyuz0/amd-strix-halo-toolboxes Hugging Face CLI | https://huggingface.co/docs/huggingface_hub/guides/cli Hugging Face llama.cpp Models | https://huggingface.co/models?apps=llama.cpp&sort=trending Spec Kit | https://github.github.com/spec-kit/ OpenSpec | https://opens https://www.youtube.com/embed/QKdKcFjjZhE 1500 2026-03-12T14:00:11.000Z https://syntax.yabby.page/video/madcss-round-1-breakdown-and-solution 2026-10-15T03:45:36.017Z https://i.ytimg.com/vi/pJAKUDy32Ts/maxresdefault.jpg 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_snackpack Try out the Round 1 and Round 2 challenges on Synhax: https://synhax.syntax.fm/ 00:00 - intro 00:39 - Adam Wathan's Solution 02:07 - Round 1 Official Solution 08:27 - Adam Argyle's Solution 10:39 - Cassidy William's Solution 11:14 - Josh Comeau's Solution 11:27 - Chris Coyier's Solution 12:57 - try it yourself! ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #css #battle #solution #webdevelopment #webdeveloper #syntax #syntaxfm #webdev https://www.youtube.com/embed/pJAKUDy32Ts 830 2026-03-19T11:01:28.000Z https://syntax.yabby.page/video/local-first-with-replicache-how-to-build-a-full-stack-app-with-data-syncing-part-1 2026-10-15T03:45:36.021Z https://i.ytimg.com/vi/7gZGVT5wdX4/maxresdefault.jpg Local First with Replicache - How to Build a Full Stack App with Data Syncing Part 1 Replicache is a client-side sync framework for building realtime, collaborative web apps with zero-latency user interfaces. It works with most backend stacks. In this tutorial we cover the basics of working in Replicache and how to use it to build a real web app. Scott also shows you some CSS tips and tricks at the end. Code: https://github.com/stolinski/local-first-replicache-without-sync Demo: https://local-first-replicache-without-sync.pages.dev/ ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript https://www.youtube.com/embed/7gZGVT5wdX4 3628 2024-08-01T11:45:00.000Z https://syntax.yabby.page/video/maximum-vs-code-productivity-navigating-codebases-quickly 2026-10-15T03:45:36.025Z https://i.ytimg.com/vi/c0HO_-NDJCk/maxresdefault.jpg MAXIMUM VS Code Productivity — Navigating Codebases Quickly 15 techniques to navigate around faster in VS Code. 00:00 - Intro 00:47 - Navigate based on Cursor Position 02:11 - Jump to Last Edit Location 02:42 - Navigate based on Recent Locations 03:35 - Goto Line and Columns 04:06 - Fuzzy Search Files 04:38 - Goto Symbols 04:53 - Goto Symbol in Workspace 06:19 - Quick Text Search 06:57 - Goto Definition 07:20 - View References 08:08 - Line Bubbling 08:58 - Move + Select by Word 09:39 - Select by Word camelCase 10:52 - Expand to Scope 10:55 - Expand to Quotes 11:52 - Toggle Quotes 11:54 - Toggle Quotes 12:17 - Breadcrumbs 13:12 - Goodbye ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript https://www.youtube.com/embed/c0HO_-NDJCk 801 2025-01-14T14:38:42.000Z https://syntax.yabby.page/video/code-q-a-with-cj-full-stack-typesafety-apis-rendering-strategies-and-more 2026-10-15T03:45:36.029Z https://i.ytimg.com/vi/XTD3UwCnOUw/maxresdefault.jpg Code Q&A with CJ | Full Stack TypeSafety, APIs, Rendering Strategies and more! In this live stream, CJ answers your Code questions. See timestamps for details. 00:00:00 Intro / Announcements 00:01:56 Node.js TypeScript Support 00:04:25 Vue 2 upgrade Vue 3 Bootstrap 00:07:50 Personal Programming Language Choices 00:10:58 Syntax Hats Soon™️ 00:13:25 Workflow without Coolify 00:19:37 Boilerplates / Project Scaffolding 00:27:24 Custom Comment Slides Code Walkthrough 00:33:15 Drag / Drop with Maps 00:35:46 Vue / Laravel Deployment Method 00:36:47 Favorite Tech Stack 00:37:04 Docker Compose for Kubernetes 00:39:16 Explaining Frontend for Backend Pattern 00:43:45 How to handle slow work environments 00:46:22 Favorite React Libraries 00:55:08 Seperate Web API with Next.js 00:58:40 SST vs VPS 01:00:16 How to Structure Node.js APIs 01:04:32 Sharing Types across repositories 01:09:38 Why the move to SSR over SPA 01:14:13 What do you need to start applying for dev jobs? 01:15:08 Using tRPC 01:15:52 Frontend Devs are now Full Stack 01:17:03 Hybrid Rendering 01:18:16 Unit Testing ESM 01:20:08 Content Creation / Stream Setup 01:23:00 Barriers to writing C# on Mac 01:24:05 React + Websocket Connection Advice 01:27:47 Learning Dev in 2024 01:29:02 Converting Jest to Vitest 01:29:52 OBS Configuration 01:31:36 Thoughts on getting an ipad 01:33:09 Rails + Hotwire resurgence 01:36:25 AsyncLocalStorage Support Across Runtimes 01:40:13 Advice for Junior Ruby on Rails dev 01:44:20 Why do devs hate Ruby on Rails? 01:46:31 Thoughts on tRPC in SvelteKit 01:54:06 Nuxt Type Safety 01:55:10 ELI5 Full Stack Type Safety 01:59:30 Kafka Resources 02:00:40 react-hook-form alternatives 02:03:36 SvelteKit Superforms 02:04:36 React conform library 02:07:30 Animate flex gap 02:09:49 How to create a JS/TS or React library 02:19:49 How to host react / Express in single server 02:21:13 tRPC to share types 02:23:06 Thanks! ------------------------------------------------------------------------------ Hit us up on Socials! https://www.syntax.fm/links Brought to you by Sentry - Use code "tas https://www.youtube.com/embed/XTD3UwCnOUw 8698 2024-07-25T20:58:36.000Z https://syntax.yabby.page/video/did-node-just-get-typescript-support-webdev-typescript-node-javascript 2026-10-15T03:45:36.033Z https://i.ytimg.com/vi/xkw0_wGriv0/maxresdefault.jpg Did Node just get Typescript support? #webdev #typescript #node #javascript Did Node just get Typescript support? #webdev #typescript #node #javascript https://www.youtube.com/embed/xkw0_wGriv0 61 2024-07-25T19:02:52.000Z https://syntax.yabby.page/video/10k-bounty-to-make-a-rust-equivalent-of-prettier-and-biome-responded 2026-10-15T03:45:36.037Z https://i.ytimg.com/vi/vYoy262wmoU/maxresdefault.jpg $10k bounty to make a Rust equivalent of Prettier and Biome responded Recent episode #794 Making Code Prettier with Vjeux - The guys interview Prettier creator Christopher Chedeau about the origins, growth, funding status and future roadmap of the ubiquitous code formatter. ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #prettier #javascript #opensource #codetools #webdev #coding #syntaxfm https://www.youtube.com/embed/vYoy262wmoU 47 2024-07-23T20:55:36.000Z https://syntax.yabby.page/video/hey-wanna-go-grab-a-beer 2026-10-15T03:45:36.041Z https://i.ytimg.com/vi/lIVWWmC18M0/maxresdefault.jpg "hey wanna go grab a beer" Full ep https://www.youtube.com/watch?v=eJFgBXHc69k Yesterday's episode #796 Do We Need JS Frameworks × Are You Over-Engineering? × Webview vs Native In this potluck episode, Scott and Wes answer questions about over-engineering, generative AI, frameworks, meetups, and more. ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #overengineered #ai #framework #meetups #webdev #syntaxfm #devcommunity #meetup https://www.youtube.com/embed/lIVWWmC18M0 56 2024-07-18T15:17:11.000Z https://syntax.yabby.page/video/why-are-people-still-using-webpack 2026-10-15T03:45:36.045Z https://i.ytimg.com/vi/mZRCx-SCdLM/maxresdefault.jpg Why are people still using Webpack? In today's episode #790, Scott and Wes react to State of JS 2023 - results, developer trends, pain points in front-end frameworks, build tools, JavaScript runtimes... the list goes on. Full episode at https://www.youtube.com/watch?v=dj6tUUTDXAo ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #stateofjs #javascript #frameworks #painpoints #webdev #frontend https://www.youtube.com/embed/mZRCx-SCdLM 51 2024-07-08T13:35:33.000Z https://syntax.yabby.page/video/module-federation-microfrontends-with-bytedance-s-zack-jackson 2026-10-15T03:45:36.050Z https://i.ytimg.com/vi/aFhysuTUoQY/maxresdefault.jpg Module Federation Microfrontends with ByteDance’s Zack Jackson Wes and Scott talk with Zack Jackson about Module Federation, and the innovative ways it streamlines collaboration across large teams and complex applications. Zack also dives into simplifying micro-frontends, optimizing builds with Rspack, and his work at ByteDance. 👉 Join the exclusive newsletter - https://syntax.fm/snackpack (00:00) - Welcome to Syntax! (00:48) - Zach's background and role at ByteDance (03:10) - ByteDance's web and native apps (06:48) - What is Module Federation? (15:49) - Evolution from V1 to V2 of Module Federation (24:47) - When to consider Module Federation (29:46) - How would you publish a utils package in Module Federation? (32:59) - How would you do a major upgrade? (36:36) - Brought to you by Sentry.io (37:01) - Who owns the update process? (39:40) - Handling multiple frameworks (42:10) - ModernJS and Meta frameworks (47:20) - Does ByteDance have its own JavaScript runtime? (50:02) - Why Zack built Rspack (58:15) - The future of Rspack and custom bundlers (01:04:24) - Module Federation's major features (01:07:29) - Sick Picks & Shameless Plugs All links available at https://syntax.fm/860 ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript https://www.youtube.com/embed/aFhysuTUoQY 4238 2024-12-13T12:00:02.000Z https://syntax.yabby.page/video/more-5-things-i-like-in-svelte-more-than-react 2026-10-15T03:45:36.056Z https://i.ytimg.com/vi/3-d1NjBOAoQ/maxresdefault.jpg More 5 Things I Like In Svelte More Than React The 5 Things 0:21 on:submit|preventDefault 1:00 Library Fatigue 2:50 No More Fragments 4:00 {propName} Syntax 5:08 State https://www.leveluptutorials.com Cutting-edge, focused & high quality video tutorials for web developers and designers A new course every month! The best web development podcast out there. Syntax with Wes Bos and Scott Tolinski https://syntax.fm https://www.youtube.com/embed/3-d1NjBOAoQ 465 2021-07-22T15:00:00.000Z https://syntax.yabby.page/video/monorepos-what-why-when-and-how-full-stack-react-hono-example 2026-10-15T03:45:36.063Z https://i.ytimg.com/vi/KIgPJT806D0/maxresdefault.jpg Monorepos - What, Why, When and How | Full Stack React + Hono Example In this video CJ explains monorepos. What they are, why they exist and when to use them. He also gives some tips and tricks for working in a full stack React + Hono monorepo. 00:00 intro 00:27 what is a monorepo? 01:33 why do we need monorepos? 04:04 when should we NOT use monorepos? 05:23 real world monorepo examples 08:12 tools to create workspaces / monorepos 09:16 example app overview 09:52 workspace setup 10:51 namespaces 12:45 Tip: Share Configuration 12:57 shared typescript settings 13:50 sharing eslint config 15:39 Tip: Typescript Path Aliases 16:53 Tip: Use the pnpm Task Runner 18:15 Tip: Proxy API Request 20:07 Tip: Client Build / Static Serve / SPA Redirect 22:29 Tip: Sharing Hono Types 24:45 Tip: Hono RPC Client Build 26:15 Tip: Restructure and Restrict Exports 28:08 other monorepo tools 29:04 monorepo alternatives 32:02 thanks! View the code here: https://github.com/w3cj/monorepo-example-tasks-app ------------------------------------------------------------------------------ Hit us up on Socials! https://www.syntax.fm/links Brought to you by Sentry - Use code "tastytreats" to get 2 months free - https://sentry.io/syntax #webdevelopment #tools #techniques https://www.youtube.com/embed/KIgPJT806D0 1955 2024-12-24T12:14:49.000Z https://syntax.yabby.page/video/monorepros-with-pnpm-course-drop-party 2026-10-15T03:45:36.067Z https://i.ytimg.com/vi/QNaiKN4AaHw/maxresdefault.jpg Monorepros with PnPM - Course Drop Party check out the course: https://leveluptutorials.com/tutorials/monorepos-with-pnpm/ TL;DR Casual event to learn about Level Up Tutorials' latest series on Monorepros with PnPM with Scott Tolinski. TIMESTAMPS admin 0:00 intros 3:20 What are monorepos and why should we care about them? 6:10 Why wouldn’t someone want to use a monorepo? 10:55 What is pnpm and why should we care about it? 12:25 How did you choose to do this topic? And how did you build the course out? 18:50 What will people be learning, building and taking away from this course? 23:00 What are some of the real world applications and benefits of knowing these tools? 24:55 who did you build this course for? 28:20 Q&A from the audience 29:30 https://www.youtube.com/embed/QNaiKN4AaHw 3263 2022-09-01T20:59:24.000Z https://syntax.yabby.page/video/nerd-sniped 2026-10-15T03:45:36.071Z https://i.ytimg.com/vi/LuBoe-4ECuQ/maxresdefault.jpg nerd sniped! share your best nerd sniping stories, both sniper and sniped 🆕 recent episode How to Go Deeper With Your Learning - Discussion on how to go beyond surface level skills and really dive deep on a topic through real projects, reading docs, consuming niche content and more. 👉 Join the exclusive newsletter - https://syntax.fm/snackpack ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #nerdsniping #WebDevelopment #JavaScript #Learning #learntocode #webdev #syntaxfm #techpodcast https://www.youtube.com/embed/LuBoe-4ECuQ 53 2024-12-10T17:07:10.000Z https://syntax.yabby.page/video/new-js-css-features-in-2025 2026-10-15T03:45:36.075Z https://i.ytimg.com/vi/jg8gJz82kZg/maxresdefault.jpg NEW JS / CSS Features in 2025 Scott and Wes break down the biggest web platform features that reached Baseline in 2025, separating the genuinely useful APIs from the niche and forgettable ones. From same-document view transitions and the Popover API to Promise.try, content-visibility, and modern CSS goodies, they share what’s actually ready to use today. 🔥 Be the ~17,800th person to join our super tasty newsletter https://bit.ly/syntax_snackpack Show Notes 00:00 Welcome to Syntax! 01:37 24 new web APIs that reached baseline in 2025. 01:49 Same-document view transitions for single-page applications. 05:28 abs() 08:22 Brought to you by Sentry.io. 09:20 JSON Module Scripts. 10:10 Popover API. 13:07 Base64 to UInt8Array. 16:11 @starting-style 17:39 allow-discrete 21:31 Promise.try 22:51 content-visibility All links available at https://syntax.fm/965 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/jg8gJz82kZg 1587 2025-12-22T12:01:25.000Z https://syntax.yabby.page/video/node-typescript-in-2025 2026-10-15T03:45:36.079Z https://i.ytimg.com/vi/28Mjeo0Esnw/maxresdefault.jpg Node + TypeScript in 2025 Scott and Wes explore the experimental world of running TypeScript in Node, breaking down the differences between type stripping and compiling. They cover the pros, cons, and quirks of the current implementation, plus explore tools like tsx, ts-node, and even alternatives like Deno. 👉 Join the exclusive newsletter - https://syntax.fm/snackpack Show Notes 00:00 Welcome to Syntax! 00:41 Brought to you by Sentry.io. 01:29 Running TypeScript in Node. 01:45 Experimental Type Stripping. 03:17 TypeScript refresher. 04:05 TypeScript can be compiled and/or Type Stripped. 05:09 Current Node implementation is only type stripping. 05:40 Limitations of no compiling. 05:57 Enums. 08:30 Other issues. 08:35 Parameter properties. 09:20 Experimental transform types. 10:01 Importing types with type keyword. 11:17 No need for sourcemaps. 11:42 No dependencies. 13:08 Other tools. 13:25 tsx. 14:28 ts-node. 14:44 JSDoc. 16:30 Deno and Bun. All links available at https://syntax.fm/869 ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript https://www.youtube.com/embed/28Mjeo0Esnw 1104 2025-01-20T12:00:04.000Z https://syntax.yabby.page/video/not-all-companies-can-take-the-move-fast-break-things-approach 2026-10-15T03:45:36.082Z https://i.ytimg.com/vi/0nAiafmqjnA/maxresdefault.jpg Not all companies can take the 'move fast, break things' approach Recent episode #776 - How 1Password Uses WASM and Rust for Local First Dev With Andrew Burkhart Full episode here https://www.youtube.com/watch?v=DjfnxkqANIk ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #1password #webdev #rust #javascript #localfirst #wasm #security https://www.youtube.com/embed/0nAiafmqjnA 60 2024-06-02T15:31:08.000Z https://syntax.yabby.page/video/nuxt-3-is-built-for-a-serverless-non-node-world 2026-10-15T03:45:36.086Z https://i.ytimg.com/vi/IzAS9jMDJ64/maxresdefault.jpg Nuxt 3 is built for a serverless & non-node world Nuxt 3 was completely rewritten and built for a serverless and non-node world. The team went the true OSS way and built small, composable, reusable packages that can be built on by other people. 🔥 Be the ~14,700th person to join our super tasty newsletter bit.ly/syntax_snackpack All links available at https://syntax.fm/870 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev #nuxt #fullstack #oss #syntaxfm #webdev #syntax #nitro #nextjs https://www.youtube.com/embed/IzAS9jMDJ64 69 2025-02-20T22:00:12.000Z https://syntax.yabby.page/video/one-of-the-best-features-web-gained-in-2025 2026-10-15T03:45:36.091Z https://i.ytimg.com/vi/MLKLyMk74pg/maxresdefault.jpg One of the best features web gained in 2025 One of the best features web gained in 2025: Same-document view transitions for single-page applications https://www.youtube.com/embed/MLKLyMk74pg 78 2025-12-22T22:15:08.000Z https://syntax.yabby.page/video/one-last-battle 2026-10-15T03:45:36.095Z https://i.ytimg.com/vi/7rOUgT7HK5k/maxresdefault.jpg 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 @joshuawcomeau https://bsky.app/profile/joshwcomeau.com https://www.joshwcomeau.com/ Scott Tolinski @ScottTolinski https://x.com/stolinski CJ @CodingGarden https://x.com/CodingGarden https://coding.garden/ 🔥 Be the ~18,300th person to join our super tasty newsletter https://bit.ly/syntax_snackpack ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/7rOUgT7HK5k 1020 2026-04-02T14:00:06.000Z https://syntax.yabby.page/video/only-one-of-us-knew-these-dev-facts 2026-10-15T03:45:36.099Z https://i.ytimg.com/vi/m6dCt9Kj05A/maxresdefault.jpg Only One of Us Knew These Dev Facts Scott, Wes, and CJ go head-to-head in an expert-level web dev trivia showdown! Who will come out on top, and who will get absolutely wrecked by these brutal JavaScript, CSS, and performance questions? 🔥 Be the ~14,700th person to join our super tasty newsletter bit.ly/syntax_snackpack ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/m6dCt9Kj05A 1187 2025-03-07T13:52:00.000Z https://syntax.yabby.page/video/oops-you-re-a-programmer-now-everything-you-should-know 2026-10-15T03:45:36.103Z https://i.ytimg.com/vi/z8bllh74Lck/maxresdefault.jpg oops, you're a programmer now | everything you should know Whether you've been tricked into becoming a programmer (by AI) or are intentionally looking to dive into the world of computers and programming, here's everything you need to know. CJ dives deep into computers, networks, operating systems, file systems, the world wide web, the client server model, web browsers, code editors, front end, back end, full stack, databases and more. 00:00 - intro 01:50 - computers are everywhere 03:05 - computers 03:59 - computer hardware 04:37 - the parts of a computer 06:57 - single board computers 08:17 - micro-controllers 08:48 - software / code / programs / apps 10:14 - a shift in world view 10:55 - operating systems 14:46 - networks 16:35 - the world wide web 19:59 - files 25:22 - folders / directories 28:28 - file paths 30:17 - file types / extensions 32:47 - binary file formats 36:05 - a simple computer program (file) 43:12 - http / request-response and the client-server model 45:36 - example: a manual http request / response cycle 51:05 - clients and servers are not special 52:14 - web browsers 58:49 - urls | uniform resource locators 01:05:12 - IDEs and Code Editors 01:08:54 - integrated development environments 01:12:10 - here be code 01:12:57 - our first website 01:16:36 - a static file server 01:19:16 - inspecting website network traffic 01:20:29 - where is the code running? 01:21:28 - learn more about html 01:22:19 - css / styles 01:24:57 - javascript / interactivity 01:27:46 - where is the code running? 01:30:11 - server side programming 01:32:51 - a basic node.js http server 01:37:54 - a basic node.js full stack server 01:39:03 - node.js packages / libraries 01:39:43 - initialize an npm project 01:40:45 - a basic express.js server 01:41:47 - express static serve 01:43:43 - request logging middleware 01:44:35 - serving json data from express 01:46:01 - fetching api data from the front-end 01:47:46 - rendering dynamic data on the client 01:49:47 - JSON 01:50:53 - web APIs 01:52:55 - databases 01:54:37 - roadmaps 01:59:06 - resources 02:03:59 - go forth and build Other v https://www.youtube.com/embed/z8bllh74Lck 7533 2025-12-16T12:01:59.000Z https://syntax.yabby.page/video/finding-elements-in-the-dom-with-javascript 2026-10-15T03:45:36.107Z https://i.ytimg.com/vi/OFdEHKV4kgM/maxresdefault.jpg Finding Elements in the DOM with JavaScript All code available here: https://github.com/leveluptuts/exploring-browser-apis-start In this video we dive into 4 ways to query DOM elements and talk about how they are different. Originally released for levelup.video In this course we'll be starting at the very basics and working our way up to interesting and experimental browser APIs. ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io https://www.youtube.com/embed/OFdEHKV4kgM 1016 2024-04-25T20:07:58.000Z https://syntax.yabby.page/video/getting-started-with-exploring-browser-apis-course 2026-10-15T03:45:36.111Z https://i.ytimg.com/vi/TAMwOf2RHGk/maxresdefault.jpg Getting Started with Exploring Browser APIs Course All code available here: https://github.com/leveluptuts/exploring-browser-apis-start Originally released for levelup.video In this course we'll be starting at the very basics and working our way up to interesting and experimental browser APIs. ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io https://www.youtube.com/embed/TAMwOf2RHGk 514 2024-04-25T20:07:58.000Z https://syntax.yabby.page/video/introduction-to-exploring-browser-apis 2026-10-15T03:45:36.115Z https://i.ytimg.com/vi/6OhW4lfw5tk/maxresdefault.jpg Introduction to Exploring Browser APIs Originally released for levelup.video In this course we'll be starting at the very basics and working our way up to interesting and experimental browser APIs. All code available here: https://github.com/leveluptuts/exploring-browser-apis-start ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io https://www.youtube.com/embed/6OhW4lfw5tk 62 2024-04-25T20:07:57.000Z https://syntax.yabby.page/video/overrated-or-underrated-web-tech-server-components-next-js-and-more 2026-10-15T03:45:36.119Z https://i.ytimg.com/vi/mAQ6Cj2-YXc/maxresdefault.jpg Overrated or Underrated Web Tech | Server Components, Next.js, and More Join Scott, Wes, and CJ as they ruin their friendship over a simple game of Overrated or Underrated. In this episode, they discuss CSS-in-JS Solutions, Web Components, Server Components, and Static Site Generation 🔥 Be the ~14,700th person to join our super tasty newsletter bit.ly/syntax_snackpack ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/mAQ6Cj2-YXc 676 2025-01-31T13:33:09.000Z https://syntax.yabby.page/video/oss-is-connected-to-both-politics-and-economics-making-it-extra-spicy 2026-10-15T03:45:36.123Z https://i.ytimg.com/vi/m5J0ECyGz6c/maxresdefault.jpg OSS is connected to both politics and economics, making it extra spicy 🔥 Be the ~16,500th person to join our super tasty newsletter bit.ly/syntax_snackpack All links available at https://syntax.fm/894 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev #opensource #licensing #legal #syntax #economics #politics https://www.youtube.com/embed/m5J0ECyGz6c 54 2025-04-21T20:13:48.000Z https://syntax.yabby.page/video/peak-ai-over-engineering 2026-10-12T18:15:16.224Z https://i.ytimg.com/vi/uNhaOGG7Em0/maxresdefault.jpg peak AI over engineering scott: 🧐 wes: 🧠 https://www.youtube.com/embed/uNhaOGG7Em0 44 2026-05-27T14:06:00.000Z https://syntax.yabby.page/video/pip-install-in-python-is-nightmare-fuel 2026-10-15T03:45:36.127Z https://i.ytimg.com/vi/XMhy4LNOdGw/maxresdefault.jpg PIP install in Python is nightmare fuel Today's episode we dive into 2025 Web Development Predictions - Scott and Wes make guesses about what will happen in AI, React, CSS, Svelte, servers, and more over the next couple years. 👉 Join the exclusive newsletter - https://syntax.fm/snackpack ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #AI #webdev #syntaxfm #React #tech2025 #techpredictions #2025 #python https://www.youtube.com/embed/XMhy4LNOdGw 62 2025-01-08T17:32:44.000Z https://syntax.yabby.page/video/picking-a-fullstack-stack-is-next-js-too-complex-services-vs-self-hosted-more 2026-10-15T03:45:36.131Z https://i.ytimg.com/vi/46RJAKhxc6M/maxresdefault.jpg Picking a Fullstack Stack, Is Next.js Too Complex? Services vs Self-Hosted + More In this potluck episode, Wes and Scott answer your questions about modern full-stack stacks, Node.js backend options, managing database indexes, developer burnout, handling toxic bosses, and more! 🔥 Be the ~14,700th person to join our super tasty newsletter https://bit.ly/syntax_snackpack (00:00) - Welcome to Syntax! (02:36) - What’s your go-to Node.js backend in 2025? (06:18) - Do you proactively manage database indexes—or fix them only when they become a problem? (09:40) - Brought to you by Sentry.io (12:14) - After planning a new project, what’s your real-world dev workflow? (18:19) - What to do when you’re feeling burned out as a developer (23:34) - Picking the right tech stack for your partner’s website (28:18) - How do you deal with a toxic boss? (33:10) - The ideal tech stack for launching a SaaS MVP (39:46) - Is GraphQL still worth it vs REST or RPC? (44:26) - Is Vercel steering modern web dev in the wrong direction? (51:20) - What’s up with TanStack Forms? (59:35) - Sick Picks + Shameless Plugs All links available at https://syntax.fm/940 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/46RJAKhxc6M 3946 2025-09-24T11:00:09.000Z https://syntax.yabby.page/video/prestashop-tutorials-14-cart-and-catalog-price-rules 2026-10-15T03:45:36.135Z https://i.ytimg.com/vi/Z_2kgoNh3vU/maxresdefault.jpg PrestaShop Tutorials #14 - Cart and Catalog Price Rules Here we show you how to add a cart and catalog price rules so that you can control your promotions and sales easily. Download Prestashop here http://www.prestashop.com/ Fast, efficient and easy to use, PrestaShop's free e-commerce solution provides everything you need to open, operate and maintain a successful online store. Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e https://www.youtube.com/embed/Z_2kgoNh3vU 593 2014-11-17T18:15:53.000Z https://syntax.yabby.page/video/prestashop-tutorials-2-installing-prestashop-on-a-localhost 2026-10-15T03:45:36.139Z https://i.ytimg.com/vi/cM54RV7CAto/maxresdefault.jpg PrestaShop Tutorials #2 - Installing Prestashop On A Localhost Learn how to install Prestashop on your localhost. Download Prestashop here http://www.prestashop.com/ Fast, efficient and easy to use, PrestaShop's free e-commerce solution provides everything you need to open, operate and maintain a successful online store. Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e https://www.youtube.com/embed/cM54RV7CAto 498 2014-08-18T21:41:55.000Z https://syntax.yabby.page/video/self-host-101-run-multiple-apps-with-caddy-dns-static-sites-reverse-proxies-and-let-s-encrypt 2026-10-15T03:45:36.143Z https://i.ytimg.com/vi/mLznVlBAtcg/maxresdefault.jpg Self Host 101 - Run Multiple Apps with Caddy | DNS, Static Sites, Reverse Proxies and Let's Encrypt In this video CJ shows you how to setup DNS records for domains and subdomains with Cloudflare and how to set up, configure and host multiple types of applications with Caddy Server. Watch the 1st video on setting up a VPS here: https://www.youtube.com/watch?v=Q1Y_g0wMwww Watch the 2nd video where CJ answers your questions here: https://www.youtube.com/watch?v=wZ9kmBnwX54 View all the Self Host 101 videos here: https://www.youtube.com/playlist?list=PLLnpHn493BHHAxTeLNUZEDLYc8uUwqGXa 00:00 Intro 00:56 Domain Purchase and DNS Setup 02:43 Creating DNS Records 04:32 Query DNS Records with dig 07:50 www subdomain record, CNAME records and TEXT records 10:19 Email forwarding and a catch-all address 11:23 DNS Resources 12:13 SSH to your VPS with a Domain Name 13:08 Responding to HTTP Requests from our Server 16:27 Web Server Software 18:12 Why do we need a Web Server? 19:05 How To Navigate The Caddy Docs 21:32 Caddy Architecture / reloading configuration 22:35 Install Caddy 24:17 Set up https for the root domain 25:39 Redirect IP to the root domain 27:21 Multiple Caddyfile Setup 31:41 Redirect www subdomain to root domain 34:15 Set up /var/www folder 39:05 Transfer files to the server with scp 40:35 Sync a folder with rsync 42:31 Clone a public git repo 44:44 Hide files from Caddy file_server 46:08 handle_errors in the Caddyfile 47:46 Clone private git repos with an SSH deploy key 52:16 Install node.js with nvm 54:03 Set up Holidays API Example 56:37 Create a reverse_proxy with Caddy 1:00:45 Manage long running processes with pm2 1:04:07 Run a TypeScript node.js API 1:09:52 Run a static website that has a build process 1:14:44 Caddyfile concepts and Logging 1:17:12 Common Caddyfile patterns including SPA redirects 1:18:15 Thanks! DNS on Wikipedia - https://en.wikipedia.org/wiki/Domain_Name_System Cloudflare DNS - https://www.cloudflare.com/application-services/products/dns/ dig (command) - https://en.wikipedia.org/wiki/Dig_(command) Cloudflare Email Routing - https://www.cloudflare.com/developer-platform/email-routi https://www.youtube.com/embed/mLznVlBAtcg 4790 2024-04-06T12:00:49.000Z https://syntax.yabby.page/video/prestashop-tutorials-15-coupon-code-discounts 2026-10-15T03:45:36.147Z https://i.ytimg.com/vi/kf26pz0Pd6E/maxresdefault.jpg PrestaShop Tutorials #15 - Coupon Code Discounts Here we show you how to add a coupon code discounts to your PrestaShop store. Download Prestashop here http://www.prestashop.com/ Fast, efficient and easy to use, PrestaShop's free e-commerce solution provides everything you need to open, operate and maintain a successful online store. Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e https://www.youtube.com/embed/kf26pz0Pd6E 404 2014-11-17T18:19:40.000Z https://syntax.yabby.page/video/prestashop-tutorials-16-the-order-process 2026-10-15T03:45:36.152Z https://i.ytimg.com/vi/AMIuUIsz-QU/maxresdefault.jpg PrestaShop Tutorials #16 - The Order Process Here we take you through the PrestaShop ordering experience. Download Prestashop here http://www.prestashop.com/ Fast, efficient and easy to use, PrestaShop's free e-commerce solution provides everything you need to open, operate and maintain a successful online store. Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e https://www.youtube.com/embed/AMIuUIsz-QU 452 2014-11-17T18:21:46.000Z https://syntax.yabby.page/video/coding-shopify-with-anne-and-trudy-of-design-packs 2026-10-15T03:45:36.156Z https://i.ytimg.com/vi/WY9q2PVd2q4/maxresdefault.jpg Coding Shopify with Anne and Trudy of Design Packs Scott and Wes are joined by special guests Trudy MacNabb and Anne Thomas from Design Packs, diving into the nitty-gritty of Shopify design. Tune in as they dissect the pros and cons, challenges, and unveil their daily toolkit for crafting stunning Shopify websites. Show Notes 00:00 Welcome to Syntax! 00:59 Who is Anne Thomas? 02:30 Who is Trudy MacNabb? 04:06 Shopify themes, how does one build a theme? 05:34 Do you have enough control with LiquidJS? 07:52 Changing components of a liquid template. 08:58 LiquidJS improving their dev tools. 09:29 LiquidJS email marketing. 10:32 Can you make your own LiquidJS methods? 11:34 How would you create a theme from scratch using modern tools? 13:30 What about local dev and live reload? 15:17 Is Shopify improving? 17:13 What do you hate about Shopify themes? 18:59 Have you used Hydrogen? 20:09 Headless has sacrifices. 22:02 Are people building full websites in Shopify? 23:56 Apps and integrations. 25:56 Are people creating businesses around these integrations? 29:16 What are design packs? 31:26 Do you run your own servers? 31:57 How does billing work with clients? 33:18 Apps being 'Sherlocked'. 35:21 Where is the data stored? 36:35 Can you make a custom UI? 38:40 What are the downsides of building apps on Shopify? 39:17 Are you expected to maintain versions? 40:46 Do you manage all the support independently? 42:01 How do you match with their existing themes? 43:54 What are the most popular blocks? 45:17 Does Shopify provide bundlers or compilers? 46:47 Shopify moving to blocks. 47:38 Living as a digital nomad. 49:48 A new app Anne and Trudy launched. 51:35 Limited by block size. 54:08 Sick Picks + Shameless Plugs. All links available at https://syntax.fm/749 ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment https://www.youtube.com/embed/WY9q2PVd2q4 3496 2024-03-29T11:00:26.000Z https://syntax.yabby.page/video/prestashop-tutorials-3-prestashop-tour 2026-10-15T03:45:36.773Z https://i.ytimg.com/vi/g1CZxAjO_2U/maxresdefault.jpg PrestaShop Tutorials #3 - Prestashop Tour Now that we've installed Prestashop, let's take a look at what you get when you install. Download Prestashop here http://www.prestashop.com/ Fast, efficient and easy to use, PrestaShop's free e-commerce solution provides everything you need to open, operate and maintain a successful online store. Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e https://www.youtube.com/embed/g1CZxAjO_2U 451 2014-08-19T23:57:25.000Z https://syntax.yabby.page/video/prestashop-tutorials-6-creating-managing-categories 2026-10-15T03:45:36.777Z https://i.ytimg.com/vi/b7cxTQx5P5o/maxresdefault.jpg PrestaShop Tutorials #6 - Creating & Managing Categories Here we show you how to create and modify categories within PrestaShop. Download Prestashop here http://www.prestashop.com/ Fast, efficient and easy to use, PrestaShop's free e-commerce solution provides everything you need to open, operate and maintain a successful online store. Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e https://www.youtube.com/embed/b7cxTQx5P5o 465 2014-08-29T20:33:30.000Z https://syntax.yabby.page/video/let-syntax-be-your-microwave-timer-for-js-tooling 2026-10-15T03:45:36.782Z https://i.ytimg.com/vi/Jf5dDJThQJY/maxresdefault.jpg Let Syntax be your microwave timer for JS tooling Modern JS Toolchains (Biome, Oxc + More) The hosts discuss trends in modern JavaScript tooling including performance gains from writing tools in Rust and Go. They overview established tools like ESLint and Prettier as well as new tools like Biome, Oxc, ESBuild, and Rollup. Watch the full episode here https://www.youtube.com/watch?v=CawsIaarxAE ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #javascript #biome #eslint #esbuild #rollup #prettier #modernjs #performance #rust #tooling #webdev #programming https://www.youtube.com/embed/Jf5dDJThQJY 56 2024-03-26T22:14:32.000Z https://syntax.yabby.page/video/prestashop-tutorials-8-installing-managing-modules 2026-10-15T03:45:36.786Z https://i.ytimg.com/vi/JfbPltPFUm4/maxresdefault.jpg Prestashop Tutorials #8 - Installing & Managing Modules Here we show you how to install, update, disable and remove modules from Prestashop. Download Prestashop here http://www.prestashop.com/ Fast, efficient and easy to use, PrestaShop's free e-commerce solution provides everything you need to open, operate and maintain a successful online store. Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e https://www.youtube.com/embed/JfbPltPFUm4 357 2014-09-25T22:59:53.000Z https://syntax.yabby.page/video/the-lofi-movement-building-local-first-apps 2026-10-15T03:45:36.790Z https://i.ytimg.com/vi/U1uhILa-wmI/maxresdefault.jpg The LoFi Movement: Building Local First Apps Join Wes and Scott as they explore LoFi (local first) web development, delving into CRDT, Websockets, IndexedDB, SQLite, and more. Discover when Local-First shines and when it's better to steer clear in this episode packed with practical insights. https://localfirstweb.dev/ Show Notes 00:00 Welcome to Syntax! 03:18 Brought to you by Sentry.io. 04:08 What is LoFi? 05:02 The Seven Ideals for Local-first. 05:29 1: No Spinners. 06:48 2: Your work is not trapped on one device. 07:56 3: The network is optional. 08:50 4: Seamless collaboration with your colleagues. 09:35 Oops, we for got to read 5: The Long Now. 09:37 6: Security and privacy by default. 09:45 7: You retain ultimate ownership and control. 13:01 Sounds great, let's go! Not so fast, this stuff is hard. 14:07 The technology involved. 14:30 CRDT (Conflict-free Replicated Data Types). 17:48 How does it prioritize conflict resolutions? 19:36 Websockets. 20:17 IndexedDB + SQLite. 21:23 Service Workers. 22:16 The software involved. 22:24 Replicache. 24:48 YJS. 25:06 Electric SQL. 25:51 The most basic LoFi application. 31:26 Some bigger concepts. 32:34 Answering some common questions. 35:19 Some real-world examples of LoFi. 37:18 What about Apple PWA nonsense? 38:20 This seems similar to real-time software and multiplayer. 38:47 Sounds like too much work. 40:46 Some useful links. 43:30 Sick Picks + Shameless Plugs. Wes: Dresscode.dev Scott: Monarch Money All links available at https://syntax.fm/739 ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript https://www.youtube.com/embed/U1uhILa-wmI 3130 2024-03-06T12:00:25.000Z https://syntax.yabby.page/video/printing-off-sentry-issue-receipts-like-a-restaurant 2026-10-15T03:45:36.795Z https://i.ytimg.com/vi/5wDPi0A_U5g/maxresdefault.jpg Printing off Sentry issue receipts like a restaurant Receipt Printer with JavaScript Wes explains how he built a receipt printer with JS during Hack Week at Sentry, including connecting it, encoding printer commands, taking screenshots to print complex layouts when alerts come in from Sentry. ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #coding #hardware #hackweek #syntaxfm #webdev https://www.youtube.com/embed/5wDPi0A_U5g 52 2024-09-16T15:09:52.000Z https://syntax.yabby.page/video/promise-try-the-newest-little-nugget-proposed-for-the-promise-api 2026-10-15T03:45:36.799Z https://i.ytimg.com/vi/tz7laAA8xOM/maxresdefault.jpg Promise.try -- the newest little nugget proposed for the Promise api In today's episode #801 we dig into 6 New JavaScript Proposals Scott and Wes discuss 6 upcoming JavaScript language proposals that are making their way through the standards process, including promise.try, Math.sumPrecise, ShadowRealm, regex escape, deferred module evaluation, and iterator sequencing. ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #newfeatures #promisetry #webdev #programming #syntax.fm https://www.youtube.com/embed/tz7laAA8xOM 54 2024-07-29T19:10:45.000Z https://syntax.yabby.page/video/promise-flow-control-concurrency-libraries-typescript-and-deferreds-part-3 2026-10-15T03:45:36.807Z https://i.ytimg.com/vi/wLNnTEQdyvo/maxresdefault.jpg Promise Flow Control, Concurrency, Libraries, TypeScript and Deferreds - Part 3 In today's episode, Scott and Wes dive into the final part of our JavaScript Promises series, covering deferred promises, fetch, flow control, concurrency with libraries like p-map and p-limit, and integrating TypeScript. Show Notes 00:00 Welcome to Syntax! 00:31 Brought to you by Sentry.io. 01:11 Deferred promises. 06:10 Fetch. 09:04 Flow Control. 12:19 Concurrency, Throttling, Queuing. 16:13 TypeScript and Promises. All links available at https://syntax.fm/774 ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript https://www.youtube.com/embed/wLNnTEQdyvo 1239 2024-05-27T11:00:49.000Z https://syntax.yabby.page/video/promises-error-handling-aborts-and-helper-methods-part-2 2026-10-15T03:45:36.812Z https://i.ytimg.com/vi/7gTwa9ofqcM/maxresdefault.jpg Promises: Error Handling, Aborts, and Helper Methods - Part 2 We're diving into part 2 of our 3-part series on Promises, focusing on error handling, aborts, and essential helper methods. We'll explore how to manage errors effectively and improve performance with abort signals. Let's get into it! Show Notes 00:00 Welcome to Syntax! 00:41 Brought to you by Sentry.io. 02:00 Cancelling promises. 05:16 Why would you reach for an abort signal? 06:26 Promise helpers. 07:04 Promise.all() vs Promise.allSettled(). 09:12 promiseInstance.finally() 09:26 Promise.any() and Promise.race() 12:08 Error handling strategies. 17:30 Promise.race() example. 18:54 Static Promise.reject() and .resolve() methods. All links available at https://syntax.fm/771 ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript https://www.youtube.com/embed/7gTwa9ofqcM 1266 2024-05-20T11:00:05.000Z https://syntax.yabby.page/video/rating-and-roasting-your-projects 2026-10-13T20:45:14.071Z https://i.ytimg.com/vi/9O0lQBEPL2U/maxresdefault.jpg 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 developers have been building, including picks like Arrow JS, Sugar High, Drift, and a whole lot more 🔥 Be the ~18,300th person to join our super tasty newsletter https://bit.ly/syntax_snackpack Show Notes 00:00 Welcome to Syntax! 01:20 JSON-Alexander. 02:43 FFF - Fastest File Search. 04:44 View Transitions Toolkit. 08:06 Agentation and Svelte Agentation. 11:21 CSS Studio. 13:12 Peon Ping 14:26 Peekdown. 16:03 Dex. 20:22 Content Copilot. 22:16 Opencode Sentry Monitor. 24:56 Arrow JS. 29:20 Comark. 33:19 Silly Software Club. 34:05 Sugar High. 36:04 Drift. 37:19 Fallow. 41:20 Edit Mind. 44:46 Clint. 47:18 Honorable mentions. 47:21 Artemisapp. 49:53 Open Screen. 50:14 CanvidHQ. 52:02 Proxybox Zero. All links available at https://syntax.fm/997 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/9O0lQBEPL2U 3226 2026-04-20T11:00:23.000Z https://syntax.yabby.page/video/host-your-own-vercel 2026-10-15T03:45:36.816Z https://i.ytimg.com/vi/nCWznQ0HY9c/maxresdefault.jpg Host your own Vercel Scott and Wes talk about the benefits of owning your own PaaS (platform as a service), the main alternatives in the space, and ways to make passion projects more financially viable. Show Notes 00:00 Welcome to Syntax! 01:12 Brought to you by Sentry.io. 01:56 What is a PaaS? 04:21 Challenges with payment structures. 07:02 What is Kubernetes? 07:51 What are the differences between Kubernetes and Docker? 09:15 Reasons to own your own PaaS. 15:05 “Pokémon or Web Service” 16:49 The players and their pros and cons. 18:51 Where can you host these services? 19:47 Kubero. 21:50 Coolify. 28:15 Caprover. 29:03 Dokku. 32:53 Piku. 33:24 Cuber. 34:13 Acorn. 36:44 The challenges of hosting your own PaaS. 38:46 Jekyll ran on a PC under a desk. 39:36 Sometimes less is, in fact, more. 40:09 Final thoughts. 45:03 Scott got Bun to work on Coolify. 51:01 Sick Picks + Shameless Plugs. All links available at https://syntax.fm/730 ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #paas https://www.youtube.com/embed/nCWznQ0HY9c 3478 2024-02-14T12:00:42.000Z https://syntax.yabby.page/video/how-does-scope-css-work 2026-10-15T03:45:36.820Z https://i.ytimg.com/vi/YPmUIwVh5vk/maxresdefault.jpg How does scope CSS work? In this very hasty treat, Wes and Scott cover CSS Native @scope, the implementation of this tool, and some of its limitations. Show Notes: 00:00 Welcome to Syntax! 01:00 Brought to you by Sentry.io. 01:33 Why scope your CSS? 03:21 Scott's hot take. 05:43 How does @scope CSS work? 07:31 Similar to a component-based workflow. 08:00 Not having to specify a selector for your scope. 09:52 Pseudo inline hover styles. 11:31 Donut scope. 13:01 "Inverted donut-hole scope" 14:50 Browser support + limitations. All links available at https://syntax.fm/729 ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript https://www.youtube.com/embed/YPmUIwVh5vk 1089 2024-02-12T12:00:24.000Z https://syntax.yabby.page/video/ai-superpowers-with-kevin-hou-and-codeium 2026-10-15T03:45:36.824Z https://i.ytimg.com/vi/lYXYmcDjGMA/maxresdefault.jpg AI Superpowers with Kevin Hou and Codeium In this supper club, Scott and Wes welcome Kevin Hou, Head of Product Engineering at Codeium, a blazing fast AI-powered code completion and chat tool for developers. Show Notes 00:00 Welcome to Syntax! 05:31 An introduction to Codeium. 07:56 What information are you sending the AI to get such good completions? 09:15 Codeium runs a 'Language Server'. 11:15 Crawling dependency tree and abstract syntax tree. 12:07 Using Codeium Live. 12:34 How big of a codebase can you run this on? 14:39 Sending select amounts of data to AI. 16:06 Does Codeium maintain codebase preferences and styling (ie. snake case)? 17:39 Will Codeium scan the dependency? 19:23 AI UI, have we found the best format? 21:55 Crazy ideas in tech. 22:53 Additional AI UI inputs. 24:14 How do you make an AI model? 28:42 How does Codeium manage the product roadmap? 32:09 Do AI models get worse over time? How does Codeium validate that it's not? 35:39 How is Codeium THAT fast? 36:49 What programming langauges does Codeium use? 38:55 Codeium Playground. 39:15 Caching as a performance improvement. 39:58 What is the pipe between Codeium and editor? 40:17 Codeium chat service. 41:44 A WebSocket system allowing push and pull communication. 43:13 Closed Beta for GPT 4.0. 46:12 The dreaded closing quote bug. 48:26 Sometimes bugs bug Wes. 49:49 Supper Club Questions 51:40 Perplexity.ai 52:35 What editor does Kevin use? 55:31 Sick Picks + Shameless Plugs Sick Picks Kevin: Lapse.com Shameless Plugs Kevin: Codeium.com All links available at https://syntax.fm/728 ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript https://www.youtube.com/embed/lYXYmcDjGMA 3514 2024-02-09T12:00:46.000Z https://syntax.yabby.page/video/htmx-snuck-a-cute-little-jab-at-react-in-their-documentation 2026-10-15T03:45:36.831Z https://i.ytimg.com/vi/goW0l-vn9KQ/maxresdefault.jpg HTMX snuck a cute little jab at React in their documentation Today's episode: Is HTMX a Joke? syntax.fm/726 HTMLX is a small library for swapping out parts of your UI with responses from a server. It brings back AJAX and is not a full replacement for React ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #htmx #html #ajax #ui #tech #developerhumor #programmer #webdev #softwaredev #javascript https://www.youtube.com/embed/goW0l-vn9KQ 53 2024-02-05T17:48:42.000Z https://syntax.yabby.page/video/react-for-everyone-series-introduction 2026-10-15T03:45:36.836Z https://i.ytimg.com/vi/eOctQZ1EV0E/maxresdefault.jpg React For Everyone - Series Introduction Learn React js basics from scratch in the new video tutorial series React For Everyone. New videos every week! Subscribe for more free tutorials https://goo.gl/6ljoFc, more React Tutorials: https://goo.gl/tRUAB9 Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! http://leveluptuts.com/level-up-pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e Learn React js from scratch in the new video tutorial series React For Beginners. We'll be introducing core concepts and exploring real world application techniques as we go. New videos every week! https://www.youtube.com/embed/eOctQZ1EV0E 60 2015-11-10T00:35:34.000Z https://syntax.yabby.page/video/january-24-2024 2026-10-15T03:45:36.840Z https://i.ytimg.com/vi/r34lxg_XXOE/maxresdefault.jpg January 24, 2024 January 24, 2024 https://www.youtube.com/embed/r34lxg_XXOE 23 2024-01-24T22:37:38.000Z https://syntax.yabby.page/video/january-11-2024 2026-10-15T03:45:36.845Z https://i.ytimg.com/vi/Od53FKoABlA/maxresdefault.jpg January 11, 2024 January 11, 2024 https://www.youtube.com/embed/Od53FKoABlA 61 2024-01-11T22:50:38.000Z https://syntax.yabby.page/video/is-google-killing-ublock-origin 2026-10-15T03:45:36.859Z https://i.ytimg.com/vi/qEU9u-2HnTk/maxresdefault.jpg Is Google killing uBlock Origin? Is Google killing uBlock Origin? https://www.youtube.com/embed/qEU9u-2HnTk 180 2023-11-18T19:06:23.000Z https://syntax.yabby.page/video/react-server-components-form-actions-server-actions 2026-10-15T03:45:36.863Z https://i.ytimg.com/vi/wI_nxb4h1As/maxresdefault.jpg React Server Components Form Actions + Server Actions Scott and Wes are here to guide you through the world of React Server Components, shedding light on the intricacies of Form Actions and Server Actions. Get ready to level up your React skills as they discuss the ins and outs of these powerful features and share their expert advice on optimizing your applications. Show Notes 00:00 Welcome to Syntax! 02:04 Brought to you by Sentry.io. 03:04 What are form actions? 04:05 Almost entirely React. 04:31 What is the 'server' in Vanilla React? 06:10 Would React ever ship their own server? 07:29 What are actions? 08:34 Two huge benefits to actions. 08:45 Avoid custom useEffects or third party libraries. 09:17 Calling server code from the client without any APIS. 11:31 Some examples of actions. 12:54 Can these actions be done in a client component? 13:40 Where to use actions. 13:49 On a form submit. 15:30 In an event handler. 15:57 In a useEffect(). 17:13 How to actually use an action. 17:30 useActionState() hook. 18:49 The state of the action. 19:35 The bound action. 19:46 The pending state. 23:16 useFormStatus() hook. 24:38 Action inputs. 26:13 Server vs client. 28:30 This is not PHP. 30:31 What is optimistic UI? 33:26 useOptimistic() hook. 37:02 Some final thoughts. 40:18 Sick Picks + Shameless Plugs. All links available at https://syntax.fm/766 ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript https://www.youtube.com/embed/wI_nxb4h1As 2792 2024-05-08T11:00:47.000Z https://syntax.yabby.page/video/our-favorite-domain-hosts-for-2023-where-are-you-moving-your-google-domains-to-webdev 2026-10-15T03:45:36.868Z https://i.ytimg.com/vi/pQLBAlHzIGc/maxresdefault.jpg Our favorite domain hosts for 2023. Where are you moving your google domains to? #webdev Our favorite domain hosts for 2023. Where are you moving your google domains to? #webdev https://www.youtube.com/embed/pQLBAlHzIGc 61 2023-06-19T22:05:03.000Z https://syntax.yabby.page/video/syntax-sentry-live 2026-10-15T03:45:36.871Z https://i.ytimg.com/vi/jmMFEbo9kt8/maxresdefault.jpg Syntax × Sentry Live! Come hang out and hear Wes and Scott talk about everything that's happening with Syntax × Sentry! psssst 62DWI 663QK FOEXM SOBS6 8JW7G UTEG4 358WS https://www.youtube.com/embed/jmMFEbo9kt8 6782 2023-04-15T06:12:54.000Z https://syntax.yabby.page/video/google-domains-is-dead-google-technews 2026-10-15T03:45:36.876Z https://i.ytimg.com/vi/BIGWrDq3Lhk/maxresdefault.jpg Google Domains is Dead #google #technews Google Domains is Dead #google #technews https://www.youtube.com/embed/BIGWrDq3Lhk 61 2023-06-16T18:36:42.000Z https://syntax.yabby.page/video/console-log-object 2026-10-15T03:45:36.880Z https://i.ytimg.com/vi/aTO24Ikbr_s/maxresdefault.jpg Console Log [Object] Console Log [Object] https://www.youtube.com/embed/aTO24Ikbr_s 231 2022-11-18T19:10:00.000Z https://syntax.yabby.page/video/react-server-components-kinda-under-delivered 2026-10-15T03:45:36.884Z https://i.ytimg.com/vi/shAjuY9yIK8/maxresdefault.jpg "React Server Components kinda under-delivered" “I haven’t heard super convincing stories on how RSC has fundamentally made something more performant.” Evan You, creator of Vue.js and Vite, shares his honest take on React Server Components and why he thinks the technology hasn’t lived up to its promises. The mental complexity and developer experience costs might not be worth it after all.​​​​​​​​​​​​​​​​ 🔥 Be the ~17,700th person to join our super tasty newsletter https://bit.ly/syntax_snackpack All links available at https://syntax.fm/939 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev #rsc #react #vuejs #vite #evanyou #reactservercomponents https://www.youtube.com/embed/shAjuY9yIK8 104 2025-09-23T19:42:42.000Z https://syntax.yabby.page/video/how-to-mask-content-with-a-gradient-with-css-css-quick-tips 2026-10-15T03:45:36.889Z https://i.ytimg.com/vi/UPJeMtYFMn8/maxresdefault.jpg How To Mask Content With A Gradient with CSS - CSS Quick Tips How To Mask Content With A Gradient with CSS - CSS Quick Tips https://www.youtube.com/embed/UPJeMtYFMn8 161 2022-11-17T18:04:32.000Z https://syntax.yabby.page/video/my-new-favorite-dev-tool-what-is-polypane 2026-10-15T03:45:36.893Z https://i.ytimg.com/vi/k4tkKmY18p0/maxresdefault.jpg My New Favorite Dev Tool - What Is Polypane? https://polypane.app/ Become a Level Up Pro and take your web skills to the next level! https://www.leveluptutorials.com The best web development podcast out there Syntax with Wes Bos and Scott Tolinski https://syntax.fm 🎨 VSCode Theme: https://marketplace.visualstudio.com/items?itemName=leveluptutorials.theme-levelup All of the stuff I use https://www.scotttolinski.com/uses https://www.youtube.com/embed/k4tkKmY18p0 230 2022-11-14T22:15:23.000Z https://syntax.yabby.page/video/major-svelte-kit-api-change-fixing-load-and-tightening-up-sveltekit-s-design-before-1-0 2026-10-15T03:45:36.897Z https://i.ytimg.com/vi/OUGn7VifUCg/maxresdefault.jpg Major Svelte Kit API Change - Fixing `load`, and tightening up SvelteKit's design before 1.0 https://github.com/sveltejs/kit/discussions/5748 Simple Made Easy: https://www.youtube.com/watch?v=SxdOUGdseq4 Become a Level Up Pro and take your web skills to the next level! https://www.leveluptutorials.com The best web development podcast out there Syntax with Wes Bos and Scott Tolinski https://syntax.fm 🎨 VSCode Theme: https://marketplace.visualstudio.com/items?itemName=leveluptutorials.theme-levelup All of the stuff I use https://www.scotttolinski.com/uses https://www.youtube.com/embed/OUGn7VifUCg 1681 2022-08-05T18:48:56.000Z https://syntax.yabby.page/video/10-awesome-svelte-ui-component-libraries 2026-10-15T03:45:36.901Z https://i.ytimg.com/vi/RkD88ARvucM/maxresdefault.jpg 10 Awesome Svelte UI Component Libraries 2:00 Headless UI 4:00 Svelte UI 8:22 Attractions 9:45 Smelt 10:40 Svelte Strap 11:28 Svelma 12:11 Svelte Atoms 13:27 Svelterial 14:26 Agnostic UI 16:28 Framework 7 Summer Sale 50% off! https://leveluptutorials.com https://svelte-headlessui.goss.io/docs https://www.svelteui.org https://illright.github.io/attractions/ https://smeltejs.com/ https://github.com/bestguy/sveltestrap https://c0bra.github.io/svelma https://svelte-atoms.web.app/ https://github.com/svelterialjs/svelterial https://www.agnosticui.com/ https://framework7.io/svelte/menu Become a Level Up Pro and take your web skills to the next level! https://www.leveluptutorials.com The best web development podcast out there Syntax with Wes Bos and Scott Tolinski https://syntax.fm 🎨 VSCode Theme: https://marketplace.visualstudio.com/items?itemName=leveluptutorials.theme-levelup All of the stuff I use https://www.scotttolinski.com/uses https://www.youtube.com/embed/RkD88ARvucM 1188 2022-07-15T17:50:05.000Z https://syntax.yabby.page/video/auto-import-components-in-svelte-kit-weekly-svelte 2026-10-15T03:45:36.905Z https://i.ytimg.com/vi/JXvKBtTPr64/maxresdefault.jpg Auto Import Components In Svelte Kit - Weekly Svelte https://github.com/yuanchuan/sveltekit-autoimport https://github.com/yuanchuan/sveltekit-autoimport/issues/3 globals.d.ts `declare const Button: typeof import('./elements/Button.svelte')['default']` Become a Level Up Pro and take your web skills to the next level! https://www.leveluptutorials.com The best web development podcast out there Syntax with Wes Bos and Scott Tolinski https://syntax.fm 🎨 VSCode Theme: https://marketplace.visualstudio.com/items?itemName=leveluptutorials.theme-levelup All of the stuff I use https://www.scotttolinski.com/uses https://www.youtube.com/embed/JXvKBtTPr64 751 2022-05-27T19:51:07.000Z https://syntax.yabby.page/video/reactive-variables-svelte-vs-react-weekly-svelte 2026-10-15T03:45:36.909Z https://i.ytimg.com/vi/HUgZHf--qVo/maxresdefault.jpg Reactive Variables Svelte vs React - Weekly Svelte Become a Level Up Pro and take your web skills to the next level! https://www.leveluptutorials.com/pro?utm_source=youtube&utm_medium=video&utm_campaign=what_is Svelte for Beginners https://leveluptutorials.com/tutorials/svelte-for-beginners/introduction The best web development podcast out there Syntax with Wes Bos and Scott Tolinski https://syntax.fm https://www.youtube.com/embed/HUgZHf--qVo 816 2021-09-17T15:00:17.000Z https://syntax.yabby.page/video/what-is-the-temporal-api-what-is-web-development 2026-10-15T03:45:36.913Z https://i.ytimg.com/vi/VdxWO3BHkCs/maxresdefault.jpg What Is the Temporal API - What Is Web Development? Docs: https://tc39.es/proposal-temporal/docs/ Fixing the JavaScript Date API: https://maggiepint.com/2017/04/09/fixing-javascript-date-getting-started Become a Level Up Pro and take your web skills to the next level! https://www.leveluptutorials.com The best web development podcast out there Syntax with Wes Bos and Scott Tolinski https://syntax.fm https://www.youtube.com/embed/VdxWO3BHkCs 413 2022-03-16T19:41:51.000Z https://syntax.yabby.page/video/effortless-snippet-creation-vscode-pro-tip 2026-10-15T03:45:36.917Z https://i.ytimg.com/vi/3flfk1h6_PE/maxresdefault.jpg Effortless Snippet Creation - VSCode Pro Tip Become a Level Up Pro and take your web skills to the next level! https://www.leveluptutorials.com The best web development podcast out there Syntax with Wes Bos and Scott Tolinski https://syntax.fm https://www.youtube.com/embed/3flfk1h6_PE 246 2022-03-14T12:34:20.000Z https://syntax.yabby.page/video/basic-react-to-svelte-conversion-weekly-svelte 2026-10-15T03:45:36.921Z https://i.ytimg.com/vi/DiSuwLlhOxs/maxresdefault.jpg Basic React To Svelte Conversion - Weekly Svelte Join our Discord https://discord.gg/9S7kbQet2T Sign up for Level Up Tutorials http://leveluptutorials.com https://www.youtube.com/embed/DiSuwLlhOxs 486 2022-03-11T19:33:56.000Z https://syntax.yabby.page/video/clean-up-your-explorer-with-file-nesting-vscode-pro-tips 2026-10-15T03:45:36.925Z https://i.ytimg.com/vi/WgUftBzky1U/maxresdefault.jpg Clean Up Your Explorer With File Nesting - VSCode Pro Tips Clean Up Your Explorer With File Nesting - VSCode Pro Tips https://www.youtube.com/embed/WgUftBzky1U 543 2022-02-21T13:30:22.000Z https://syntax.yabby.page/video/vscode-s-new-customizable-side-panel-vscode-pro-tip 2026-10-15T03:45:36.929Z https://i.ytimg.com/vi/UuIkU-4F7rg/maxresdefault.jpg VSCode's New Customizable Side Panel - VSCode Pro Tip Become a Level Up Pro and take your web skills to the next level! https://www.leveluptutorials.com The best web development podcast out there Syntax with Wes Bos and Scott Tolinski https://syntax.fm https://www.youtube.com/embed/UuIkU-4F7rg 357 2022-02-14T15:30:15.000Z https://syntax.yabby.page/video/full-featured-svelte-kit-page-loader-weekly-svelte 2026-10-15T03:45:36.935Z https://i.ytimg.com/vi/64VrioBwHG4/maxresdefault.jpg Full Featured Svelte Kit Page Loader - Weekly Svelte Starting Code: https://stackblitz.com/edit/sveltekit-smm6ck Ending Code: https://stackblitz.com/edit/sveltekit-cyrrtf Learn Svelte and Svelte Kit on Level Up Tutorials https://leveluptutorials.com https://www.youtube.com/embed/64VrioBwHG4 1111 2022-02-11T20:20:02.000Z https://syntax.yabby.page/video/recreating-a-train-ticket-with-css-synhax-battle 2026-10-15T03:45:36.939Z https://i.ytimg.com/vi/rBAAvG68pko/maxresdefault.jpg Recreating a Train Ticket with CSS! SynHax Battle Scott, Wes, and CJ go head-to-head using Scott’s SynHax platform to recreate a Swiss train ticket UI from scratch. Watch as they flex their front-end skills, drop clever hacks, and laugh their way through HTML chaos 🔥 Be the ~14,700th person to join our super tasty newsletter https://bit.ly/syntax_snackpack ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/rBAAvG68pko 1979 2025-10-25T12:48:00.000Z https://syntax.yabby.page/video/easy-svelte-kit-page-loader-weekly-svelte 2026-10-15T03:45:36.944Z https://i.ytimg.com/vi/4Mp-EQnJSTw/maxresdefault.jpg Easy Svelte Kit Page Loader - Weekly Svelte https://stackblitz.com/edit/sveltekit-smm6ck?file=src/routes/index.svelte Become a Level Up Pro and take your web skills to the next level! https://www.leveluptutorials.com/pro Learn Svelte quickly https://leveluptutorials.com/tutorials/svelte-kit The best web development podcast out there Syntax with Wes Bos and Scott Tolinski https://syntax.fm https://www.youtube.com/embed/4Mp-EQnJSTw 1022 2022-01-28T20:28:16.000Z https://syntax.yabby.page/video/recursive-svelte-components-weekly-svelte 2026-10-15T03:45:36.950Z https://i.ytimg.com/vi/PJth7lchnJk/maxresdefault.jpg Recursive Svelte Components - Weekly Svelte https://svelte.dev/tutorial/svelte-self Become a Level Up Pro and take your web skills to the next level! https://www.leveluptutorials.com/pro?utm_source=youtube&utm_medium=video&utm_campaign=weekly_svelte Svelte for Beginners https://leveluptutorials.com/tutorials/svelte-for-beginners/introduction The best web development podcast out there Syntax with Wes Bos and Scott Tolinski https://syntax.fm https://www.youtube.com/embed/PJth7lchnJk 972 2021-10-08T18:50:09.000Z https://syntax.yabby.page/video/react-to-svelte-speedrun-2 2026-10-15T03:45:36.956Z https://i.ytimg.com/vi/m8rOWGIRN_Y/maxresdefault.jpg React to Svelte Speedrun React to Svelte Speedrun https://www.youtube.com/embed/m8rOWGIRN_Y 4363 2021-06-03T22:31:14.000Z https://syntax.yabby.page/video/react-to-svelte-speedrun 2026-10-15T03:45:36.960Z https://i.ytimg.com/vi/-kmGj-Itvg4/maxresdefault.jpg React to Svelte Speedrun https://syntax.fm/live Friday Oct 30th, 10:30am PST, 1:30 EST. Join the fun & call into the show! Ask a potluck question, give us your sick pick, do a shameless plug or have us ask you a Stump'd question! https://www.youtube.com/embed/-kmGj-Itvg4 47 2021-06-03T20:34:10.000Z https://syntax.yabby.page/video/sass-tutorials-1-how-to-install-sass 2026-10-15T03:45:36.964Z https://i.ytimg.com/vi/fbVD32w1oTo/maxresdefault.jpg Sass Tutorials #1 - How to Install Sass This is the first in a series of tutorials that show users how to use Sass. This first tutorial focuses on installing and running sass for the first time using a Mac. Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations https://www.youtube.com/embed/fbVD32w1oTo 409 2012-02-10T05:50:18.000Z https://syntax.yabby.page/video/sass-tutorials-28-selector-functions-sass-3-4 2026-10-15T03:45:36.968Z https://i.ytimg.com/vi/yZGnLO2Xs0E/maxresdefault.jpg Sass Tutorials #28 - Selector Functions & Sass 3.4 Here was show you a new feature of the just released Sass 3.4, Selector Functions. Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations https://www.youtube.com/embed/yZGnLO2Xs0E 384 2014-08-22T18:31:59.000Z https://syntax.yabby.page/video/sass-tutorials-16-while-loops 2026-10-15T03:45:36.975Z https://i.ytimg.com/vi/OZFvWFlvOG0/maxresdefault.jpg Sass Tutorials #16 - While Loops The 16th tutorial in the Sass Tutorial series. This video teaches you how to use While loops in Sass to expand on the functionality of For loops. https://www.youtube.com/embed/OZFvWFlvOG0 503 2012-04-24T02:14:02.000Z https://syntax.yabby.page/video/how-i-make-4k-video-intros-without-after-effects 2026-10-15T03:45:36.981Z https://i.ytimg.com/vi/Cu6YUn65cT0/maxresdefault.jpg How I Make 4k Video Intros Without After Effects Links: https://www.leveluptutorials.com/pro http://syntax.fm https://www.youtube.com/embed/Cu6YUn65cT0 507 2019-09-27T17:42:02.000Z https://syntax.yabby.page/video/sass-tutorials-4-using-mixins 2026-10-15T03:45:36.985Z https://i.ytimg.com/vi/F34FF9AizY0/maxresdefault.jpg Sass Tutorials #4 - Using Mixins This is the 4th tutorial in a series that show users how to code CSS with Sass. This tutorial covers the use of Mixins which allow re-use of chunks of CSS, properties and selectors. https://www.youtube.com/embed/F34FF9AizY0 381 2012-02-23T02:50:14.000Z https://syntax.yabby.page/video/sass-tutorials-6-creating-configurable-shapes-using-mixins 2026-10-15T03:45:36.989Z https://i.ytimg.com/vi/igYBKYQ15g0/maxresdefault.jpg Sass Tutorials #6 - Creating Configurable Shapes Using Mixins This is the 6th tutorial in a series that show users how to code CSS with Sass. This tutorial shows users how to create mixins that are configurable with the use of if statements to create a circle and a triangle. More Sass basic tutorials are on the way along with Compass tutorials coming soon! https://www.youtube.com/embed/igYBKYQ15g0 598 2012-03-08T02:58:06.000Z https://syntax.yabby.page/video/sass-tutorials-24-creating-and-using-a-symmetrical-grid 2026-10-15T03:45:36.993Z https://i.ytimg.com/vi/LJMo1PETS2w/maxresdefault.jpg Sass Tutorials #24 - Creating and Using a Symmetrical Grid The 24th video in the Sublime Text 2 tutorial series. Here I show you how to create a basic 960 symmetrical grid with the Singularity Grid System. http://singularity.gs/ https://www.youtube.com/embed/LJMo1PETS2w 555 2014-01-29T02:15:48.000Z https://syntax.yabby.page/video/0-animating-react-introduction 2026-10-15T03:45:36.999Z https://i.ytimg.com/vi/f2vdduklY20/maxresdefault.jpg #0 Animating React Introduction Complete the course here: http://bit.ly/2JkCehq Become a master of practical interface animations with React Spring. In Animating React, Scott Tolinski's latest series by Level Up Tutorials, we'll learn how to animate modals, menus, height auto, waypoints, dragging gestures, React Router transitions and much, much more. https://www.youtube.com/embed/f2vdduklY20 61 2019-05-14T16:31:42.000Z https://syntax.yabby.page/video/using-react-context-for-global-state 2026-10-15T03:45:37.003Z https://i.ytimg.com/vi/52W__dKdNnU/maxresdefault.jpg Using React Context For Global State Learn how Level Up uses React Context to manage all global state. https://www.youtube.com/embed/52W__dKdNnU 1944 2019-04-23T18:40:56.000Z https://syntax.yabby.page/video/effortless-forms-in-react 2026-10-15T03:45:37.620Z https://i.ytimg.com/vi/9hbLLMQLv9w/maxresdefault.jpg Effortless Forms In React I'm going to be showing off a new library that I found that makes writing forms in React insanely simple. https://www.youtube.com/embed/9hbLLMQLv9w 3150 2019-04-09T19:25:43.000Z https://syntax.yabby.page/video/sass-tutorials-7-import-parent-reference 2026-10-15T03:45:37.625Z https://i.ytimg.com/vi/HvRw_RarObk/maxresdefault.jpg Sass Tutorials #7 - @Import & Parent Reference This is the 7th tutorial in a series that show users how to code CSS with Sass. This tutorial shows users how to use @import to organize stylesheets and the Parent Reference feature. https://www.youtube.com/embed/HvRw_RarObk 243 2012-03-11T05:18:00.000Z https://syntax.yabby.page/video/sass-tutorials-9-nth-function-in-lists 2026-10-15T03:45:37.629Z https://i.ytimg.com/vi/O4hPOMX8AaU/maxresdefault.jpg Sass Tutorials #9 - Nth Function In Lists This is the 2nd tutorial in a series that show users how to code CSS using advanced features in Sass. This tutorial covers the use of the Nth function to find values in lists. This example goes over the basics of Nth and then uses an @each statement to build gradually lighten a back background over 4 separate divs. The code: @each $p in ( one black, two black + 20, three black + 40, four black + 60 ) { .#{nth($p,1)} { background:#{nth($p,2)}; } } https://www.youtube.com/embed/O4hPOMX8AaU 314 2012-03-02T03:48:54.000Z https://syntax.yabby.page/video/scott-likes-his-fonts-extra-fancy 2026-10-15T03:45:37.633Z https://i.ytimg.com/vi/HnOMJS3W71U/maxresdefault.jpg Scott likes his fonts extra fancy 🔥 Be the ~14,700th person to join our super tasty newsletter bit.ly/syntax_snackpack All links available at https://syntax.fm/885 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/HnOMJS3W71U 52 2025-03-17T18:50:19.000Z https://syntax.yabby.page/video/scott-tries-begin-com-modern-apps-built-fast-af 2026-10-15T03:45:37.638Z https://i.ytimg.com/vi/dpHizW9Ojsg/maxresdefault.jpg Scott Tries Begin.com - Modern apps built fast AF In this edition of Scott Tries Web Services, I try Begin.com where you can build or start building your app / site / whatever fast AF. It's a really super cool platform for generating code, hosting, and all kinds of amazing things. As always checkout Level Up Tutorials here: https://www.leveluptutorials.com/ and listen to myself and Wes Bos on Syntax here: https://syntax.fm/ * Disclaimer - This was not paid for in any way by any service mentioned in this video, these are my honest real-time opinions. https://www.youtube.com/embed/dpHizW9Ojsg 1153 2020-02-04T18:47:55.000Z https://syntax.yabby.page/video/what-is-framerx 2026-10-15T03:45:37.642Z https://i.ytimg.com/vi/lwNHqnFAsqY/maxresdefault.jpg What Is FramerX? # Links Learn more about Framer X : http://bit.ly/2OpFqXr Level Up your web development & design skills: https://www.leveluptutorials.com/pro The tastiest web development podcast around: https://syntax.fm/ Shop Level Up Tutorials: https://www.leveluptutorials.com/store/products/tutorials https://www.youtube.com/embed/lwNHqnFAsqY 393 2018-08-15T21:16:06.000Z https://syntax.yabby.page/video/scott-tries-hasura-a-realtime-graphql-api-builder 2026-10-15T03:45:37.647Z https://i.ytimg.com/vi/LOWWtldWKYA/maxresdefault.jpg Scott Tries Hasura - A Realtime GraphQL API Builder I thought I would try something new and try some hot new web services for the first time and give my feedback as I check them out. In this video I look at Hasura, an open source Realtime GraphQL API builder and found it to be very impressive. As always checkout Level Up Tutorials here: https://www.leveluptutorials.com/ and listen to myself and Wes Bos on Syntax here: https://syntax.fm/ * Disclaimer - This was not paid for in any way by any service mentioned in this video, these are my honest real-time opinions. https://www.youtube.com/embed/LOWWtldWKYA 1378 2020-01-28T19:26:27.000Z https://syntax.yabby.page/video/scott-tries-lightstream-live-test 2026-10-15T03:45:37.651Z https://i.ytimg.com/vi/4sGUCp_C8ME/maxresdefault.jpg Scott Tries Lightstream LIVE TEST # Links Learn more about Framer X : http://bit.ly/2OpFqXr Level Up your web development & design skills: https://www.leveluptutorials.com/pro The tastiest web development podcast around: https://syntax.fm/ Shop Level Up Tutorials: https://www.leveluptutorials.com/store/products/tutorials https://www.youtube.com/embed/4sGUCp_C8ME 78 2020-03-13T22:29:29.000Z https://syntax.yabby.page/video/scott-tries-whimsical-flowcharts-wireframes-sticky-notes-and-mind-maps 2026-10-15T03:45:37.655Z https://i.ytimg.com/vi/7dUTsi0Kxuw/maxresdefault.jpg Scott Tries Whimsical - Flowcharts, Wireframes, Sticky Notes, and Mind Maps In this edition of Scott Tries Web Services, I try https://whimsical.com the visual workspace communicate visually at the speed of thought. Flowcharts, Wireframes, Sticky Notes, and Mind Maps. As always checkout Level Up Tutorials here: https://www.leveluptutorials.com/ and listen to myself and Wes Bos on Syntax here: https://syntax.fm/ * Disclaimer - This was not paid for in any way by any service mentioned in this video, these are my honest real-time opinions. https://www.youtube.com/embed/7dUTsi0Kxuw 1233 2020-02-25T18:43:22.000Z https://syntax.yabby.page/video/scott-tries-glitch-the-friendly-community 2026-10-15T03:45:37.659Z https://i.ytimg.com/vi/4q22u2d4pQc/maxresdefault.jpg Scott Tries Glitch - The friendly community In this edition of Scott Tries Web Services, I try https://glitch.com a fun community based around creating full stack web applications. As always checkout Level Up Tutorials here: https://www.leveluptutorials.com/ and listen to myself and Wes Bos on Syntax here: https://syntax.fm/ * Disclaimer - This was not paid for in any way by any service mentioned in this video, these are my honest real-time opinions. https://www.youtube.com/embed/4q22u2d4pQc 925 2020-02-18T19:45:11.000Z https://syntax.yabby.page/video/3-test-driven-development-refactoring-js-testing-101-with-jest 2026-10-15T03:45:37.664Z https://i.ytimg.com/vi/6pYUzEduLyU/maxresdefault.jpg #3 Test Driven Development & Refactoring - JS Testing 101 with Jest In this video, I start a new mini-series on testing basics with JavaScript & Jest. In this series, we'll cover the skills needed to understand the how and why of JavaScript testing ### Video Links Starting Code: https://github.com/leveluptuts/Level-Up-JavaScript-Testing-101 Solutions: https://github.com/leveluptuts/JavaScript-Testing-101-Solutions Buy VueJS For Everyone: https://goo.gl/7uft3X Become a Pro: https://www.leveluptutorials.com/pro ### Affiliate Links Please use these links when signing up for services to help support Level Up. Easy Hosting with Netlify: https://goo.gl/pychVP Shared Web Hosting: https://goo.gl/pfC6uc ### Level Up Links Syntax Podcast ft Scott Tolinski & Wes Bos: https://goo.gl/7jDDxX Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz https://www.youtube.com/embed/6pYUzEduLyU 852 2018-05-07T18:19:44.000Z https://syntax.yabby.page/video/self-hosting-reverse-proxy-servers 2026-10-15T03:45:37.668Z https://i.ytimg.com/vi/aU_JPYFmyW0/maxresdefault.jpg Self Hosting Reverse Proxy Servers Scott and Wes serve up an episode on reverse proxy servers. They discuss popular options like CF Tunnels, Caddy, Nginx, Apache, and more, explaining why you might need one for load balancing, SSL certificates, security, and managing multiple servers. Show Notes 00:00 Welcome to Syntax! 01:30 Brought to you by Sentry.io. 02:25 What is reverse proxy? 03:16 Some examples of reverse proxies. 05:04 Why do you need a reverse proxy? 05:09 Combining multiple servers. 06:51 Load balancing. 07:23 SSL certificates. 10:30 Security. 10:37 Conceal your true IP. 11:24 Access management. 12:31 Routing static assets. 13:31 CDN / local. 15:55 Caddy × websocket support. All links available at https://syntax.fm/798 ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript https://www.youtube.com/embed/aU_JPYFmyW0 1028 2024-07-22T11:00:04.000Z https://syntax.yabby.page/video/should-we-get-scott-a-cool-treats-neon-sign 2026-10-15T03:45:37.672Z https://i.ytimg.com/vi/UEMGwMbSU5o/maxresdefault.jpg Should we get Scott a 'Cool Treats' neon sign? 🍦 Full episode here https://www.youtube.com/watch?v=58iwH5q5BKA ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript https://www.youtube.com/embed/UEMGwMbSU5o 44 2024-04-11T15:36:31.000Z https://syntax.yabby.page/video/sing-the-note-captcha 2026-10-15T03:45:37.676Z https://i.ytimg.com/vi/gqVhUuidfas/maxresdefault.jpg sing the note CAPTCHa??! 🔥 Be the ~16,700th person to join our super tasty newsletter https://bit.ly/syntax_snackpack ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev #captcha #funny https://www.youtube.com/embed/gqVhUuidfas 77 2025-07-09T16:24:31.000Z https://syntax.yabby.page/video/sketch-app-tutorials-11-ios-design-ui-tools 2026-10-15T03:45:37.684Z https://i.ytimg.com/vi/8HKiAE1fBgA/maxresdefault.jpg Sketch App Tutorials - #11 iOS Design UI Tools In this Sketch App video tutorial, design and prototype iOS apps faster than ever before with the Sketch 3 iOS UI Tools. Subscribe for more free tutorials https://goo.gl/6ljoFc, more Sketch App Tutorials: https://goo.gl/SvgeZU Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e Sketch gives you the power, flexibility and speed you always wanted in a lightweight and easy-to-use package. Finally you can focus on what you do best: Design. https://www.youtube.com/embed/8HKiAE1fBgA 362 2014-06-13T02:02:49.000Z https://syntax.yabby.page/video/sketch-app-tutorials-12-foundation-5-ui-kit 2026-10-15T03:45:37.690Z https://i.ytimg.com/vi/NschtZQsrdw/maxresdefault.jpg Sketch App Tutorials - #12 Foundation 5 UI Kit In this Sketch App video tutorial we learn how to quickly mock up websites and start designs using the Foundation 5 UI Kit & Sketch 3. Download the kit here: https://github.com/stephenway/sketch-foundation-kit Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e https://www.youtube.com/embed/NschtZQsrdw 426 2014-06-17T23:03:12.000Z https://syntax.yabby.page/video/sketch-app-tutorials-13-bootstrap-3-ui-kit 2026-10-15T03:45:37.694Z https://i.ytimg.com/vi/eF0J_6Phoi4/maxresdefault.jpg Sketch App Tutorials - #13 Bootstrap 3 UI Kit In this Sketch App video tutorial, learn how to quickly mock up websites and start designs using the Bootstrap 3 UI Kit for Sketch 3! Subscribe for more free tutorials https://goo.gl/6ljoFc, more Sketch App Tutorials: https://goo.gl/SvgeZU Download the kit here: http://bootstrapuikit.com/ Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e Sketch gives you the power, flexibility and speed you always wanted in a lightweight and easy-to-use package. Finally you can focus on what you do best: Design. https://www.youtube.com/embed/eF0J_6Phoi4 333 2014-06-18T00:03:12.000Z https://syntax.yabby.page/video/live-with-level-up-tuts-figma-for-component-based-design 2026-10-15T03:45:37.701Z https://i.ytimg.com/vi/OP66ezbM3kg/maxresdefault.jpg Live With Level Up Tuts - Figma For Component Based Design In this stream, I'll be showing Figma and how I use it to level up my design process. Mastering Figma: https://goo.gl/UxHPFT 10% off using coupon code "lutfigma" https://syntax.fm/ https://www.youtube.com/embed/OP66ezbM3kg 2878 2017-10-11T20:39:14.000Z https://syntax.yabby.page/video/sketch-app-tutorials-14-installing-and-using-plugins 2026-10-15T03:45:37.705Z https://i.ytimg.com/vi/Xd1pi_sZeeQ/maxresdefault.jpg Sketch App Tutorials - #14 Installing and Using Plugins In this Sketch App video tutorial, learn how to take Sketch 3 to the next level by extending Sketch with community made plugins. Here we add a Lorem Ipsum text generator to Sketch. Subscribe for more free tutorials https://goo.gl/6ljoFc, more Sketch App Tutorials: https://goo.gl/SvgeZU Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e Sketch gives you the power, flexibility and speed you always wanted in a lightweight and easy-to-use package. Finally you can focus on what you do best: Design. https://www.youtube.com/embed/Xd1pi_sZeeQ 282 2014-06-18T01:36:02.000Z https://syntax.yabby.page/video/live-coding-with-level-up-tuts-moving-my-personal-site-to-gatsbyjs 2026-10-15T03:45:37.709Z https://i.ytimg.com/vi/xqaThBnesfY/maxresdefault.jpg Live Coding With Level Up Tuts - Moving My Personal Site To GatsbyJS In this stream, I'll be moving my website off Meteor and onto GatsbyJS. https://www.youtube.com/embed/xqaThBnesfY 3246 2017-07-10T20:32:15.000Z https://syntax.yabby.page/video/live-coding-with-level-up-tuts-server-side-rendering-with-meteor-react 2026-10-15T03:45:37.717Z https://i.ytimg.com/vi/dbquWKd2pMY/maxresdefault.jpg Live Coding With Level Up Tuts - Server Side Rendering with Meteor & React In this stream, I'll be upgrading the Level Up Store to add server side rendering https://www.youtube.com/embed/dbquWKd2pMY 4910 2017-06-19T21:11:30.000Z https://syntax.yabby.page/video/live-coding-with-level-up-tuts-upgrading-to-react-router-4 2026-10-15T03:45:37.722Z https://i.ytimg.com/vi/dF3XZogGf-o/maxresdefault.jpg Live Coding With Level Up Tuts - Upgrading To React Router 4 In this stream, I'll be upgrading the Level Up Store to React Router 4. https://www.youtube.com/embed/dF3XZogGf-o 9980 2017-06-12T22:42:25.000Z https://syntax.yabby.page/video/sketch-app-tutorials-2-getting-around-sketch-3 2026-10-15T03:45:37.727Z https://i.ytimg.com/vi/fndq5vWZTy8/maxresdefault.jpg Sketch App Tutorials - #2 Getting Around Sketch 3 In this Sketch App video tutorial, we give you a tour of the Sketch 3 interface. Subscribe for more free tutorials https://goo.gl/6ljoFc, more Sketch App Tutorials: https://goo.gl/SvgeZU Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e Sketch gives you the power, flexibility and speed you always wanted in a lightweight and easy-to-use package. Finally you can focus on what you do best: Design. https://www.youtube.com/embed/fndq5vWZTy8 591 2014-05-16T03:04:24.000Z https://syntax.yabby.page/video/sketch-app-tutorials-16-5-extremely-useful-tips-shortcuts 2026-10-15T03:45:37.735Z https://i.ytimg.com/vi/GtVGL7hfqSA/maxresdefault.jpg Sketch App Tutorials #16 - 5 Extremely Useful Tips & Shortcuts In this Sketch App video tutorial, learn how to supercharge your Sketch 3 workflow with these 5 great tips. 5. Copy To CSS Subscribe for more free tutorials https://goo.gl/6ljoFc, more Sketch App Tutorials: https://goo.gl/SvgeZU 1. Multiple Resolution Export 2. Drag To Export 3. Quick Keys for Inserting 4. Toolbar Customization Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e Sketch gives you the power, flexibility and speed you always wanted in a lightweight and easy-to-use package. Finally you can focus on what you do best: Design. https://www.youtube.com/embed/GtVGL7hfqSA 446 2014-06-20T00:23:56.000Z https://syntax.yabby.page/video/sketch-app-tutorials-17-extremely-useful-tips-shortcuts-part-2 2026-10-15T03:45:37.753Z https://i.ytimg.com/vi/d0l6YZ4cams/maxresdefault.jpg Sketch App Tutorials #17 - Extremely Useful Tips & Shortcuts Part 2 In this Sketch App video tutorial, learn how to supercharge your Sketch 3 workflow with 4 more great Sketch 3 Tips. 1. Measure Distance 2. Quick Color Selecting 3. Pixel Rounding 4. Custom Shortcuts. Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! http://leveluptuts.com/level-up-pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e https://www.youtube.com/embed/d0l6YZ4cams 384 2014-07-30T00:08:53.000Z https://syntax.yabby.page/video/sketch-app-tutorials-22-how-to-easily-make-flow-charts-sketch-3-tutorials 2026-10-15T03:45:37.758Z https://i.ytimg.com/vi/SaZrULKDZB0/maxresdefault.jpg Sketch App Tutorials #22 - How To Easily Make Flow Charts - Sketch 3 Tutorials In this Sketch App video tutorial, I show you how to easily create flow charts using Sketch 3. Subscribe for more free tutorials https://goo.gl/6ljoFc, more Sketch App Tutorials: https://goo.gl/SvgeZU Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e Sketch gives you the power, flexibility and speed you always wanted in a lightweight and easy-to-use package. Finally you can focus on what you do best: Design. https://www.youtube.com/embed/SaZrULKDZB0 333 2015-03-13T03:02:18.000Z https://syntax.yabby.page/video/sketch-app-tutorials-23-sketch-3-4-new-features 2026-10-15T03:45:37.765Z https://i.ytimg.com/vi/UbIBXO4p3E8/maxresdefault.jpg Sketch App Tutorials #23 - Sketch 3.4 New Features In this Sketch App video tutorial, I break down the features within Sketch 3.4. Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e https://www.youtube.com/embed/UbIBXO4p3E8 487 2015-11-16T23:23:49.000Z https://syntax.yabby.page/video/sketch-app-tutorials-24-local-sharing-for-on-device-display 2026-10-15T03:45:37.772Z https://i.ytimg.com/vi/-tnw4ffjubE/maxresdefault.jpg Sketch App Tutorials #24 - Local Sharing For On Device Display In this Sketch App video tutorial, I break down the new local sharing feature in Sketch 3.4 Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e https://www.youtube.com/embed/-tnw4ffjubE 265 2015-11-16T23:50:23.000Z https://syntax.yabby.page/video/sketch-app-tutorials-4-pages 2026-10-15T03:45:37.776Z https://i.ytimg.com/vi/b3vBZvGxZo0/maxresdefault.jpg Sketch App Tutorials - #4 Pages In this Sketch App video tutorial, learn how you can keep your canvas organized by using multiple pages in Sketch 3. Subscribe for more free tutorials https://goo.gl/6ljoFc, more Sketch App Tutorials: https://goo.gl/SvgeZU Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e Sketch gives you the power, flexibility and speed you always wanted in a lightweight and easy-to-use package. Finally you can focus on what you do best: Design. https://www.youtube.com/embed/b3vBZvGxZo0 369 2014-05-30T01:19:51.000Z https://syntax.yabby.page/video/sketch-app-tutorials-5-styling-shapes-with-the-inspector 2026-10-15T03:45:37.782Z https://i.ytimg.com/vi/w6-f2tzkCF8/maxresdefault.jpg Sketch App Tutorials - #5 Styling Shapes With the Inspector In this Sketch App video tutorial, learn how to take control of your shape styles and properties with the inspector in Sketch 3. Subscribe for more free tutorials https://goo.gl/6ljoFc, more Sketch App Tutorials: https://goo.gl/SvgeZU Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e Sketch gives you the power, flexibility and speed you always wanted in a lightweight and easy-to-use package. Finally you can focus on what you do best: Design. https://www.youtube.com/embed/w6-f2tzkCF8 468 2014-05-30T01:34:23.000Z https://syntax.yabby.page/video/sketch-app-tutorials-series-introduction 2026-10-15T03:45:37.790Z https://i.ytimg.com/vi/AV2OkzIGykA/maxresdefault.jpg Sketch App Tutorials - Series Introduction In this Sketch App video tutorial, I give an introduction to Sketch 3 and what it's all about. Subscribe for more free tutorials https://goo.gl/6ljoFc, more Sketch App Tutorials: https://goo.gl/SvgeZU Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e Sketch gives you the power, flexibility and speed you always wanted in a lightweight and easy-to-use package. Finally you can focus on what you do best: Design. https://www.youtube.com/embed/AV2OkzIGykA 286 2014-05-16T02:30:36.000Z https://syntax.yabby.page/video/sometimes-you-really-should-reinvent-the-wheel 2026-10-15T03:45:37.797Z https://i.ytimg.com/vi/CwgeQOescME/maxresdefault.jpg Sometimes you really should reinvent the wheel SIDE PROJECTS: "In order to really understand the wheel sometimes you do need to go into the wood shop and make a wheel." - Dimitri Mitropoulos https://www.youtube.com/embed/CwgeQOescME 60 2026-02-05T20:59:16.000Z https://syntax.yabby.page/video/spell-checking-in-vscode-vscode-pro-tips 2026-10-15T03:45:37.814Z https://i.ytimg.com/vi/_GwpPJgH1Gw/maxresdefault.jpg Spell Checking In VSCode - VSCode Pro Tips Become a Level Up Pro and take your web skills to the next level! https://www.leveluptutorials.com The best web development podcast out there Syntax with Wes Bos and Scott Tolinski https://syntax.fm 🎨 VSCode Theme: https://marketplace.visualstudio.com/items?itemName=leveluptutorials.theme-levelup All of the stuff I use https://www.scotttolinski.com/uses https://www.youtube.com/embed/_GwpPJgH1Gw 238 2022-03-28T20:08:13.000Z https://syntax.yabby.page/video/sst-in-action-effortless-aws 2026-10-15T03:45:37.820Z https://i.ytimg.com/vi/brzgga3TDnY/maxresdefault.jpg SST In Action - Effortless AWS SST : https://sst.dev/ 🔥 Be the ~14,700th person to join our super tasty newsletter bit.ly/syntax_snackpack ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/brzgga3TDnY 2674 2025-03-19T11:00:50.000Z https://syntax.yabby.page/video/stackoverflow-and-firefox-are-dead 2026-10-15T03:45:37.827Z https://i.ytimg.com/vi/uWWOPZOtMJc/maxresdefault.jpg Stackoverflow and Firefox are Dead? Is Stack Overflow actually dying, and what does that mean in an AI-driven dev world? Scott and Wes break down the latest web dev news, from Firefox’s AI crossroads and Apple’s browser engine changes to new tools, docs, and spicy browser updates 🔥 Be the ~18,300th person to join our super tasty newsletter https://bit.ly/syntax_snackpack Show Notes 00:00 Welcome to Syntax! 02:36 Stack Overflow is Officially Dead 05:40 AI’s Impact on Software Development 07:56 Brought to you by Sentry.io 08:20 Micro QuickJS for Embedded Systems 13:03 Open Workers: A Cloudflare Alternative 20:09 React Aria has new Docs 24:12 Firefox and the AI Dilemma 31:11 Apple’s Browser Engine Changes 36:12 Fractured JSON for Better Readability 37:45 New Chrome Permissions Dialogue 41:15 Sick Picks & Shameless Plugs All links available at https://syntax.fm/971 Editing by Randy Rektor Recorded with Riverside ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/uWWOPZOtMJc 2788 2026-01-19T12:01:46.000Z https://syntax.yabby.page/video/state-of-devs-2025-results 2026-10-15T03:45:37.839Z https://i.ytimg.com/vi/WXoZte-ZavU/maxresdefault.jpg State of Devs 2025 Results Wes and Scott talk about the 2025 State of Devs survey, diving into trends in salaries, job titles, remote work, health, hobbies, and more. 🔥 Be the ~14,700th person to join our super tasty newsletter https://bit.ly/syntax_snackpack Reuploaded to fix an audio issue. Sorry for the inconvenience. (00:00) - Welcome to Syntax! (01:44) - Brought to you by Sentry.io (02:08) - Years of experience vs yearly income (11:48) - Layoffs (18:07) - Job title (19:55) - Remote work (24:40) - Job happiness (25:40) - Work hours (26:24) - Workplace perks (26:53) - What phones devs use (27:46) - Desktop OS (28:44) - Programming languages (29:29) - Productivity apps (30:54) - Social media (32:13) - Median age of RSS feed users (33:41) - Community contributions (35:37) - Health and fitness (37:01) - Health issues (39:11) - Scott's health update (42:28) - Hobbies (45:54) - Favorite music (47:10) - Favorite video games (47:37) - Favorite movies (49:35) - Metadata All links available at https://syntax.fm/928 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/WXoZte-ZavU 3101 2025-08-13T13:42:31.000Z https://syntax.yabby.page/video/stay-curious-my-friends 2026-10-15T03:45:37.844Z https://i.ytimg.com/vi/psMozMI5mO4/maxresdefault.jpg Stay curious, my friends To avoid burnout, Wes recommends remaining curious, questioning how things work, and always remaining open to learning new things. https://www.youtube.com/watch?v=wZoJBLjS6Tw Today's episode #778 11 habits of effective web developers - Understanding stakeholder goals to maintaining a work-life balance. We'll explore the importance of continuous learning, having a problem-solver mentality, and being empathetic towards coworkers and users! ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #worklifebalance #productivity #curiosity #webdev #career #burnout https://www.youtube.com/embed/psMozMI5mO4 44 2024-06-05T14:21:41.000Z https://syntax.yabby.page/video/developer-life-3-how-to-stay-excited-with-non-exciting-work 2026-10-15T03:45:37.848Z https://i.ytimg.com/vi/gitUpo6QWZc/maxresdefault.jpg Developer Life #3 - How To Stay Excited With Non-Exciting Work In this developer life video, Travis Neilson of DevTips joins me to talk about how to deal with boring or non-exciting work and still grow your abilities. Subscribe for more free tutorials https://goo.gl/6ljoFc, more Developer Life videos here: https://goo.gl/aTiVW6 Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/levelup... Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/pr... Subscribe to the Level Up Newsletter and get exclusive icons! http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode... Mental health & lifestyle issues are something that many professionals face in their lives and careers. In this series I explore various life topics in a coding and development context with the help of Dr. Courtney Tolinski Ph.D. Dr. Tolinski is an educational psychologist with a background in therapy & school psychology. https://www.youtube.com/embed/gitUpo6QWZc 734 2016-07-22T17:34:57.000Z https://syntax.yabby.page/video/stripe-engineer-explains-client-security 2026-10-15T03:45:37.853Z https://i.ytimg.com/vi/aJLBIoIPdhA/maxresdefault.jpg Stripe Engineer explains Client Security Scott and Wes are joined by security expert, Alex Sexton of Stripe to cover all things: client security, XSS, attack vectors, and CSP (content security policy). Show Notes 00:00 Welcome to Syntax! 00:31 Brought to you by Sentry.io. 00:57 Who is Alex Sexton? 04:44 Stripe dashboard is a work of art. 05:08 Tell us about the design system. 08:59 Who develops the iOS app? 09:50 Stripe's CSP (content security policy). 12:50 What even is a content security policy? 13:57 Douglas Crockford of Yahoo on security. 15:13 Security philosophy. 16:59 What about inline styles and inline JavaScript? 19:41 How do we safely set inline styles from JS? 20:20 Setting up with meta tags. 22:52 What are common situations that require security exceptions? 26:24 Potential damage with inline style tags. 32:45 Looping vulnerabilities. 36:32 What about JavaScript injection? 37:09 Myspace Sammy Worm. 42:02 Does a CSP stop code from running in the console? 43:28 What are some general security best practices? 46:35 Strategies for rolling out a CSP. 51:49 Final tip, Strict Dynamic. 56:36 Where does the CSP live within Stripe? 59:35 One last story. 01:01:20 Sick Picks + Shameless Plugs All links available at https://syntax.fm/731 ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript https://www.youtube.com/embed/aJLBIoIPdhA 3792 2024-02-16T12:00:01.000Z https://syntax.yabby.page/video/sublime-text-tutorials-16-write-css-quickly-with-hayaku 2026-10-15T03:45:37.858Z https://i.ytimg.com/vi/6GPtBZ0C2SU/maxresdefault.jpg Sublime Text Tutorials #16 - Write CSS Quickly with Hayaku The 16th video in the Sublime Text 2 tutorial series. Here I show you how to write insanely fast CSS with the Hayaku package. https://www.youtube.com/embed/6GPtBZ0C2SU 251 2014-01-31T02:41:17.000Z https://syntax.yabby.page/video/sublime-text-tutorials-9-linting-your-code-with-sublime-linter 2026-10-15T03:45:37.863Z https://i.ytimg.com/vi/uP2pkvHh2pY/maxresdefault.jpg Sublime Text Tutorials #9 - Linting Your Code with Sublime Linter The 9th video in the Sublime Text 2 tutorial series. Here I give a brief overview of code linting with Sublime Linter. https://www.youtube.com/embed/uP2pkvHh2pY 236 2012-12-21T02:06:04.000Z https://syntax.yabby.page/video/sublime-text-tutorials-20-amazing-color-highlighting 2026-10-15T03:45:37.867Z https://i.ytimg.com/vi/g4GMAAo3sBs/maxresdefault.jpg Sublime Text Tutorials #20 - Amazing Color Highlighting Here we show you how to have easy color highlighting in Sublime Text. Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e https://www.youtube.com/embed/g4GMAAo3sBs 252 2014-08-08T00:19:58.000Z https://syntax.yabby.page/video/sublime-text-tutorials-21-fast-color-schemes 2026-10-15T03:45:37.871Z https://i.ytimg.com/vi/MrQA4IUl5yY/maxresdefault.jpg Sublime Text Tutorials #21 - Fast Color Schemes Quickly test and add new color schemes with Color Sublime http://colorsublime.com/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e https://www.youtube.com/embed/MrQA4IUl5yY 281 2014-12-05T00:44:07.000Z https://syntax.yabby.page/video/susy-tutorials-3-grid-global-settings 2026-10-15T03:45:37.875Z https://i.ytimg.com/vi/pSIT2CRh8cI/maxresdefault.jpg Susy Tutorials #3 - Grid Global Settings The 3rd video tutorial in the Susy 2 Tutorials Mini Series. In this video, we show you how to set your global settings within a Sass Map. http://susydocs.oddbird.net/en/latest/settings/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations https://www.youtube.com/embed/pSIT2CRh8cI 390 2014-03-14T01:38:09.000Z https://syntax.yabby.page/video/susy-tutorials-4-setting-layouts 2026-10-15T03:45:37.879Z https://i.ytimg.com/vi/C-KtYhdYbTA/maxresdefault.jpg Susy Tutorials #4 - Setting Layouts The 4th video tutorial in the Susy 2 Tutorials Mini Series. In this video, we show you how to set layouts using the layout mixin with a map. http://susydocs.oddbird.net/en/latest/settings/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations https://www.youtube.com/embed/C-KtYhdYbTA 358 2014-03-26T02:48:53.000Z https://syntax.yabby.page/video/susy-tutorials-5-shorthand-syntax 2026-10-15T03:45:37.883Z https://i.ytimg.com/vi/GFYWwO-s5PA/maxresdefault.jpg Susy Tutorials #5 - Shorthand Syntax The 5th video tutorial in the Susy 2 Tutorials Mini Series. In this video, we show you how to use the shorthand syntax when using Susy 2. http://susydocs.oddbird.net/en/latest/settings/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations https://www.youtube.com/embed/GFYWwO-s5PA 330 2014-03-26T02:51:29.000Z https://syntax.yabby.page/video/susy-tutorials-6-shorthand-syntax-using-span 2026-10-15T03:45:37.887Z https://i.ytimg.com/vi/Swf1TSqodEw/maxresdefault.jpg Susy Tutorials #6 - Shorthand Syntax Using Span The 6th video tutorial in the Susy 2 Tutorials Mini Series. In this video, we show you the shorthand syntax in the span mixin as well as creating a map with the layout function. http://susydocs.oddbird.net/en/latest/settings/ Subscribe to Level Up Pro for extra features! http://leveluptuts.com/level-up-pro For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations https://www.youtube.com/embed/Swf1TSqodEw 257 2014-03-26T02:58:03.000Z https://syntax.yabby.page/video/susy-tutorials-8-changing-grid-settings-at-breakpoints 2026-10-15T03:45:37.891Z https://i.ytimg.com/vi/XYtf_3tpVG0/maxresdefault.jpg Susy Tutorials #8 - Changing Grid Settings At Breakpoints The 8th video tutorial in the Susy 2 Tutorials Mini Series. In this video, we show you how to change your grid settings based on breakpoints. Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations https://www.youtube.com/embed/XYtf_3tpVG0 668 2014-03-28T01:26:53.000Z https://syntax.yabby.page/video/svelte-5-basics-complete-svelte-5-course-for-beginners 2026-10-15T03:45:37.896Z https://i.ytimg.com/vi/8DQailPy3q8/maxresdefault.jpg Svelte 5 Basics - Complete Svelte 5 Course for Beginners The final code: https://github.com/stolinski/svelte-5-course 00:00 Course Introduction 01:23 About Svelte 02:45 Svelte Components 06:27 Creating a Svelte Project 13:26 Our first Svelte component 16:25 Props 18:29 VSCode Extensions 19:02 TypeScript 101 19:44 What the heck are runes? 22:46 State in Svelte 24:32 Binding Values 27:17 Events 31:39 Derived State 38:07 Template Conditionals and Logic 50:13 How CSS Works In Svelte 57:02 Snippets aka Inline Components 01:02:16 Children Props 01:03:57 Inline Snippets 01:07:35 Each Loops 01:21:31 $effect & lifecycle 01:30:07 Debugging With Inspect 01:32:46 Animations 01:37:22 Complex State 01:42:22 State with Classes 01:45:30 What We Didn’t Cover ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript https://www.youtube.com/embed/8DQailPy3q8 6588 2024-10-19T17:00:07.000Z https://syntax.yabby.page/video/svelte-5-is-a-beast-but-is-it-worth-switching 2026-10-15T03:45:37.900Z https://i.ytimg.com/vi/KB6zkvYJqoE/maxresdefault.jpg Svelte 5 is a beast, but is it worth switching? Get ready! Join Scott and Wes in this Hasty Treat as they unveil the eagerly anticipated Svelte 5, delving into its latest features. From the impressive speed and simplicity to its compact size, discover what makes this new release so exciting. Show Notes 00:00 Welcome 00:39 Syntax Is A Video Podcast! 01:52 Brought To You By Sentry.io 02:42 Svelte 5 Introduction 05:45 What Are Runes? 06:21 $state() 11:49 $props() 16:41 $effect() 21:17 $inspect() 23:03 What Are Snippets? 27:33 What Are Events? 30:02 Built In Functions 32:42 Smaller Output 33:31 Speed 35:00 Anticipated Release All links available at https://syntax.fm/723 ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript https://www.youtube.com/embed/KB6zkvYJqoE 2275 2024-01-29T12:00:26.000Z https://syntax.yabby.page/video/svelte-documentation-site-round-up-weekly-svelte 2026-10-15T03:45:38.495Z https://i.ytimg.com/vi/4J655eN_lfc/maxresdefault.jpg Svelte Documentation Site Round-Up - Weekly Svelte https://kit-docs.svelteness.dev http://bookit.leveluptutorials.com http://sveleton.vercel.app https://github.com/sveltejs/svelte https://github.com/GeopJr/SveltePress https://storybook.js.org/docs/svelte/get-started/introduction Become a Level Up Pro and take your web skills to the next level! https://www.leveluptutorials.com The best web development podcast out there Syntax with Wes Bos and Scott Tolinski https://syntax.fm 🎨 VSCode Theme: https://marketplace.visualstudio.com/items?itemName=leveluptutorials.theme-levelup All of the stuff I use https://www.scotttolinski.com/uses https://www.youtube.com/embed/4J655eN_lfc 845 2022-06-10T16:52:20.000Z https://syntax.yabby.page/video/svelte-kit-refactor-live-part-2-special-edition 2026-10-15T03:45:38.501Z https://i.ytimg.com/vi/Vg-xvBrdKr8/maxresdefault.jpg Svelte Kit Refactor Live Part 2 - Special Edition Become a Level Up Pro and take your web skills to the next level! https://www.leveluptutorials.com The best web development podcast out there Syntax with Wes Bos and Scott Tolinski https://syntax.fm 🎨 VSCode Theme: https://marketplace.visualstudio.com/items?itemName=leveluptutorials.theme-levelup All of the stuff I use https://www.scotttolinski.com/uses https://www.youtube.com/embed/Vg-xvBrdKr8 10706 2022-08-17T18:08:42.000Z https://syntax.yabby.page/video/svelte-kit-refactor-live-special-edition 2026-10-15T03:45:38.506Z https://i.ytimg.com/vi/V1eRTQhPUeU/maxresdefault.jpg Svelte Kit Refactor Live - Special Edition Become a Level Up Pro and take your web skills to the next level! https://www.leveluptutorials.com The best web development podcast out there Syntax with Wes Bos and Scott Tolinski https://syntax.fm 🎨 VSCode Theme: https://marketplace.visualstudio.com/items?itemName=leveluptutorials.theme-levelup All of the stuff I use https://www.scotttolinski.com/uses https://www.youtube.com/embed/V1eRTQhPUeU 5250 2022-08-16T17:07:46.000Z https://syntax.yabby.page/video/svelte-vs-svelte-kit-what-s-the-difference 2026-10-15T03:45:38.510Z https://i.ytimg.com/vi/IKhtnhQKjxQ/maxresdefault.jpg Svelte vs Svelte Kit - What's The Difference? What is the difference between Svelte and Svelte Kit? Here is a quick guide to explaining the relationship between the two projects. Learn Svelte and Svelte Kit! Become a Level Up Pro and take your web skills to the next level! https://www.leveluptutorials.com/pro?utm_source=youtube&utm_medium=video&utm_campaign=what_is Learn Web Components with Web Components for Beginners https://www.leveluptutorials.com/tutorials/web-components-for-beginners?utm_source=youtube&utm_medium=video&utm_campaign=what_is The best web development podcast out there Syntax with Wes Bos and Scott Tolinski https://syntax.fm https://www.youtube.com/embed/IKhtnhQKjxQ 627 2021-10-15T20:54:19.000Z https://syntax.yabby.page/video/awesome-devtools-customization-with-devtools-author 2026-10-15T03:45:38.514Z https://i.ytimg.com/vi/AUZagMLMAJc/maxresdefault.jpg Awesome DevTools Customization With DevTools Author Change your color scheme, syntax highlightin and font-size of Chrome's DevTools with DevTools Author. By Mike King. Subscribe for more free tutorials https://goo.gl/6ljoFc Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e https://www.youtube.com/embed/AUZagMLMAJc 232 2016-01-27T19:33:48.000Z https://syntax.yabby.page/video/sveltekit-s-form-handling-is-wild 2026-10-15T03:45:38.518Z https://i.ytimg.com/vi/vZpYdz-2JUc/maxresdefault.jpg SvelteKit's form handling is wild! 🔥 Be the ~17,700th person to join our super tasty newsletter https://bit.ly/syntax_snackpack All links available at https://syntax.fm/955 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev #sveltekit #svelte #html https://www.youtube.com/embed/vZpYdz-2JUc 62 2025-11-18T22:48:49.000Z https://syntax.yabby.page/video/15-how-to-center-a-div 2026-10-15T03:45:38.523Z https://i.ytimg.com/vi/tQjCT_FIZ_0/maxresdefault.jpg #15 - How To Center A Div In this video, we learn about the process of centering a div or any block level element using CSS. In this video series, I teach you how to build your first website. No prior experience needed. The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ https://www.patreon.com/leveluptuts Subscribe to Level Up Pro for extra features! http://leveluptuts.com/level-up-pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e https://www.youtube.com/embed/tQjCT_FIZ_0 354 2015-10-07T21:29:30.000Z https://syntax.yabby.page/video/syntax-assistant-desktop-app 2026-10-15T03:45:38.527Z https://i.ytimg.com/vi/BWQNs771mZs/maxresdefault.jpg Syntax Assistant Desktop App Scott walks Wes through the new Syntax Production Assistant Desktop App, designed to streamline and automate their complex publishing process. From tech stack choices like Svelte5 and Rust to AI-driven features, they dive into how this tool keeps everything consistent. Show Notes 00:00 Welcome to Syntax! 00:44 Brought to you by Sentry.io. 01:37 What was the idea? 05:42 The tech. 08:32 Markdown editor. 09:32 Epoch timestamps. 10:01 Updating front-matter. 10:10 Dexie.js function. 11:25 Backing up data. 11:58 Rust functions. 12:58 Why a desktop app and not a website? 14:38 Some small AI features. 16:26 Challenges with OAuth. 20:03 Publishing challenges. 23:29 Could this work on Windows? 23:54 Debugging. 26:23 Deciphering Apple logs. All links available at https://syntax.fm/825 ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript https://www.youtube.com/embed/BWQNs771mZs 1714 2024-09-23T11:00:12.000Z https://syntax.yabby.page/video/10-creating-a-navigation 2026-10-15T03:45:38.531Z https://i.ytimg.com/vi/50SsYcuflCQ/maxresdefault.jpg #10 - Creating A Navigation In this video, we learn the nav, ul, and li elements in the context of creating our navigation. In this video series, I teach you how to build your first website. No prior experience needed. The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ https://www.patreon.com/leveluptuts Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e https://www.youtube.com/embed/50SsYcuflCQ 376 2015-09-15T01:11:58.000Z https://syntax.yabby.page/video/syntax-live-the-syntax-300th-episode-call-in-show 2026-10-15T03:45:38.535Z https://i.ytimg.com/vi/W7y03fsqHJw/maxresdefault.jpg Syntax Live! - The Syntax 300th Episode Call-In Show https://syntax.fm/live Friday Oct 30th, 10:30am PST, 1:30 EST. Join the fun & call into the show! Ask a potluck question, give us your sick pick, do a shameless plug or have us ask you a Stump'd question! https://www.youtube.com/embed/W7y03fsqHJw 9950 2020-10-30T21:42:25.000Z https://syntax.yabby.page/video/syntax-open-table 2026-10-15T03:45:38.539Z https://i.ytimg.com/vi/3HeRP7r01Cs/maxresdefault.jpg Syntax Open Table A live recording of Syntax where you can join in and share what you're working on. Join us on video: https://riverside.fm/studio/syntax-live https://www.youtube.com/embed/3HeRP7r01Cs 3610 2022-10-26T16:59:02.000Z https://syntax.yabby.page/video/7-what-is-an-html-class 2026-10-15T03:45:38.544Z https://i.ytimg.com/vi/wCg8sjrupyM/maxresdefault.jpg #7 - What Is An HTML Class? In this video, I talk about how and why to use classes in HTML In this video series, I teach you how to build your first website. No prior experience needed. The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ https://www.patreon.com/leveluptuts Subscribe to Level Up Pro for extra features! http://leveluptuts.com/level-up-pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e https://www.youtube.com/embed/wCg8sjrupyM 329 2015-09-08T01:09:20.000Z https://syntax.yabby.page/video/tailwind-4-is-here 2026-10-15T03:45:38.548Z https://i.ytimg.com/vi/I0jtMgXnbo0/maxresdefault.jpg Tailwind 4 is HERE! Tailwind 4.0 is here, and Scott and Wes break down all the spicy new features, from CSS-powered configs to first-class container queries. Plus, they dig into Tailwind Oxide, @property magic, and whether it’s finally time to stop asking, “Why not just use normal CSS?”🔥 Be the ~14,700th person to join our super tasty newsletter bit.ly/syntax_snackpack Show Notes 00:00 Welcome to Syntax! 00:16 Brought to you by Sentry.io. 01:03 Tailwind 4. 02:53 Wes’ favorite new feature. 05:45 @property. 07:28 The config is now a CSS file. 08:25 Tailwind Oxide. 10:48 P3 color space. 12:36 Dynamic Utilities + Variants. 13:36 Data attributes. 15:32 First class container query support. 17:03 Starting Style. 19:22 When to use inline styles. 20:13 Descendant selector. 20:48 Why not just use “normal” CSS? 22:03 No text shadow support. All links available at https://syntax.fm/877 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/I0jtMgXnbo0 1511 2025-02-17T12:00:24.000Z https://syntax.yabby.page/video/4-understanding-html-structure 2026-10-15T03:45:38.552Z https://i.ytimg.com/vi/mSWDA0N97Jg/maxresdefault.jpg #4 - Understanding HTML Structure In this video, we write some HTML and I talk a bit about structural elements and components. In this video series, I teach you how to build your first website. No prior experience needed. The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ https://www.patreon.com/leveluptuts Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e https://www.youtube.com/embed/mSWDA0N97Jg 480 2015-08-28T20:51:55.000Z https://syntax.yabby.page/video/taylor-otwell-s-opinions-on-php-react-laravel-and-lamborghini-memes 2026-10-15T03:45:38.557Z https://i.ytimg.com/vi/aitlUO8nAA0/maxresdefault.jpg Taylor Otwell's opinions on PHP, React, Laravel and Lamborghini Memes In this episode of Syntax, Wes and Scott talk with Taylor Otwell, the creator of Laravel. Taylor shares insights on his journey from creating Laravel in his free time to building a strong community and user base. He discusses Laravel's growth, including the major features and tools that were developed over the years. Taylor also shares his outlook on the PHP ecosystem, productivity tips, and plans for Laravel Cloud, a new deployment platform for PHP and Laravel applications. Show Notes (00:00) - Welcome to Syntax! (00:29) - Laracon (03:13) - Laravel's inspiration and features (07:18) - Why don't we have a "Laravel for JavaScript"? (09:02) - What parts of Laravel came first? (10:07) - The Laravel ecosystem (12:29) - Laravel Cloud (14:00) - What parts of Laravel are Intertia and what parts are React? (15:57) - How many people are using Laravel? (16:59) - Taylor's productivity and development philosophy (24:43) - Brought to you by Sentry.io (25:19) - What makes a beautiful API? (29:33) - Taylor's thoughts on typing PHP (30:41) - Features Taylor would like to see in PHP (33:03) - What people get wrong about modern PHP (34:22) - PHP stacks and CMSs (37:30) - Taylor's thoughts on WordPress (38:14) - Lambo memes (43:44) - Taylor's coding setup (45:36) - Sick Picks + Shameless Plugs All links available at https://syntax.fm/824 ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript https://www.youtube.com/embed/aitlUO8nAA0 3051 2024-09-20T11:00:03.000Z https://syntax.yabby.page/video/the-3-main-ai-risks 2026-10-15T03:45:38.561Z https://i.ytimg.com/vi/m7o0ID1zaRA/maxresdefault.jpg THE 3 MAIN AI RISKS Dr. Sarah Bird breaks down the main AI risks into three categories: 1. MALFUNCTIONS: such as producing insecure code or hallucinations 2. MISUSE: things that cause more risk like automating hacking 3. SYSTEMIC: the impact of these technologies on the broader systems, our careers, and livelihood the full interview: syntax.fm/941 🔥 Be the ~16,980th person to join our super tasty newsletter https://bit.ly/syntax_snackpack ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev #AI #ETHICALAI #RESPONSIBLEAI https://www.youtube.com/embed/m7o0ID1zaRA 72 2025-10-02T21:30:35.000Z https://syntax.yabby.page/video/the-ai-fomo-is-strong 2026-10-15T03:45:38.566Z https://i.ytimg.com/vi/wLVbHMavb68/maxresdefault.jpg the AI FOMO is strong 🔥 Be the ~16,988th person to join our super tasty newsletter https://bit.ly/syntax_snackpack ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #ai #vibecoding #programming #chatgpt #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/wLVbHMavb68 87 2025-10-10T16:16:21.000Z https://syntax.yabby.page/video/2-how-to-create-a-subtheme-with-adaptive-theme-drupal-theming-tutorials 2026-10-15T03:45:38.571Z https://i.ytimg.com/vi/TJzcscP9VCQ/maxresdefault.jpg #2 - How To Create A Subtheme with Adaptive Theme - Drupal Theming Tutorials In this video I show you how to create a sub-theme for Adaptive Base theme for Drupal 7. The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! http://leveluptuts.com/level-up-pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e https://www.youtube.com/embed/TJzcscP9VCQ 362 2015-07-30T18:30:50.000Z https://syntax.yabby.page/video/14-compiling-stylus-with-gulp-stylus-tutorials 2026-10-15T03:45:38.575Z https://i.ytimg.com/vi/EKvwOeTMU9Q/maxresdefault.jpg #14 Compiling Stylus With Gulp - Stylus Tutorials Learn how to use Gulp as a build process to compile our Stylus. sudo npm install -g gulp npm init npm install --save-dev gulp npm install --save-dev gulp-stylus Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e https://www.youtube.com/embed/EKvwOeTMU9Q 656 2015-04-22T02:34:36.000Z https://syntax.yabby.page/video/stylus-tutorials-12-easy-breakpoints-with-rupture 2026-10-15T03:45:38.580Z https://i.ytimg.com/vi/fRVRtO95VhU/maxresdefault.jpg Stylus Tutorials - #12 Easy Breakpoints With Rupture Learn how to easily add breakpoint functionality with Stylus Rupture. https://github.com/jenius/rupture Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e https://www.youtube.com/embed/fRVRtO95VhU 603 2015-02-27T03:24:04.000Z https://syntax.yabby.page/video/animating-the-web-with-matt-perry-exploring-motion-dev 2026-10-15T03:45:38.585Z https://i.ytimg.com/vi/r6oXsC1gGHc/maxresdefault.jpg Animating the Web With Matt Perry: Exploring motion.dev Wes and Scott talk with Matt Perry, the creator of Motion (formerly Framer Motion). Matt discusses building intuitive tools, transitioning Motion to open source, and the future of web animation. 👉 Join the exclusive newsletter - https://syntax.fm/snackpack (00:00) - Welcome to Syntax! (01:15) - The Framer Motion story (05:16) - What's the status of Framer Motion today? (09:08) - What tech is Motion built on? (13:40) - Is Motion entirely WAAPI? (16:06) - Why hasn't the Web Animation API gained more traction? (17:46) - Does Matt design his demos? (19:25) - Performance and testing (25:34) - Brought to you by Sentry.io (28:10) - Have other animation libraries influenced Motion? (31:49) - Micro-Optimizations in JS (36:02) - How do you test frame rates? (38:03) - Graphics programming and shaders (39:58) - What is the future of Motion? (41:42) - What's the difference between layout animations and the Vue Transition API? (46:35) - Sick Picks & Shameless Plugs All links available at https://syntax.fm/854 ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript https://www.youtube.com/embed/r6oXsC1gGHc 3014 2024-11-29T12:01:13.000Z https://syntax.yabby.page/video/the-css-anchor-positioning-api-is-a-game-changer 2026-10-15T03:45:38.589Z https://i.ytimg.com/vi/8Un_BO4EPrQ/maxresdefault.jpg the CSS Anchor Positioning API is a game changer 🆕 From Yesterday's episode: Durable Objects × Tab State Hacks × Headless CMS Choices + More 💬 Topics covered include durable objects, PartyKit, anchor positioning browser support, importance of visual appeal, preferred hosting providers, new :has CSS selector, will CSS ever be "complete", issues with using MDX, recommended headless CMS, and a hockey podcast. 👉 Join the exclusive newsletter - https://syntax.fm/snackpack ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #Serverless #CSS #Podcasts #syntaxfm #cssanchor #anchorpositioning #api https://www.youtube.com/embed/8Un_BO4EPrQ 41 2025-01-02T17:15:35.000Z https://syntax.yabby.page/video/drupal-8-beta-preview-2-drupal-8-beta-admin-overview 2026-10-15T03:45:38.593Z https://i.ytimg.com/vi/sKHYdXRIDHg/maxresdefault.jpg Drupal 8 Beta Preview #2 - Drupal 8 Beta Admin Overview Here we give you a look at how the Drupal 8 Beta Admin Interface is shaping up. Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e https://www.youtube.com/embed/sKHYdXRIDHg 430 2014-10-10T02:46:54.000Z https://syntax.yabby.page/video/the-cometbrowser-is-insane 2026-10-15T03:45:38.598Z https://i.ytimg.com/vi/MdMRQQKoOkU/maxresdefault.jpg the @CometBrowser is insane 🔥 Be the ~16,700th person to join our super tasty newsletter https://bit.ly/syntax_snackpack All links available at https://syntax.fm/927 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev #perplexity #comet #ai #browser https://www.youtube.com/embed/MdMRQQKoOkU 60 2025-08-13T17:53:56.000Z https://syntax.yabby.page/video/the-coolest-websites-we-found-this-month 2026-10-15T03:45:38.602Z https://i.ytimg.com/vi/YjIM4HYSQaM/maxresdefault.jpg The Coolest Websites We Found This Month Scott, Wes, and CJ each bring one insanely cool website to show the others. Check out the sites yourself and tell us your favorite (and drop your own finds in the comments!). 🔥 Be the ~17,800th person to join our super tasty newsletter https://bit.ly/syntax_snackpack Scott’s pick: https://lue.studio/ Wes’ pick: https://apps.apple.com/us/app/tiktok-videos-shop-live/id835599320 CJ’s pick: https://library.obys.agency/ ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/YjIM4HYSQaM 988 2025-12-12T13:14:01.000Z https://syntax.yabby.page/video/the-sqlite-takeover-with-turso-s-glauber-costa 2026-10-15T03:45:38.607Z https://i.ytimg.com/vi/pMSdxRgB8R0/maxresdefault.jpg The SQLite Takeover with Turso’s Glauber Costa Scott and Wes chat with Glauber Costa from Turso about the evolution of databases and the fascinating technology behind Turso. They dive into topics like the benefits of massive multi-tenancy, vector search, and why Glauber made the switch from NoSQL to relational databases. Show Notes 00:00 Welcome to Syntax! 00:36 Turso's relationship with Drizzle. 02:10 What is Turso? 04:23 Brought to you by Sentry.io. 04:48 Using libSQL without Turso. 06:21 An explanation of Vector Search. 07:16 Vector databases are being 'Sherlocked' by larger databases. 09:24 Why did you move from NoSQL to Relational? 12:00 Allows for massive multi-tenancy - what does that mean? 15:27 Transactional schema changes. 16:30 Why would you want 10,000 databases? 19:02 What makes SQLite cheaper? 22:59 The strategy for building a business around an inexpensive tool. 26:13 Pull requests and branching within SQLite. 28:52 Database snapshots for rollbacks. 31:14 Driving the cost of a database to zero allows for rethinking architecture. 32:35 SQLite informing Turso's edge functionality. 36:56 Automatic replica database syncing. 39:10 Is the database a bottleneck? 39:25 Embedded Replicas. 40:04 How do embedded replicas handle conflict resolution from offline users? 41:43 If the server is offline, can the database live in the client or WASM? 43:09 Conflict resolution. 44:47 What makes Turso stand out? 47:51 What was it like working on the Linux Kernel? 51:57 Do you use Linux? 52:46 Sick Picks & Shameless Plugs. All links available at https://syntax.fm/803 ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript https://www.youtube.com/embed/pMSdxRgB8R0 3657 2024-08-02T11:00:55.000Z https://syntax.yabby.page/video/learning-gulp-9-easy-image-compression 2026-10-15T03:45:38.611Z https://i.ytimg.com/vi/oXxMdT7T9qU/maxresdefault.jpg Learning Gulp #9 - Easy Image Compression Here we show you how to easily compress images in a Gulp task. Subscribe to Level Up Pro for extra features! http://leveluptuts.com/level-up-pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e https://www.youtube.com/embed/oXxMdT7T9qU 466 2014-08-08T00:28:37.000Z https://syntax.yabby.page/video/learning-gulp-8-livereload-with-gulp 2026-10-15T03:45:38.615Z https://i.ytimg.com/vi/r5fvdIa0ETk/maxresdefault.jpg Learning Gulp #8 - LiveReload With Gulp Here we show you how to trigger LiveReload with Gulp. Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e https://www.youtube.com/embed/r5fvdIa0ETk 380 2014-08-08T00:23:51.000Z https://syntax.yabby.page/video/learning-gulp-7-handling-errors-without-plumber 2026-10-15T03:45:38.619Z https://i.ytimg.com/vi/o24f4imRbxQ/maxresdefault.jpg Learning Gulp #7 - Handling Errors Without Plumber Here we show you how to keep Gulp running and handle errors without Plumber. Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e https://www.youtube.com/embed/o24f4imRbxQ 359 2014-07-23T01:15:27.000Z https://syntax.yabby.page/video/drupal-8-basics-2-a-drupal-8-tour 2026-10-15T03:45:38.624Z https://i.ytimg.com/vi/lBLPEoIt5zA/maxresdefault.jpg Drupal 8 Basics #2 - A Drupal 8 Tour Learn the Drupal 8 interface in a course design for Drupal 8 beginners. Subscribe for more free tutorials https://goo.gl/6ljoFc, buy NEXT LEVEL CSS Animations & Transitions https://goo.gl/cGB30u Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e This Drupal 8 tutorial series shows users how to build websites with the very popular open source content management system Drupal 8. The world’s favorite open source content management platform just got better. Drupal 8 is the new standard for creating incredible digital experiences—for small businesses, global enterprises, and everything in between. Meet Drupal 8, a powerful new suite of tools, and the strongest link in your new content supply chain. Interact with countless applications, thanks to REST-first native web services. Use progressive decoupling to break free from back-end restrictions without sacrificing security and accessibility. Deliver faster, with enhanced entity caching and better integration with CDNs and reverse proxies. With Drupal 8, you can build almost any integrated experience you can imagine. https://www.youtube.com/embed/lBLPEoIt5zA 222 2016-03-02T15:50:50.000Z https://syntax.yabby.page/video/developer-life-2-how-to-deal-with-jealousy-over-peers-abilities 2026-10-15T03:45:38.628Z https://i.ytimg.com/vi/w0SZfG6KBgc/maxresdefault.jpg Developer Life #2 - How To Deal With Jealousy Over Peers Abilities In this developer life video, Travis Neilson of DevTips joins me to talk about how to deal with jealousy over your peer's abilities. Subscribe for more free tutorials https://goo.gl/6ljoFc, more Developer Life videos here: https://goo.gl/aTiVW6 Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/levelup... Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/pr... Subscribe to the Level Up Newsletter and get exclusive icons! http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode... Mental health & lifestyle issues are something that many professionals face in their lives and careers. In this series I explore various life topics in a coding and development context with the help of Dr. Courtney Tolinski Ph.D. Dr. Tolinski is an educational psychologist with a background in therapy & school psychology. https://www.youtube.com/embed/w0SZfG6KBgc 1025 2016-06-29T18:14:51.000Z https://syntax.yabby.page/video/hot-takes-bike-shedding 2026-10-15T03:45:38.632Z https://i.ytimg.com/vi/b8LaBpRhkVg/maxresdefault.jpg Hot Takes + Bike Shedding Wes and Scott dive into some hot takes and classic debates—tabs vs spaces, camel vs snake case, export styles, barrel files, variable naming, and more. 🔥 Be the ~14,700th person to join our super tasty newsletter https://bit.ly/syntax_snackpack (00:00) - Welcome to Syntax! (01:26) - CSS variables: descriptive vs. semantic (03:38) - snake_case vs. camelCase (04:54) - Default exports vs. named exports (06:23) - Barrel files vs. direct imports (09:15) - Function declaration vs. function expression (11:00) - Inferred types vs. explicit types (13:40) - Brought to you by Sentry.io (14:40) - Long and explicit variable names vs. short with comments (16:27) - Self-documenting code vs. code comments (17:03) - Rebase vs. merge commit (18:39) - Naming event parameters: e vs. event (20:33) - Tabs vs. spaces (22:18) - Big line height vs. small line height (23:50) - Hard line length vs. line wrap All links available at https://syntax.fm/938 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/b8LaBpRhkVg 1674 2025-09-17T11:01:08.000Z https://syntax.yabby.page/video/level-up-tips-9-faster-workflow-with-alfred 2026-10-15T03:45:38.641Z https://i.ytimg.com/vi/bEQBygIRUVY/maxresdefault.jpg Level Up Tips #9 - Faster Workflow With Alfred Speed up your workflow with one of my favorite apps, Alfred. http://www.alfredapp.com/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations https://www.youtube.com/embed/bEQBygIRUVY 435 2014-05-09T01:12:14.000Z https://syntax.yabby.page/video/level-up-tips-8-oh-my-zsh-themes-and-plugins 2026-10-15T03:45:38.646Z https://i.ytimg.com/vi/csJV1exZAjA/maxresdefault.jpg Level Up Tips #8 - Oh-my-zsh Themes and Plugins Here we show you how to use different plugins and themes in oh-my-zsh. https://github.com/robbyrussell/oh-my-zsh/wiki/themes Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations https://www.youtube.com/embed/csJV1exZAjA 501 2014-05-09T01:05:51.000Z https://syntax.yabby.page/video/the-future-of-vs-code-and-copilot 2026-10-15T03:45:38.650Z https://i.ytimg.com/vi/AiFXT_zyR9M/maxresdefault.jpg The Future of VS Code and Copilot Wes and Scott talk with Cassidy Williams and Harald Kirschner about exciting new features in VS Code and GitHub Copilot, including custom instructions, UI/UX improvements, and the future of AI and Copilot within different editors. 👉 Join the exclusive newsletter - https://syntax.fm/snackpack (00:00) - Welcome to Syntax! (00:32) - Cassidy's keynote at GitHub Universe (03:23) - New Copilot features (04:55) - Use cases for prompt engineering (09:20) - UI and UX enhancements (19:18) - Copilot Extensions (20:38) - Brought to you by Sentry.io (21:26) - Multi-line suggestions? (27:00) - How do you develop new ideas in this space? (35:42) - Copilot in Xcode (39:16) - VS Code experimental features All links available at https://syntax.fm/851 ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript https://www.youtube.com/embed/AiFXT_zyR9M 2532 2024-11-22T12:00:11.000Z https://syntax.yabby.page/video/hosting-private-fonts-on-the-edge-with-cloudflare 2026-10-15T03:45:38.654Z https://i.ytimg.com/vi/P0jwGsCWmPs/maxresdefault.jpg Hosting Private Fonts on the Edge With Cloudflare Scott and Wes dish out the intricacies of hosting private fonts using Cloudflare Pages. They explore the challenges of font security, the benefits of a font server, and the nuances of caching and whitelisting to keep your fonts secure and efficient. Show Notes 00:00 Welcome to Syntax! 01:53 Behind the Code: Brought to you by Sentry.io. 03:12 The problem with hosting fonts. 05:42 The solution, a font server with Cloudflare Pages. 09:37 Utilizing a Key Value Store. 10:53 Storing a whitelist. 13:42 Why not just use a bucket? 15:24 Should whitelisting be done in JavaScript or cores? 17:23 How do you cache to multiple origins? 18:15 Multiple URLs in an allow origin. 19:17 Font security and foundry challenges. 21:43 Moving Domains on Cloudflare. All links available at https://syntax.fm/795 ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript https://www.youtube.com/embed/P0jwGsCWmPs 1464 2024-07-15T11:00:31.000Z https://syntax.yabby.page/video/tech-startups-and-raising-money-with-dan-levine-vercel-sentry-mux 2026-10-15T03:45:38.658Z https://i.ytimg.com/vi/ouHSTlykS2U/maxresdefault.jpg Tech Startups and Raising Money with Dan Levine (Vercel, Sentry, Mux…) Wes and Scott talk with VC Dan Levine about how developers can raise venture capital, what investors look for in early-stage startups, the realities of bootstrapping vs. fundraising, and why great ideas often start as simple side projects. 🔥 Be the ~14,700th person to join our super tasty newsletter https://bit.ly/syntax_snackpack (00:00) - Welcome to Syntax! (00:55) - Dan's background and career (03:10) - Is it common for tech investors to come from a tech background? (04:40) - How can developers raise money? (08:35) - What investors look for (12:35) - How much funding is enough? (15:41) - Are founders working with multiple investors? (18:26) - What can you use the money for? (22:49) - How much influence do investors have in the business? (29:56) - Brought to you by Sentry.io (30:21) - How involved are VCs in the business? (34:47) - How do you know a startup is in trouble—and what can you do about it? (39:21) - How much of the company do investors own? (41:08) - What's the endgame for investors? (44:27) - How do acqui-hires work? (46:54) - Is the AI space a real opportunity or just hype? (53:46) - Sick Picks + Shameless Plugs All links available at https://syntax.fm/906 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/ouHSTlykS2U 3419 2025-05-28T11:01:25.000Z https://syntax.yabby.page/video/dear-fedex-this-is-both-frustrating-and-also-a-missed-fun-design-brand-opportunity 2026-10-15T03:45:38.662Z https://i.ytimg.com/vi/jAfayQg5jOo/maxresdefault.jpg Dear FedEx, This is both frustrating and also a missed fun design/brand opportunity. 🔥 Be the ~15,700th person to join our super tasty newsletter bit.ly/syntax_snackpack All links available at https://syntax.fm/897 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev #webdev #performance #ux #syntaxfm #fedex https://www.youtube.com/embed/jAfayQg5jOo 84 2025-04-29T19:09:03.000Z https://syntax.yabby.page/video/we-recreated-donkey-kong-in-css-battle-royale-style 2026-10-15T03:45:38.666Z https://i.ytimg.com/vi/V5JN-OOgm_4/maxresdefault.jpg We Recreated Donkey Kong in CSS (Battle Royale Style!) Scott, Wes, and CJ face off in a round of CSS Battles—and this time, they’re recreating a classic Donkey Kong level using only HTML and CSS. Who’ll win bragging rights? Who’ll rage quit? Watch and code along! 🔥 Be the ~14,700th person to join our super tasty newsletter bit.ly/syntax_snackpack 🔗 Play Along: https://cssbattle.dev/play/118 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/V5JN-OOgm_4 907 2025-04-18T12:18:00.000Z https://syntax.yabby.page/video/easy-conventional-commits-in-vscode-vscode-pro-tips 2026-10-15T03:45:38.671Z https://i.ytimg.com/vi/lwGcnDgwmFc/maxresdefault.jpg Easy Conventional Commits in VSCode - VSCode Pro Tips Conventional Commits docs: https://www.conventionalcommits.org/en/v1.0.0/ Become a Level Up Pro and take your web skills to the next level! https://www.leveluptutorials.com The best web development podcast out there Syntax with Wes Bos and Scott Tolinski https://syntax.fm 🎨 VSCode Theme: https://marketplace.visualstudio.com/items?itemName=leveluptutorials.theme-levelup All of the stuff I use https://www.scotttolinski.com/uses https://www.youtube.com/embed/lwGcnDgwmFc 258 2022-04-18T20:01:23.000Z https://syntax.yabby.page/video/2-multiple-test-cases-js-testing-101-with-jest 2026-10-15T03:45:38.675Z https://i.ytimg.com/vi/zkG_ClTJ9UM/maxresdefault.jpg #2 Multiple Test Cases - JS Testing 101 with Jest In this video, I start a new mini-series on testing basics with JavaScript & Jest. In this series, we'll cover the skills needed to understand the how and why of JavaScript testing ### Video Links Starting Code: https://github.com/leveluptuts/Level-Up-JavaScript-Testing-101 Solutions: https://github.com/leveluptuts/JavaScript-Testing-101-Solutions Buy VueJS For Everyone: https://goo.gl/7uft3X Become a Pro: https://www.leveluptutorials.com/pro ### Affiliate Links Please use these links when signing up for services to help support Level Up. Easy Hosting with Netlify: https://goo.gl/pychVP Shared Web Hosting: https://goo.gl/pfC6uc ### Level Up Links Syntax Podcast ft Scott Tolinski & Wes Bos: https://goo.gl/7jDDxX Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz https://www.youtube.com/embed/zkG_ClTJ9UM 660 2018-04-03T22:12:36.000Z https://syntax.yabby.page/video/8-tips-for-getting-better-at-react 2026-10-15T03:45:38.679Z https://i.ytimg.com/vi/BncMF2aTL0w/maxresdefault.jpg 8 Tips For Getting Better At React Learn 8 things that will make you a better React Dev. Sign up for Level Up Pro for full access Learn React Now! https://goo.gl/MkRA11 https://www.leveluptutorials.com/pro Subscribe for more free tutorials https://goo.gl/6ljoFc The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz React makes it painless to create interactive UIs. Design simple views for each state in your application, and React will efficiently update and render just the right components when your data changes. Declarative views make your code more predictable and easier to debug. Build encapsulated components that manage their own state, then compose them to make complex UIs. Since component logic is written in JavaScript instead of templates, you can easily pass rich data through your app and keep state out of the DOM. We don't make assumptions about the rest of your technology stack, so you can develop new features in React without rewriting existing code. React can also render on the server using Node and power mobile apps using React Native. https://www.youtube.com/embed/BncMF2aTL0w 1204 2017-11-07T22:48:19.000Z https://syntax.yabby.page/video/a-better-font-for-web-development-fira-code 2026-10-15T03:45:38.683Z https://i.ytimg.com/vi/-aI4l2sSwV0/maxresdefault.jpg A Better Font For Web Development - Fira Code Fira Code is the best free font for web development with ligatures that will turn your syntax into easily parsed symbols. Subscribe for more free tutorials https://goo.gl/6ljoFc https://github.com/tonsky/FiraCode Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e https://www.youtube.com/embed/-aI4l2sSwV0 296 2016-10-14T22:23:54.000Z https://syntax.yabby.page/video/gitlab-ce-tutorial-9-snippets 2026-10-15T03:45:38.687Z https://i.ytimg.com/vi/zTMqzinCBkw/maxresdefault.jpg GitLab CE Tutorial #9 - Snippets In this GitLab video tutorial, we show code snippets in GitLab. Subscribe for more free tutorials https://goo.gl/6ljoFc, Buy this series with an extra video! https://goo.gl/A7drFW Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e Build together: GitLab includes Git repository management, code reviews, issue tracking, wikis, and more, plus GitLab CI, an easy-to-use continuous integration and deployment tool. Stay up-to-date: Collaborate with your team using issues, milestones, and line-by-line code review. View activity streams of projects or the people you work with. Plays well with others: GitLab seamlessly integrates with Slack, Hipchat, LDAP, JIRA, Jenkins, and many other popular tools. GitLab includes many webhooks and offers a complete API. GitLab Community Edition is open source and completely free to download. GitLab is powered by a community of more than 1,000 people. GitLab Enterprise Edition offers deeper LDAP and Active Directory integration, Jira and Jenkins integration, and much more. https://www.youtube.com/embed/zTMqzinCBkw 250 2016-08-08T16:49:50.000Z https://syntax.yabby.page/video/gitlab-ce-tutorial-6-merge-requests 2026-10-15T03:45:38.691Z https://i.ytimg.com/vi/Ddd3dbl4-2w/maxresdefault.jpg GitLab CE Tutorial #6 - Merge Requests In this GitLab video tutorial, we perform a merge or pull request. Subscribe for more free tutorials https://goo.gl/6ljoFc, Buy this series with an extra video! https://goo.gl/A7drFW Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e Build together: GitLab includes Git repository management, code reviews, issue tracking, wikis, and more, plus GitLab CI, an easy-to-use continuous integration and deployment tool. Stay up-to-date: Collaborate with your team using issues, milestones, and line-by-line code review. View activity streams of projects or the people you work with. Plays well with others: GitLab seamlessly integrates with Slack, Hipchat, LDAP, JIRA, Jenkins, and many other popular tools. GitLab includes many webhooks and offers a complete API. GitLab Community Edition is open source and completely free to download. GitLab is powered by a community of more than 1,000 people. GitLab Enterprise Edition offers deeper LDAP and Active Directory integration, Jira and Jenkins integration, and much more. https://www.youtube.com/embed/Ddd3dbl4-2w 368 2016-06-22T16:50:47.000Z https://syntax.yabby.page/video/drupal-8-basics-1-how-to-install-drupal-8-on-windows 2026-10-15T03:45:38.696Z https://i.ytimg.com/vi/4Gl9s40vldY/maxresdefault.jpg Drupal 8 Basics #1 - How To Install Drupal 8 on Windows Learn how to install Drupal 8 on Windows in a course design for Drupal 8 beginners. Subscribe for more free tutorials https://goo.gl/6ljoFc, buy NEXT LEVEL CSS Animations & Transitions https://goo.gl/cGB30u Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e This Drupal 8 tutorial series shows users how to build websites with the very popular open source content management system Drupal 8. The world’s favorite open source content management platform just got better. Drupal 8 is the new standard for creating incredible digital experiences—for small businesses, global enterprises, and everything in between. Meet Drupal 8, a powerful new suite of tools, and the strongest link in your new content supply chain. Interact with countless applications, thanks to REST-first native web services. Use progressive decoupling to break free from back-end restrictions without sacrificing security and accessibility. Deliver faster, with enhanced entity caching and better integration with CDNs and reverse proxies. With Drupal 8, you can build almost any integrated experience you can imagine. https://www.youtube.com/embed/4Gl9s40vldY 454 2016-02-26T19:43:16.000Z https://syntax.yabby.page/video/17-an-introduction-to-hosting-serving-websites-how-to-build-your-first-website 2026-10-15T03:45:38.700Z https://i.ytimg.com/vi/0zi7iyMX7lU/maxresdefault.jpg #17 - An Introduction To Hosting & Serving Websites - How To Build Your First Website In this basic web development tutorial, I talk about hosting and local vs online servers. Subscribe for more free tutorials https://goo.gl/6ljoFc, more How To Build Your First Website videos here: https://goo.gl/0JUNCY Bluehost Hosting http://www.bluehost.com/track/leveluptutorials/ Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e In this video series, I teach you how to build your first website. No prior experience needed. https://www.youtube.com/embed/0zi7iyMX7lU 302 2015-12-14T23:32:46.000Z https://syntax.yabby.page/video/3-variables-in-stylus-stylus-tutorials 2026-10-15T03:45:38.704Z https://i.ytimg.com/vi/ieSV35SsKjE/maxresdefault.jpg #3 Variables In Stylus - Stylus Tutorials Learn how to use the Stylus CSS pre-processor with the new Stylus tutorial series from Level Up Tutorials. Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e https://www.youtube.com/embed/ieSV35SsKjE 434 2014-12-12T02:46:02.000Z https://syntax.yabby.page/video/we-tier-ranked-every-ai-coding-assistant 2026-10-15T03:45:38.711Z https://i.ytimg.com/vi/tCGju2JB5Fw/maxresdefault.jpg We Tier Ranked Every AI Coding Assistant We put today’s biggest AI coding assistants to the test, Copilot, Cursor, Claude, bolt.new, v0, and more, and ranked them from S-tier to F-tier. Some are game-changing, some are hot garbage. 🔥 Be the ~14,700th person to join our super tasty newsletter https://bit.ly/syntax_snackpack Make your own and tweet it at us! https://tiermaker.com/list/technology/ai-coding-tools-18672091/5496086 00:00 Intro 00:32 Cursor 03:27 VS Code + Copilot 06:02 Windsurf 07:56 Kiro 11:24 Trae 12:38 Claude Code 17:05 Opencode 19:34 Gemini 20:59 Qwen 22:08 Codex 23:04 v0 25:24 Bolt.new 26:45 Replit 28:35 Brought to you by Sentry.io. 28:51 Lovable 30:30 ChatGPT 31:31 Warp ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #ai #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/tCGju2JB5Fw 1970 2025-09-19T12:08:00.000Z https://syntax.yabby.page/video/we-tried-clash-of-code-in-reverse-mode-javascript-challenge 2026-10-15T03:45:38.715Z https://i.ytimg.com/vi/oqyiwZiKY94/maxresdefault.jpg We Tried Clash of Code… in Reverse Mode! (JavaScript Challenge) We put ourselves to the test with 3 Clash of Code challenges in Reverse Mode, where you don’t just solve the problem, you figure out what the problem *is* by looking only at the test cases. It’s chaotic, it’s fun, and it definitely broke our brains.🔥 Be the ~14,700th person to join our super tasty newsletter https://bit.ly/syntax_snackpack 👉 Play Clash of Code here: https://www.codingame.com/multiplayer/clashofcode ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/oqyiwZiKY94 823 2025-09-12T15:48:41.000Z https://syntax.yabby.page/video/we-tried-recreating-this-beautiful-card-animation 2026-10-15T03:45:39.310Z https://i.ytimg.com/vi/x7ss69cr29E/maxresdefault.jpg We Tried Recreating This Beautiful Card Animation Scott, Wes, and CJ take on a 20-minute build challenge by recreating one of the most iconic interactions from the famous Lando Norris website — a slick set of social cards that fan out like a hand of cards. Same UI, same time limit, wildly different approaches as each developer adds their own polish, animation, and CSS tricks 🔥 Be the ~18,300th person to join our super tasty newsletter https://bit.ly/syntax_snackpack ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/x7ss69cr29E 1136 2025-12-26T13:18:01.000Z https://syntax.yabby.page/video/learning-gulp-5-compiling-sass-with-gulp 2026-10-15T03:45:39.315Z https://i.ytimg.com/vi/cg7lwX0u-U0/maxresdefault.jpg Learning Gulp #5 - Compiling Sass With Gulp Here we show you how to build Sass into your Styles task by compiling your Sass with Gulp. https://github.com/sindresorhus/gulp-ruby-sass Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e https://www.youtube.com/embed/cg7lwX0u-U0 479 2014-07-20T00:42:21.000Z https://syntax.yabby.page/video/web-awesome-with-konnor-rogers-cory-laviska 2026-10-15T03:45:39.319Z https://i.ytimg.com/vi/TjHp2Ml0Sx4/maxresdefault.jpg Web Awesome with Konnor Rogers + Cory LaViska Font Awesome is back with Web Awesome, an open source library of web components that will work with any framework because it’s based on standards. Today on Syntax we have Konnor Rogers and Cory LaViska here to talk all things Web Awesome. Show Notes 00:00 Welcome to Syntax! 00:47 Brought to you by Sentry.io. 02:49 What is Shoelace? 07:21 What is Font Awesome? 08:07 Font Awesome is getting into Web Components? 11:35 What is Shoelace's relationship with Web Awesome? 13:33 Is the idea to make it quick to get up and running? 15:46 What is the autoloader? 16:29 Where does Web Awesome fit in the ecosystem? 18:13 What does the styling game look like? 20:33 What is Part in CSS? 22:06 The reason we're so stoked with Web Components. 23:32 Custom elements are a natural progression. 24:51 What are your thoughts on Open UI initiatives? 27:40 Wes' escape key conundrum. 30:21 A bug on the Syntax site. 31:19 Let's talk about Kickstarter. 35:24 Do you know what premium inputs will be available in Web Awesome? 36:12 Rich text editor. 40:18 Setting goals. 41:48 Kickstarter giveaways. 42:47 Have you tried drag and drop? 44:57 The layout component. 48:50 What are your favorite components? 50:29 Sick Picks + Shameless Plugs. All links available at https://syntax.fm/758 ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript https://www.youtube.com/embed/TjHp2Ml0Sx4 3667 2024-04-19T11:00:28.000Z https://syntax.yabby.page/video/web-components-self-hosting-and-home-hacking-with-the-creator-of-home-assistant 2026-10-15T03:45:39.323Z https://i.ytimg.com/vi/0meKcaebg38/maxresdefault.jpg Web Components, Self Hosting and Home Hacking with the Creator of Home Assistant Wes and CJ talk with Paulus Schoutsen, creator of Home Assistant, about the future of smart homes, AI-powered automation, and open-source innovation. 🔥 Be the ~14,700th person to join our super tasty newsletter bit.ly/syntax_snackpack Show Notes: 00:00 Welcome to Syntax! 00:29 What is Home Assistant? 03:32 Web Components in Home Assistant 10:41 Home Assistant’s stability and longevity 17:05 Is Home Assistant the biggest open-source project using web components? 20:03 How does the native app work? 23:34 Code sharing between Android and iOS 24:17 Self-hosting Home Assistant 28:13 Brought to you by Sentry 30:47 Bundle size and memory usage 32:29 How AI and voice assistants are shaping the future of Home Assistant 37:16 How Paulus made it possible to flash microcontrollers directly from the browser 43:48 Web Serial and Web Bluetooth APIs 47:03 Matter, Zigbee, and Z-Wave – where smart home standards are headed 51:17 Paulus’ smart home setup 53:16 Sick Picks + Shameless Plugs All links available at https://syntax.fm/880 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/0meKcaebg38 3514 2025-02-26T12:00:01.000Z https://syntax.yabby.page/video/web-dev-q-a-pre-commit-hooks-requestanimationframe-code-reviews-and-more 2026-10-15T03:45:39.329Z https://i.ytimg.com/vi/kJLOFAvg_3U/maxresdefault.jpg Web Dev Q&A | Pre-commit Hooks, requestAnimationFrame, Code Reviews, and More In this potluck episode of Syntax, Wes and Scott answer your questions about code reviews, migrating legacy apps, CSS attr() use cases, pre-commit hooks, the future of creative web development, whether front-end devs need to be full-stack, and more! 🔥 Be the ~14,700th person to join our super tasty newsletter https://bit.ly/syntax_snackpack (00:00) - Welcome to Syntax! (00:43) - When is the appropriate time to use requestAnimationFrame? (05:10) - How do you handle code reviews on larger teams? (13:08) - When to use the CSS attr() function (19:01) - The future of browsing websites and the impact of AI (28:45) - Brought to you by Sentry.io (29:10) - Navigating browser preview in VS Code (31:31) - Pre-populating email content with mailto (34:29) - Is there increasing pressure for front-end developers to become full-stack? (43:14) - What pre-commit checks should you run and how? (46:16) - How do you deal with a poorly-built codebase when you already have thousands of active users? (50:05) - What GitHub Copilot features should you disable while you're learning something new? (52:22) - Sick Picks + Shameless Plugs All links available at https://syntax.fm/922 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/kJLOFAvg_3U 3528 2025-07-23T11:01:21.000Z https://syntax.yabby.page/video/drupal-7-tutorials-37-views-exposed-filters 2026-10-15T03:45:39.335Z https://i.ytimg.com/vi/2Yk6rre3vi8/maxresdefault.jpg Drupal 7 Tutorials #37 - Views - Exposed Filters This is the 37th tutorial in the Drupal 7 tutorial series. This tutorial shows you how to use exposed filters in views. Subscribe for more free tutorials https://goo.gl/6ljoFc, more Drupal Tutorials here: https://goo.gl/YDHhLW Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e This Drupal 7 tutorial series shows users how to build websites with the very popular open source content management system Drupal 7. https://www.youtube.com/embed/2Yk6rre3vi8 283 2012-05-31T00:54:08.000Z https://syntax.yabby.page/video/compass-tutorials-1-installing-compass-and-creating-a-new-project-w-compass 2026-10-15T03:45:39.339Z https://i.ytimg.com/vi/PRJpf-yyWZ4/maxresdefault.jpg Compass Tutorials #1 - Installing Compass and Creating a new Project w/ Compass The first in a seriese of tutorials showing developers how to use the Compass CSS Authoring framework. Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations https://www.youtube.com/embed/PRJpf-yyWZ4 218 2012-03-11T05:14:28.000Z https://syntax.yabby.page/video/web-scraping-reverse-engineering-apis 2026-10-15T03:45:39.344Z https://i.ytimg.com/vi/5xWZT0MWz-4/maxresdefault.jpg Web Scraping + Reverse Engineering APIs Web scraping 101! Dive into the world of web scraping with Scott and Wes as they explore everything from tooling setup and navigating protected routes to effective data management. In this Tasty Treat episode, you'll gain invaluable insights and techniques to scrape (almost) any website with ease. Show Notes 00:00 Welcome to Syntax! 03:13 Brought to you by Sentry.io. 05:00 What is scraping? 08:01 Examples of past scrapers. 10:06 Cloud app downloader. 16:13 Other use cases. 16:58 Scraping 101. 17:28 Client Side. 19:08 Private API. 22:40 Server rendered. 23:27 Initial state. 24:57 What format is the data in? 27:08 Working with the DOM. 27:12 Linkedom npm package. 29:02 querySelector everything. 31:28 How to find the elements without classes. 34:08 Use XPath selectors for select by word. 34:53 Make them as flexible as you can. Classes change! 35:10 AI is good at this! 36:26 File downloading. 38:20 Working with protected routes. 40:41 Programatically retrieve authentication keys because they are short-lived. 43:20 Deal-breakers. 44:58 What happened with Amazon? 46:42 Wes' portable refrigerator utopia. 47:25 Sick Picks & Shameless Plugs. All links available at https://syntax.fm/763 ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript https://www.youtube.com/embed/5xWZT0MWz-4 3153 2024-05-01T11:00:08.000Z https://syntax.yabby.page/video/weird-and-obscure-css 2026-10-15T03:45:39.348Z https://i.ytimg.com/vi/GQnhkUIPq9Q/maxresdefault.jpg Weird and Obscure CSS Scott and Wes face off in a CSS-themed round of STUMP’d, quizzing each other on shape functions, scroll snap types, obscure functions, and long-forgotten spec history. From ray() to cross-fade() to print-color quirks, this episode is packed with rapid-fire frontend trivia guaranteed to sharpen your CSS brain.🔥 Be the ~14,700th person to join our super tasty newsletter https://bit.ly/syntax_snackpack Show Notes 00:00 Welcome to Syntax! 00:54 Which of the following are valid CSS Shape Functions? 02:03 CSS Selectors 4 specification demo. 03:20 How many functions are there in CSS? 04:22 Brought to you by Sentry.io. 04:47 Explain the 3 CSS Scroll Snap types. 06:38 What does the xywh() do? 09:15 What about ray()? 11:25 What do CSS Namespaces do? 14:37 What year was CSS paint() bug tracker introduced in Firefox? 17:34 What does print-color-adjust do? 20:26 What is cross-fade()? 23:54 Name 3 reasons you might use CSS @property. 27:36 List all 10 CSS Filter Functions. 32:41 Name 5 font properties. All links available at https://syntax.fm/957 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/GQnhkUIPq9Q 2271 2025-11-24T12:00:36.000Z https://syntax.yabby.page/video/welcome-cj 2026-10-15T03:45:39.352Z https://i.ytimg.com/vi/pAbn4Hf1oEQ/maxresdefault.jpg Welcome CJ! We're stoked to announce a new addition to the Syntax Crew - CJ Reynolds! Joining us as the Senior Content Creator, CJ comes with an impressive background, including the widely popular @CodingGarden YouTube channel and Twitch community. Adding CJ to the team will bring exciting expansions to our content with new series, deep dives, and maybe even live streaming and new episode flavors! ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript https://www.youtube.com/embed/pAbn4Hf1oEQ 41 2024-02-16T16:27:27.000Z https://syntax.yabby.page/video/weird-and-obscure-web-dev-trivia 2026-10-15T03:45:39.356Z https://i.ytimg.com/vi/OhidZpiA8os/maxresdefault.jpg Weird and Obscure Web Dev Trivia Scott, Wes and CJ all bring Javascript, CSS, and HTML questions to see if they can STUMP each other! Who is the smartest web developer in the room? 🔥 Be the ~17,800th person to join our super tasty newsletter https://bit.ly/syntax_snackpack ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev #trivia https://www.youtube.com/embed/OhidZpiA8os 1056 2025-12-19T13:18:00.000Z https://syntax.yabby.page/video/what-about-the-dia-browser 2026-10-15T03:45:39.365Z https://i.ytimg.com/vi/QhrA5CxVumU/maxresdefault.jpg What about the Dia browser?? Didn’t Scott JUST say DIA is the future of browsers? Things sure do change quickly in the browser wars… 🔥 Be the ~16,700th person to join our super tasty newsletter https://bit.ly/syntax_snackpack All links available at https://syntax.fm/927 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev #browsers #ai #dia #comet #browserwars #perplexityai https://www.youtube.com/embed/QhrA5CxVumU 61 2025-08-14T20:15:07.000Z https://syntax.yabby.page/video/what-else-could-we-possibly-want-from-css 2026-10-15T03:45:39.369Z https://i.ytimg.com/vi/3LN3PoKCZyE/maxresdefault.jpg what else could we possibly want from CSS? Durable Objects × Tab State Hacks × Headless CMS Choices + More Topics covered include durable objects, PartyKit, anchor positioning browser support, importance of visual appeal, preferred hosting providers, new :has CSS selector, will CSS ever be "complete", issues with using MDX, recommended headless CMS, and a hockey podcast. 👉 Join the exclusive newsletter - https://syntax.fm/snackpack ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #css https://www.youtube.com/embed/3LN3PoKCZyE 77 2025-01-06T17:37:18.000Z https://syntax.yabby.page/video/what-happened-to-remix-worth-using-axios-client-only-next-js 2026-10-15T03:45:39.373Z https://i.ytimg.com/vi/jiF66cbjapQ/maxresdefault.jpg What Happened to Remix. Worth Using Axios? Client Only Next.js? Scott and Wes answer your listener questions! They debate Axios vs. Fetch, discuss whether Next.js is overkill without a backend, talk htmx and Alpine, dive into tech career transitions, and tackle everything from podcast ads to password hashing myths. 🔥 Be the ~14,700th person to join our super tasty newsletter bit.ly/syntax_snackpack Show Notes 00:00 Welcome to Syntax! 00:55 Scott’s health update. 04:11 Submit your questions. 04:26 Is Axios still worth using over Fetch? 10:17 Does Alpine.js solve HTMX’s client-side limitations? 16:47 How should I host my database for a local-first app? 22:50 Brought to you by Sentry.io. 24:14 Should I use Next.js if I want a separate backend? 32:08 Are ad networks like BuySellAds worth it for podcasts? 36:36 Can I transition from airline pilot to senior software developer? 41:23 Is Base64 encoding a valid alternative to password hashing? 45:43 How do I use unexported functions from a third-party package? 48:09 How do you stay on top of package and browser updates? 52:38 Why are Chrome and Firefox’s mobile presets outdated? 57:20 Should I give feedback on bad UX/UI designs from agencies? 01:01:53 Sick Picks + Shameless Plugs. All links available at https://syntax.fm/881 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/jiF66cbjapQ 4070 2025-03-03T12:01:04.000Z https://syntax.yabby.page/video/what-is-a-cms-what-is-web-development 2026-10-15T03:45:39.377Z https://i.ytimg.com/vi/ObEifg2REog/maxresdefault.jpg What Is A CMS? - What Is Web Development Become a Level Up Pro and take your web skills to the next level! https://www.leveluptutorials.com/pro?... Learn Astro quickly https://leveluptutorials.com/tutorial... The best web development podcast out there Syntax with Wes Bos and Scott Tolinski https://syntax.fm https://www.youtube.com/embed/ObEifg2REog 637 2022-02-09T14:00:34.000Z https://syntax.yabby.page/video/what-is-a-progressive-web-app 2026-10-15T03:45:39.380Z https://i.ytimg.com/vi/VmKePMB0C8Q/maxresdefault.jpg What Is A Progressive Web App? In this What Is Wednesday, I answer the question. What Is a Progressive Web App? ### Video Links Buy Level 2 React: https://www.leveluptutorials.com/store/products/tutorials/lut-dd023 Become a Pro: https://www.leveluptutorials.com/pro ### Affiliate Links Please use these links when signing up for services to help support Level Up. Easy Hosting with Netlify: https://goo.gl/pychVP Shared Web Hosting: https://goo.gl/pfC6uc ### Level Up Links Syntax Podcast ft Scott Tolinski & Wes Bos: https://goo.gl/7jDDxX Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz https://www.youtube.com/embed/VmKePMB0C8Q 561 2018-05-30T19:06:39.000Z https://syntax.yabby.page/video/what-is-an-api 2026-10-15T03:45:39.386Z https://i.ytimg.com/vi/69gtXlMh_Ok/maxresdefault.jpg What is an API? In this What Is Wednesday I answer the question, What Is an API? Purchase Level 2 React Native: https://goo.gl/ESBiWS OR Buy the combo package with React Native For Everyone: https://goo.gl/iVtwHP OR Become a pro: https://www.leveluptutorials.com/pro https://serverless.com https://aws.amazon.com/lambda/?hp=tile&so-exp=below https://azure.microsoft.com/en-us/ https://cloud.google.com/ https://www.ibm.com/cloud/functions Syntax Podcast ft Scott Tolinski & Wes Bos: https://goo.gl/7jDDxX Subscribe for more free tutorials https://goo.gl/6ljoFc The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz A Web API is an application programming interface (API) for either a web server or a web browser. It is a web development concept, usually limited to a web application's client-side (including any web frameworks being used), and thus usually does not include web server or browser implementation details such as SAPIs or web browser engine APIs unless publicly accessible by a remote web application. https://www.youtube.com/embed/69gtXlMh_Ok 602 2018-02-14T21:01:57.000Z https://syntax.yabby.page/video/what-is-astro-what-is-web-development-weekly 2026-10-15T03:45:39.394Z https://i.ytimg.com/vi/XphKgi9Jr8I/maxresdefault.jpg What Is Astro - What is Web Development Weekly Become a Level Up Pro and take your web skills to the next level! https://www.leveluptutorials.com/pro?utm_source=youtube&utm_medium=video&utm_campaign=what_is Learn Astro quickly https://leveluptutorials.com/tutorials/astro-for-everyone/what-is-astro?utm_source=youtube&utm_medium=video&utm_campaign=what_is The best web development podcast out there Syntax with Wes Bos and Scott Tolinski https://syntax.fm https://www.youtube.com/embed/XphKgi9Jr8I 374 2021-11-04T15:15:27.000Z https://syntax.yabby.page/video/what-is-es6-es2015-es2016-es2017-esnext 2026-10-15T03:45:39.398Z https://i.ytimg.com/vi/9A_jkh2AKR8/maxresdefault.jpg What Is ES6, ES2015, ES2016, ES2017 & ESNext In this video, I discuss just what ES6 is and how you can upgrade your JavaScript skills by staying up to date with JS. LINKS ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Learn React Now! https://goo.gl/MkRA11 Learn ES6: https://ES6.io/friend/LEVELUP https://github.com/lukehoban/es6features https://babeljs.io/ https://babeljs.io/learn-es2015/ Music By: blvckchameleon https://soundcloud.com/blvckchameleon https://soundcloud.com/blvckchameleon/lookin-up-couldnt-hurt Sign up for Level Up Pro for full access https://www.leveluptutorials.com/pro Subscribe for more free tutorials https://goo.gl/6ljoFc The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz https://www.youtube.com/embed/9A_jkh2AKR8 561 2017-11-15T22:20:39.000Z https://syntax.yabby.page/video/what-is-figma-what-is-web-development 2026-10-15T03:45:39.402Z https://i.ytimg.com/vi/GCiFS-jwddk/maxresdefault.jpg What Is Figma? - What Is Web Development Become a Level Up Pro and take your web skills to the next level! https://www.leveluptutorials.com The best web development podcast out there Syntax with Wes Bos and Scott Tolinski https://syntax.fm 🎨 VSCode Theme: https://marketplace.visualstudio.com/items?itemName=leveluptutorials.theme-levelup All of the stuff I use https://www.scotttolinski.com/uses https://www.youtube.com/embed/GCiFS-jwddk 426 2022-03-23T16:33:14.000Z https://syntax.yabby.page/video/what-is-gitlab 2026-10-15T03:45:39.406Z https://i.ytimg.com/vi/gbJUasioKiI/maxresdefault.jpg What Is GitLab? In this What Is Wednesday, I answer the question. What Is GitLab? ### Video Links Buy Level 2 React: https://www.leveluptutorials.com/store/products/tutorials/lut-dd023 Become a Pro: https://www.leveluptutorials.com/pro ### Affiliate Links Please use these links when signing up for services to help support Level Up. Easy Hosting with Netlify: https://goo.gl/pychVP Shared Web Hosting: https://goo.gl/pfC6uc ### Level Up Links Syntax Podcast ft Scott Tolinski & Wes Bos: https://goo.gl/7jDDxX Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz https://www.youtube.com/embed/gbJUasioKiI 539 2018-06-06T19:20:15.000Z https://syntax.yabby.page/video/what-is-graphql 2026-10-15T03:45:39.410Z https://i.ytimg.com/vi/VjXb3PRL9WI/maxresdefault.jpg What Is GraphQL? In this video, I answer What Is GraphQL? and then discuss more about how to use GraphQL in a real world context and why you might want to. Syntax Podcast ft Scott Tolinski & Wes Bos: https://goo.gl/7jDDxX GraphCMS: http://graphcms.com/?ref=stolinski https://www.leveluptutorials.com/pro Subscribe for more free tutorials https://goo.gl/6ljoFc The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz Apollo provides a universal GraphQL API on top of your existing services, so you can build new application features fast without waiting on backend changes. Build and update application features without writing new endpoints. Just write a GraphQL query and Apollo gets the data for you. Best of all, Apollo integrates with the technology you're already using, so you can add it a little bit at a time. It also works with the whole specification and all community GraphQL tools. https://www.youtube.com/embed/VjXb3PRL9WI 867 2018-01-10T20:54:56.000Z https://syntax.yabby.page/video/what-is-just-what-is-web-development 2026-10-15T03:45:39.414Z https://i.ytimg.com/vi/1qprF4BqSaM/maxresdefault.jpg What Is Just - What is Web Development 0:00 Introduction 0:06 What Is Just 0:26 Sponsor - Froala 1:35 Just in depth Froala: https://froala.com/?utm_source=LevelUpTutorials&utm_medium=LeadsAcquisition&utm_content=july22 Become a Level Up Pro and take your web skills to the next level! https://www.leveluptutorials.com The best web development podcast out there Syntax with Wes Bos and Scott Tolinski https://syntax.fm 🎨 VSCode Theme: https://marketplace.visualstudio.com/items?itemName=leveluptutorials.theme-levelup All of the stuff I use https://www.scotttolinski.com/uses https://www.youtube.com/embed/1qprF4BqSaM 312 2022-07-06T20:13:05.000Z https://syntax.yabby.page/video/what-is-maxage-ttl 2026-10-15T03:45:39.421Z https://i.ytimg.com/vi/BaNuj3gh8-c/maxresdefault.jpg What is Maxage TTL? What is Maxage TTL? https://www.youtube.com/embed/BaNuj3gh8-c 57 2022-11-02T17:37:55.000Z https://syntax.yabby.page/video/what-is-lit-a-web-component-based-framework 2026-10-15T03:45:39.425Z https://i.ytimg.com/vi/ndZ8vcxNp0Q/maxresdefault.jpg What Is Lit? - A Web Component Based Framework What Is Lit? - A Web Component Based Framework https://www.youtube.com/embed/ndZ8vcxNp0Q 384 2022-06-15T12:00:24.000Z https://syntax.yabby.page/video/what-is-mercurious-my-favorite-graphql-server 2026-10-15T03:45:39.430Z https://i.ytimg.com/vi/9nd11l7KpFI/maxresdefault.jpg What Is Mercurious? - My Favorite GraphQL Server Benchmarking GraphQL Node.js Servers https://www.youtube.com/watch?v=JbV7MCeEPb8 What Is Fastify? https://www.youtube.com/watch?v=k1FSybMulVQ&list=PLLnpHn493BHHab0d86moNo8XL8vkN0P0s&index=25 What Is GraphQL? https://www.youtube.com/watch?v=VjXb3PRL9WI&list=PLLnpHn493BHHab0d86moNo8XL8vkN0P0s Become a Level Up Pro and take your web skills to the next level! https://www.leveluptutorials.com Learn Svelte quickly https://leveluptutorials.com/tutorial... The best web development podcast out there Syntax with Wes Bos and Scott Tolinski https://syntax.fm https://www.youtube.com/embed/9nd11l7KpFI 542 2022-02-16T21:28:02.000Z https://syntax.yabby.page/video/what-is-open-source 2026-10-15T03:45:39.434Z https://i.ytimg.com/vi/FcieXP8T4R4/maxresdefault.jpg What is Open Source? Scott and CJ dive into the world of open source, breaking down its meaning, benefits, and the various types of licenses you'll encounter. From permissive licenses like MIT and Apache 2.0 to copy-left licenses such as GNU GPLv3, they'll help you choose and apply the right license for your project. Show Notes 00:00 Welcome to Syntax! 00:54 Brought to you by Sentry.io. 01:56 What is open source? 03:19 This is not legal advice. 03:51 Source available ≠ open source. 06:39 The benefits of open source. 07:26 Educational. 07:52 More Secure. 09:32 Community-oriented. 11:29 Types of licenses. 12:09 Permissive licenses. 12:26 MIT License. 14:37 Apache 2.0 license. 15:31 Copy Left licenses. 15:58 GNU GPLv3. 18:16 Copy Left + permissive. 18:23 (Mozilla Public License) MPL. 19:31 Business licenses. 19:35 Functional Source License. 23:16 Companies using BUSL. 24:41 Server Side Public License (SSPL). 26:56 Choosing and acknowledging licenses. 29:13 Applying a license to your directory. All links available at https://syntax.fm/786 Sentry Open Source | https://open.sentry.io/ The Benefits of Open Source | https://open.sentry.io/benefits/ Sentry Gave Gave $500,000 to Open Source | https://blog.sentry.io/we-just-gave-500-000-dollars-to-open-source-maintainers/ Choose a license | https://choosealicense.com/ What happens if you don't choose a license? | https://choosealicense.com/no-permission/ All Open Source Licenses at a Glance | https://choosealicense.com/licenses/ Functional Software License | https://fsl.software/ Server Side Public License | https://www.mongodb.com/legal/licensing/server-side-public-license Redis Dual Source License Announcement | https://redis.io/blog/redis-adopts-dual-source-available-licensing/ Hashicorp adopts Business Source License | https://www.hashicorp.com/blog/hashicorp-adopts-business-source-license Generate license files with node / npm | https://www.npmjs.com/package/license ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https:// https://www.youtube.com/embed/FcieXP8T4R4 1851 2024-06-24T11:00:24.000Z https://syntax.yabby.page/video/what-is-parcel 2026-10-15T03:45:39.438Z https://i.ytimg.com/vi/ILHn43wsDv0/maxresdefault.jpg What Is Parcel? https://parceljs.org/ Blazing fast, zero configuration web application bundler Purchase Modern CSS Layouts: https://goo.gl/BXwqYH Sign up for Level Up Pro for full access here: https://www.leveluptutorials.com/pro Buy this series: https://goo.gl/BXwqYH Subscribe for more free tutorials: https://goo.gl/6ljoFc Subscribe to the Level Up Newsletter: http://eepurl.com/AWjGz The best shared web hosting: http://www.bluehost.com/track/leveluptutorials/ 🚀 Blazing fast bundle times Parcel uses worker processes to enable multicore compilation, and has a filesystem cache for fast rebuilds even after a restart. 📦 Bundle all your assets Parcel has out of the box support for JS, CSS, HTML, file assets, and more - no plugins needed. 🐠 Automatic transforms Code is automatically transformed using Babel, PostCSS, and PostHTML when needed - even node_modules. ✂️ Zero config code splitting Using the dynamic import() syntax, Parcel splits your output bundles so you only load what is needed on initial load. 🔥 Hot module replacement Parcel automatically updates modules in the browser as you make changes during development, no configuration needed. 🚨 Friendly error logging Parcel prints syntax highlighted code frames when it encounters errors to help you pinpoint the problem. https://www.youtube.com/embed/ILHn43wsDv0 369 2017-12-13T21:29:06.000Z https://syntax.yabby.page/video/what-is-react 2026-10-15T03:45:39.442Z https://i.ytimg.com/vi/0KlRgFEEz0g/maxresdefault.jpg What Is React? The first video in the What Is? series, where I dive into various web dev topics and explain them in plain english. Sign up for Level Up Pro for full access https://www.leveluptutorials.com/pro Buy this series: https://goo.gl/MkRA11 Subscribe for more free tutorials https://goo.gl/6ljoFc The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz React makes it painless to create interactive UIs. Design simple views for each state in your application, and React will efficiently update and render just the right components when your data changes. Declarative views make your code more predictable and easier to debug. Build encapsulated components that manage their own state, then compose them to make complex UIs. Since component logic is written in JavaScript instead of templates, you can easily pass rich data through your app and keep state out of the DOM. We don't make assumptions about the rest of your technology stack, so you can develop new features in React without rewriting existing code. React can also render on the server using Node and power mobile apps using React Native. https://www.youtube.com/embed/0KlRgFEEz0g 1041 2017-11-01T22:10:29.000Z https://syntax.yabby.page/video/what-is-react-native 2026-10-15T03:45:39.446Z https://i.ytimg.com/vi/JKCgwL-IfgM/maxresdefault.jpg What Is React Native? In this What Is Wednesday I answer the question, What Is React Native? Purchase this Level 2 React Native: https://goo.gl/ESBiWS OR Buy the combo package with React Native For Everyone: https://goo.gl/iVtwHP OR Become a pro: https://www.leveluptutorials.com/pro Syntax Podcast ft Scott Tolinski & Wes Bos: https://goo.gl/7jDDxX Subscribe for more free tutorials https://goo.gl/6ljoFc The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz React Native lets you build mobile apps using only JavaScript. It uses the same design as React, letting you compose a rich mobile UI from declarative components. With React Native, you don't build a "mobile web app", an "HTML5 app", or a "hybrid app". You build a real mobile app that's indistinguishable from an app built using Objective-C or Java. React Native uses the same fundamental UI building blocks as regular iOS and Android apps. You just put those building blocks together using JavaScript and React. https://www.youtube.com/embed/JKCgwL-IfgM 469 2018-01-31T21:31:22.000Z https://syntax.yabby.page/video/what-is-remix-what-is-web-development 2026-10-15T03:45:39.451Z https://i.ytimg.com/vi/4SDrih4OWz4/maxresdefault.jpg What Is Remix? - What Is Web Development Become a Level Up Pro and take your web skills to the next level! https://www.leveluptutorials.com/pro?... Learn Remix quickly https://leveluptutorials.com/tutorials/remix-for-everyone The best web development podcast out there Syntax with Wes Bos and Scott Tolinski https://syntax.fm https://www.youtube.com/embed/4SDrih4OWz4 271 2022-01-26T22:42:33.000Z https://syntax.yabby.page/video/what-is-rome 2026-10-15T03:45:39.456Z https://i.ytimg.com/vi/ts5JEZ93at0/maxresdefault.jpg What Is Rome? Become a Level Up Pro and take your web skills to the next level! https://www.leveluptutorials.com The best web development podcast out there Syntax with Wes Bos and Scott Tolinski https://syntax.fm 🎨 VSCode Theme: https://marketplace.visualstudio.com/items?itemName=leveluptutorials.theme-levelup All of the stuff I use https://www.scotttolinski.com/uses https://www.youtube.com/embed/ts5JEZ93at0 174 2022-11-08T21:36:07.000Z https://syntax.yabby.page/video/what-is-semantic-versioning-semver 2026-10-15T03:45:39.461Z https://i.ytimg.com/vi/97i9pOa2EyE/maxresdefault.jpg What is Semantic Versioning? (semver) In this clip from Syntax Episode 742 - CJ and Scott explain semantic versioning. Watch the full episode: https://www.youtube.com/watch?v=ZzDQjSqPhcU View the show notes: https://syntax.fm/show/742/potluck-migrating-to-typescript-semver-explained-accurate-timers-and-countdowns SemVer | https://semver.org/ Why TypeScript Doesn't Follow Strict Semantic Versioning | https://www.learningtypescript.com/articles/why-typescript-doesnt-follow-strict-semantic-versioning ------------------------------------------------------------------------------ Hit us up on Socials! https://www.syntax.fm/links Brought to you by Sentry - Use code "tastytreats" to get 2 months free - https://sentry.io/syntax #programming #npm #nodejs https://www.youtube.com/embed/97i9pOa2EyE 276 2024-09-03T10:00:14.000Z https://syntax.yabby.page/video/what-is-serverless 2026-10-15T03:45:39.465Z https://i.ytimg.com/vi/wWEID0d6wfo/maxresdefault.jpg What Is Serverless? In this What Is Wednesday I answer the question, What Is Serverless? Purchase Level 2 React Native: https://goo.gl/ESBiWS OR Buy the combo package with React Native For Everyone: https://goo.gl/iVtwHP OR Become a pro: https://www.leveluptutorials.com/pro https://serverless.com https://aws.amazon.com/lambda/?hp=tile&so-exp=below https://azure.microsoft.com/en-us/ https://cloud.google.com/ https://www.ibm.com/cloud/functions Syntax Podcast ft Scott Tolinski & Wes Bos: https://goo.gl/7jDDxX Subscribe for more free tutorials https://goo.gl/6ljoFc The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz Just like wireless internet has wires somewhere, serverless architectures still have servers somewhere. What ‘serverless’ really means is that, as a developer you don’t have to think about those servers. You just focus on code. https://www.youtube.com/embed/wWEID0d6wfo 408 2018-02-07T21:27:51.000Z https://syntax.yabby.page/video/what-is-supabase-what-is-web-development 2026-10-15T03:45:39.469Z https://i.ytimg.com/vi/v2W7QJMMIA0/maxresdefault.jpg What Is Supabase? - What Is Web Development Become a Level Up Pro and take your web skills to the next level! https://www.leveluptutorials.com The best web development podcast out there Syntax with Wes Bos and Scott Tolinski https://syntax.fm 🎨 VSCode Theme: https://marketplace.visualstudio.com/items?itemName=leveluptutorials.theme-levelup All of the stuff I use https://www.scotttolinski.com/uses https://www.youtube.com/embed/v2W7QJMMIA0 348 2022-05-25T18:59:30.000Z https://syntax.yabby.page/video/what-is-svelte-check-weekly-svelte 2026-10-15T03:45:39.473Z https://i.ytimg.com/vi/1hXJ_bkVL5k/maxresdefault.jpg What Is Svelte Check? - Weekly Svelte Become a Level Up Pro and take your web skills to the next level! https://www.leveluptutorials.com Learn Svelte quickly https://leveluptutorials.com/tutorials/svelte-kit The best web development podcast out there Syntax with Wes Bos and Scott Tolinski https://syntax.fm https://www.youtube.com/embed/1hXJ_bkVL5k 540 2022-02-04T22:06:32.000Z https://syntax.yabby.page/video/what-is-tauri-desktop-apps-with-web-tech-in-rust 2026-10-15T03:45:39.477Z https://i.ytimg.com/vi/EREVvUG0Zp8/maxresdefault.jpg What Is Tauri? - Desktop Apps With Web Tech in Rust https://tauri.app Become a Level Up Pro and take your web skills to the next level! https://www.leveluptutorials.com The best web development podcast out there Syntax with Wes Bos and Scott Tolinski https://syntax.fm 🎨 VSCode Theme: https://marketplace.visualstudio.com/items?itemName=leveluptutorials.theme-levelup All of the stuff I use https://www.scotttolinski.com/uses https://www.youtube.com/embed/EREVvUG0Zp8 399 2022-07-13T17:17:38.000Z https://syntax.yabby.page/video/what-is-the-dom 2026-10-15T03:45:39.482Z https://i.ytimg.com/vi/i_T33FSl254/maxresdefault.jpg What Is the DOM Become a Level Up Pro and take your web skills to the next level! https://www.leveluptutorials.com/pro?utm_source=youtube&utm_medium=video&utm_campaign=what_is Learn Web Components with Web Components for Beginners https://www.leveluptutorials.com/tutorials/web-components-for-beginners?utm_source=youtube&utm_medium=video&utm_campaign=what_is The best web development podcast out there Syntax with Wes Bos and Scott Tolinski https://syntax.fm https://www.youtube.com/embed/i_T33FSl254 353 2021-09-22T15:30:13.000Z https://syntax.yabby.page/video/what-is-type-import-in-svelte-kit-jsdoc-syntax 2026-10-15T03:45:39.487Z https://i.ytimg.com/vi/y0DvJTVO65M/maxresdefault.jpg What Is @type{import In Svelte Kit - JSDoc Syntax Become a Level Up Pro and take your web skills to the next level! https://www.leveluptutorials.com The best web development podcast out there Syntax with Wes Bos and Scott Tolinski https://syntax.fm 🎨 VSCode Theme: https://marketplace.visualstudio.com/items?itemName=leveluptutorials.theme-levelup All of the stuff I use https://www.scotttolinski.com/uses https://www.youtube.com/embed/y0DvJTVO65M 572 2022-08-19T19:47:52.000Z https://syntax.yabby.page/video/what-is-vitejs 2026-10-15T03:45:39.491Z https://i.ytimg.com/vi/ZlmFUpOT07U/maxresdefault.jpg What Is ViteJS? Become a Level Up Pro and take your web skills to the next level! https://www.leveluptutorials.com/pro?utm_source=youtube&utm_medium=video&utm_campaign=what_is Learn Web Components with Web Components for Beginners https://www.leveluptutorials.com/tutorials/web-components-for-beginners?utm_source=youtube&utm_medium=video&utm_campaign=what_is The best web development podcast out there Syntax with Wes Bos and Scott Tolinski https://syntax.fm https://www.youtube.com/embed/ZlmFUpOT07U 512 2021-09-15T18:55:45.000Z https://syntax.yabby.page/video/what-is-vuejs 2026-10-15T03:45:39.495Z https://i.ytimg.com/vi/FtXd_qQJgfI/maxresdefault.jpg What Is VueJS? In this What Is Wednesday, I answer the question. What Is VueJS? ### Video Links Starting Code: https://github.com/leveluptuts/Level-Up-JavaScript-Testing-101 Solutions: https://github.com/leveluptuts/JavaScript-Testing-101-Solutions Buy VueJS For Everyone: https://goo.gl/7uft3X Become a Pro: https://www.leveluptutorials.com/pro ### Affiliate Links Please use these links when signing up for services to help support Level Up. Easy Hosting with Netlify: https://goo.gl/pychVP Shared Web Hosting: https://goo.gl/pfC6uc ### Level Up Links Syntax Podcast ft Scott Tolinski & Wes Bos: https://goo.gl/7jDDxX Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz Vue (pronounced /vjuː/, like view) is a progressive framework for building user interfaces. Unlike other monolithic frameworks, Vue is designed from the ground up to be incrementally adoptable. The core library is focused on the view layer only, and is easy to pick up and integrate with other libraries or existing projects. On the other hand, Vue is also perfectly capable of powering sophisticated Single-Page Applications when used in combination with modern tooling and supporting libraries. https://www.youtube.com/embed/FtXd_qQJgfI 485 2018-04-04T22:30:43.000Z https://syntax.yabby.page/video/what-s-new-in-svelte-june-2022-weekly-svelte 2026-10-15T03:45:39.499Z https://i.ytimg.com/vi/DWDpORq2mrM/maxresdefault.jpg What's New In Svelte June 2022 - Weekly Svelte Become a Level Up Pro and take your web skills to the next level! https://www.leveluptutorials.com The best web development podcast out there Syntax with Wes Bos and Scott Tolinski https://syntax.fm 🎨 VSCode Theme: https://marketplace.visualstudio.com/items?itemName=leveluptutorials.theme-levelup All of the stuff I use https://www.scotttolinski.com/uses https://www.youtube.com/embed/DWDpORq2mrM 684 2022-06-03T12:30:29.000Z https://syntax.yabby.page/video/what-s-new-with-svelte-and-sveltekit-jan-2022 2026-10-15T03:45:39.503Z https://i.ytimg.com/vi/3lAC1WQpx74/maxresdefault.jpg What's New with Svelte and SvelteKit Jan 2022 Become a Level Up Pro and take your web skills to the next level! https://www.leveluptutorials.com/pro?utm_source=youtube&utm_medium=video&utm_campaign=weekly_svelte Svelte for Beginners https://leveluptutorials.com/tutorials/svelte-for-beginners/introduction The best web development podcast out there Syntax with Wes Bos and Scott Tolinski https://syntax.fm https://www.youtube.com/embed/3lAC1WQpx74 1124 2022-01-14T20:21:39.000Z https://syntax.yabby.page/video/what-s-the-worst-part-about-hosting-a-meetup 2026-10-15T03:45:39.507Z https://i.ytimg.com/vi/F8pLKHFKoJY/maxresdefault.jpg What's the worst part about hosting a meetup? Today's episode #818 CJ × Hosting Meetups - Lunch and Learn CJ discusses hosting the Denver TypeScript meetup, the return of meetups post-COVID, finding organizers and speakers, using Meetup.com, what makes a good meetup, his first meetup experiences, the importance of community, and tips for organizing, attending, finding and getting involved with meetups. ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #meetups #community #publicspeaking #career https://www.youtube.com/embed/F8pLKHFKoJY 46 2024-09-06T16:00:05.000Z https://syntax.yabby.page/video/what-s-next-for-next-js-with-tim-neutkens 2026-10-15T03:45:39.511Z https://i.ytimg.com/vi/fXugpgknScY/maxresdefault.jpg What’s Next for Next.js with Tim Neutkens Scott and Wes dive into the world of Next.js with special guest Tim Neutkens from Vercel. They explore the latest updates, including the React Compiler and React Server Components, discussing their impact on developer workflows and the future of Next.js development. Show Notes 00:00 Welcome to Syntax! 00:30 What does the React Compiler do? 05:04 Will React Compiler help with managing Context? 06:39 What happens if you're not using a React Compiler? 09:30 Will this work on any NextJS version? 12:18 What are React Server Components? 16:28 Shipping all the data inside an encapsulated component. 20:17 Clearing up the frustrations around retrofitting server components. 23:13 Handing migration. 28:30 Is this just a fetch request with props? 36:41 How closely are the NextJS and React teams working? 41:53 Will we ever get Async Client Components? 43:52 Async Local Storage API. 45:31 Turbopack. 57:51 Sick Picks & Shameless Plugs. All links available at https://syntax.fm/785 ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript https://www.youtube.com/embed/fXugpgknScY 3796 2024-06-21T11:00:38.000Z https://syntax.yabby.page/video/what-s-your-opinion-what-will-the-future-of-coding-will-look-like-with-ai 2026-10-15T03:45:39.515Z https://i.ytimg.com/vi/mgIkO7-wiX4/maxresdefault.jpg What's your opinion? What will the future of coding will look like with AI? Yesterday's episode, live from @GitHub Universe - syntax.fm/842 Copilot Kills Cursor? Reacting to Github Universe Keynote Scott and Wes discuss GitHub's AI announcements from GitHub Universe conference, including Copilot updates to match Cursor features, new AI marketplace, workspace improvements and text-to-code generator Spark. 👉 Join the exclusive newsletter - syntax.fm/snackpack **Show Notes** All links available at https://syntax.fm/724 ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #ai #github #conference https://www.youtube.com/embed/mgIkO7-wiX4 54 2024-11-05T17:57:28.000Z https://syntax.yabby.page/video/what-to-steal-finding-inspiration-in-web-development 2026-10-15T03:45:39.527Z https://i.ytimg.com/vi/35Uzg40lVnA/maxresdefault.jpg What to Steal. Finding Inspiration in Web Development Scott and Wes discuss the delicate balance of what's acceptable to borrow or be inspired by in web development and what crosses into territory that's off-limits. Tune in as they share personal experiences, discuss where to find ethical inspiration, and offer tips on how to effectively capture and utilize it. Show Notes 00:00 Welcome to Syntax! 01:57 Brought to you by Sentry.io. 02:26 What is okay to steal? 02:57 Color palettes. 03:14 Font stacks. 06:26 Type scales. 08:52 General layout patterns. 10:39 General vibes. 11:20 What is NOT okay to steal? 11:26 Whole site designs. 13:32 Taking too many things from 'what to steal' list. 16:30 Text copy. 18:48 What we've had stolen + how it feels. 21:45 Where to find inspiration. 21:56 Code inspiration. 25:18 Design inspiration. 32:48 UX inspiration. 35:25 How to capture inspiration. All links available at https://syntax.fm/762 ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript https://www.youtube.com/embed/35Uzg40lVnA 2296 2024-04-29T11:00:04.000Z https://syntax.yabby.page/video/where-the-heck-is-all-my-disk-space-going 2026-10-15T03:45:39.532Z https://i.ytimg.com/vi/ATXgYR7OmJg/maxresdefault.jpg "Where the heck is all my disk space going?" Recent episode You Need These 30 Apps - PART 1 Scott and Wes go through a big list of apps they use for productivity. This episode covers files, media, utilities, screenshots and more. ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #productivity #apps #apple #mac #windows #webdev #musthaves #utilities #syntaxfm #podcast https://www.youtube.com/embed/ATXgYR7OmJg 52 2024-09-12T15:31:11.000Z https://syntax.yabby.page/video/which-experience-do-you-prefer 2026-10-15T03:45:40.150Z https://i.ytimg.com/vi/hXyQ3ZfSkyQ/maxresdefault.jpg which experience do you prefer?? 🔥 Be the ~17,700th person to join our super tasty newsletter https://bit.ly/syntax_snackpack All links available at https://syntax.fm/921 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev #ide #terminalui #ai #aicoding #tech https://www.youtube.com/embed/hXyQ3ZfSkyQ 80 2025-07-23T16:23:19.000Z https://syntax.yabby.page/video/when-to-use-a-framework-goodbye-webpack-custom-events-in-react-more 2026-10-15T03:45:40.155Z https://i.ytimg.com/vi/ZgoReT1as58/maxresdefault.jpg When to Use a Framework × Goodbye Webpack × Custom Events in React + More! Scott and Wes answer your burning questions! They cover everything from moving off create-react-app and the benefits of Next.js, to transitioning from junior to senior dev, working with QA teams, and even dive into game development with Godot. Show Notes 00:00 Welcome to Syntax! 00:31 DenverScript. 03:14 Brought to you by Sentry.io. 03:54 Question 1: Moving off create-react-app. 09:10 Question 2: Working together with QA teams. 13:46 Question 3: Benefits of React with Next.js Framework. 17:38 Question 4: What are your real names? 19:22 Question 5: Thoughts on RTO and WFH. 27:50 Question 6: Where can I find you Sick Picks? 29:34 Question 7: From JR developer to SR developer. 31:41 Question 8: Godot and game development. 39:37 Question 9: Inherent advantage between Callbacks and Events. 44:44 Question 10: Transitioning to freelance with corporate experience. 49:44 Question 11: Dealing with negative feedback. 57:05 Sick Picks & Shameless Plugs. All links available at https://syntax.fm/832 ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript https://www.youtube.com/embed/ZgoReT1as58 3754 2024-10-09T11:00:39.000Z https://syntax.yabby.page/video/who-can-crash-the-browser-first 2026-10-15T03:45:40.160Z https://i.ytimg.com/vi/apoW1TC_m0w/maxresdefault.jpg Who Can Crash the Browser First?! Scott, Wes, and CJ compete in a full-tilt browser-breaking showdown to see who can crash Chrome the fastest. Wild loops, memory overloads, and pure unhinged dev energy collide in this chaotic 3-dev challenge 🔥 Be the ~17,800th person to join our super tasty newsletter https://bit.ly/syntax_snackpack ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/apoW1TC_m0w 1399 2025-11-21T13:10:00.000Z https://syntax.yabby.page/video/why-did-figma-buy-a-cms 2026-10-15T03:45:40.164Z https://i.ytimg.com/vi/6wvoauy80gc/maxresdefault.jpg Why did Figma buy a CMS? Wes chats with James Mikrut, founder of Payload CMS, about being acquired by Figma! They discuss building an open source business, the future of UI design, AI interfces, and what this means for the future of Payload and Figma 🔥 Be the ~14,700th person to join our super tasty newsletter https://bit.ly/syntax_snackpack Show Notes 00:00 Welcome to Syntax! 01:06 What is Payload CMS? 01:56 The big announcement. 03:03 Why does Figma want a CMS? 05:23 This has got to be about AI, right? 09:37 Brought to you by Sentry.io. 10:02 What will the interface be? 14:02 Generative, user-specific UI. 16:17 Agents make everything look like ShadCN. 18:18 What does this mean for Payload users? 20:23 How this improves Payload. 22:31 Trying to stand out as a CMS. 23:35 Is this going to cost users? 25:12 Sick Picks & Shameless Plugs. All links available at https://syntax.fm/912 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/6wvoauy80gc 1577 2025-06-17T15:02:22.000Z https://syntax.yabby.page/video/why-is-the-web-essentially-h-t-now 2026-10-15T03:45:40.168Z https://i.ytimg.com/vi/hK5EIHJxwXw/maxresdefault.jpg Why is the web essentially $h!t now?? Scott, Wes, and CJ answer some of the biggest questions from r/webdev including the viral post asking why the internet feels so bad now. From bloated sites and bad UX to business incentives and modern web tooling, we break down what’s really going on from a developer’s perspective. 🔥 Be the ~18,300th person to join our super tasty newsletter https://bit.ly/syntax_snackpack Clean Code JavaScript: https://github.com/ryanmcdermott/clean-code-javascript ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/hK5EIHJxwXw 1199 2026-01-02T13:09:00.000Z https://syntax.yabby.page/video/why-is-this-css-overlap-so-hard-css-battle 2026-10-15T03:45:40.177Z https://i.ytimg.com/vi/nz99a84p3iU/maxresdefault.jpg Why Is This CSS Overlap So Hard?! CSS Battle We’re back with another round of CSS Battle, and this one is brutal. Overlapping shapes, weird positioning, and way too many headaches for something that looks so simple. Can we crack it, or will this challenge break us? 🔥 Be the ~14,700th person to join our super tasty newsletter https://bit.ly/syntax_snackpack 👉 Play along here: https://cssbattle.dev/play/221 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/nz99a84p3iU 1209 2025-09-05T15:17:41.000Z https://syntax.yabby.page/video/why-v0-creator-left-vercel-to-fix-github 2026-10-15T03:45:40.196Z https://i.ytimg.com/vi/krMJQF4CJ9c/maxresdefault.jpg Why v0 creator left Vercel to fix GitHub Scott and Wes sit down with Jared Palmer of GitHub (formerly of Vercel) to unpack all the biggest announcements from GitHub Universe 2025. They dive into the future of developer workflows with agents, how GitHub is rethinking project interfaces, and where there’s still room to improve the dev experience. 🔥 Be the ~14,700th person to join our super tasty newsletter https://bit.ly/syntax_snackpack Show Notes 00:00 Welcome to Syntax! 00:21 Who is Jared Palmer? 01:19 The developer workflow with agents. 03:33 Opening ongoing tasks in VS Code. 06:08 The benefit of agnostic agents. 07:04 GitHub’s biggest opportunities for improvement. 09:38 What’s your interface of choice for a new project? All links available at https://syntax.fm/953 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/krMJQF4CJ9c 1011 2025-11-10T12:01:37.000Z https://syntax.yabby.page/video/will-coinbase-fire-half-their-staff-since-ai-is-writing-50-of-their-code-now 2026-10-15T03:45:40.201Z https://i.ytimg.com/vi/P2-9YYonKDc/maxresdefault.jpg Will Coinbase fire half their staff since AI is writing 50% of their code now? 🔥 Be the ~17,789th person to join our super tasty newsletter https://bit.ly/syntax_snackpack All links available at https://syntax.fm/9 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev #coinbase #ai #aicode #crypto #claude https://www.youtube.com/embed/P2-9YYonKDc 78 2025-10-08T21:32:15.000Z https://syntax.yabby.page/video/why-your-css-sucks 2026-10-15T03:45:40.205Z https://i.ytimg.com/vi/NwX9uPWs2t0/maxresdefault.jpg Why Your CSS Sucks Scott and Wes break down why your CSS might suck—from misusing specificity to not leveraging CSS variables. Tune in as they dive into common pitfalls that are making your stylesheets a hot mess. Show Notes 00:00 Welcome to Syntax! 00:33 Breakdancing in the Olympics. 05:29 Brought to you by Sentry.io. 05:44 Why your CSS sucks. 07:01 You’re styling the wrong element. 11:01 Nesting too deep. 12:37 You don’t understand specificity. 14:56 Your classes don’t use a system. 16:24 You’re using values instead of CSS vars. 20:16 You don’t understand block vs inline vs inline-block. 21:16 You aren’t using the right tool for the job. 24:15 You’re setting the value in too many places. 24:31 You’re scoping to tightly or not tightly enough. All links available at https://syntax.fm/816 ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript https://www.youtube.com/embed/NwX9uPWs2t0 1681 2024-09-02T11:00:22.000Z https://syntax.yabby.page/video/wordpress-basics-10-adding-new-users 2026-10-15T03:45:40.209Z https://i.ytimg.com/vi/aLGJCAZS5-8/maxresdefault.jpg WordPress Basics #10 - Adding New Users The 10th video in the new WordPress Basics video series. Here we show you how to add new users to your WordPress site. For questions post in the comments or visit: http://leveluptuts.com/forum https://www.youtube.com/embed/aLGJCAZS5-8 268 2014-02-05T03:31:14.000Z https://syntax.yabby.page/video/wordpress-basics-16-custom-menus-part-2 2026-10-15T03:45:40.213Z https://i.ytimg.com/vi/w4JIGqCj_oc/maxresdefault.jpg WordPress Basics #16 - Custom Menus Part 2 The 16th video in the new WordPress Basics video series. Here we show you how to use widgets and custom menus to place a menu in any widget area of your site. #1 OUTSOURCING SERVICE FOR WORDPRESS https://api.referoo.co/hits/create_hit?partner_id=16&medium_id=1 For questions post in the comments or visit: http://leveluptuts.com/forum https://www.youtube.com/embed/w4JIGqCj_oc 308 2014-02-14T01:55:58.000Z https://syntax.yabby.page/video/wordpress-basics-17-how-to-install-a-plugin 2026-10-15T03:45:40.218Z https://i.ytimg.com/vi/V88txKcpfok/maxresdefault.jpg WordPress Basics #17 - How To Install A Plugin The 17th video in the new WordPress Basics video series. Here we show you how to install a Google Analytics Plugin through the WordPress admin interface. #1 OUTSOURCING SERVICE FOR WORDPRESS https://api.referoo.co/hits/create_hit?partner_id=16&medium_id=1 For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations https://www.youtube.com/embed/V88txKcpfok 297 2014-02-19T02:17:24.000Z https://syntax.yabby.page/video/wordpress-basics-18-how-to-manually-install-a-plugin 2026-10-15T03:45:40.222Z https://i.ytimg.com/vi/vDKk-ekB7HI/maxresdefault.jpg WordPress Basics #18 - How To Manually Install A Plugin The 18th video in the new WordPress Basics video series. Here we show you how to install WordPress Jet Pack manually and add social network buttons to your posts. #1 OUTSOURCING SERVICE FOR WORDPRESS https://api.referoo.co/hits/create_hit?partner_id=16&medium_id=1 For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations https://www.youtube.com/embed/vDKk-ekB7HI 297 2014-02-19T02:18:53.000Z https://syntax.yabby.page/video/wordpress-basics-2-installing-wordpress 2026-10-15T03:45:40.227Z https://i.ytimg.com/vi/H8jihECqIgE/maxresdefault.jpg WordPress Basics #2 - Installing Wordpress The 2nd video in the new WordPress Basics video series. Here I show you how to install WordPress on OSX using MAMP Pro. #1 OUTSOURCING SERVICE FOR WORDPRESS https://api.referoo.co/hits/create_hit?partner_id=16&medium_id=1 Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations https://www.youtube.com/embed/H8jihECqIgE 453 2014-01-17T02:07:23.000Z https://syntax.yabby.page/video/wordpress-basics-2-installing-wordpress-on-windows-with-wamp 2026-10-15T03:45:40.231Z https://i.ytimg.com/vi/Ib-MuPyFKVc/maxresdefault.jpg WordPress Basics #2 - Installing WordPress on Windows with WAMP The 2nd video in the new WordPress Basics video series. Here I show you how to install WordPress on Windows with WAMP. #1 OUTSOURCING SERVICE FOR WORDPRESS https://api.referoo.co/hits/create_hit?partner_id=16&medium_id=1 Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations https://www.youtube.com/embed/Ib-MuPyFKVc 428 2014-01-22T02:57:46.000Z https://syntax.yabby.page/video/wordpress-basics-20-what-s-next 2026-10-15T03:45:40.235Z https://i.ytimg.com/vi/osHL-HxPV2I/maxresdefault.jpg WordPress Basics #20 - What's Next The 20th video in the new WordPress Basics video tutorial series. Here I wrap up the basics series and talk about what's next on the horizon with the new Customizing WordPress series coming soon! #1 OUTSOURCING SERVICE FOR WORDPRESS https://api.referoo.co/hits/create_hit?partner_id=16&medium_id=1 For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations https://www.youtube.com/embed/osHL-HxPV2I 175 2014-02-21T01:24:00.000Z https://syntax.yabby.page/video/wordpress-basics-5-backend-tour-part-1 2026-10-15T03:45:40.239Z https://i.ytimg.com/vi/CUHlWbDwCo8/maxresdefault.jpg WordPress Basics #5 - Backend Tour Part 1 The 5th video in the new WordPress Basics video series. Here I give you a tour of the backend of WordPress. #1 OUTSOURCING SERVICE FOR WORDPRESS https://api.referoo.co/hits/create_hit?partner_id=16&medium_id=1 Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations https://www.youtube.com/embed/CUHlWbDwCo8 471 2014-01-24T02:46:52.000Z https://syntax.yabby.page/video/wordpress-basics-8-post-screen-options 2026-10-15T03:45:40.247Z https://i.ytimg.com/vi/NvYNbAjNVl4/maxresdefault.jpg WordPress Basics #8 - Post Screen Options The 8th video in the new WordPress Basics video series. Here we show you how to use the Screen Options when adding or editing a post. https://www.youtube.com/embed/NvYNbAjNVl4 299 2014-01-24T03:18:52.000Z https://syntax.yabby.page/video/wordpress-basics-3-an-introduction-to-wordpress 2026-10-15T03:45:40.251Z https://i.ytimg.com/vi/mxBSSJAl1EQ/maxresdefault.jpg WordPress Basics #3 - An Introduction To WordPress The 3rd video in the new WordPress Basics video series. Here I give an introduction to the WordPress software that was just installed. #1 OUTSOURCING SERVICE FOR WORDPRESS https://api.referoo.co/hits/create_hit?partner_id=16&medium_id=1 Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations https://www.youtube.com/embed/mxBSSJAl1EQ 401 2014-01-17T02:10:35.000Z https://syntax.yabby.page/video/wordpress-basics-4-how-to-update-wordpress 2026-10-15T03:45:40.256Z https://i.ytimg.com/vi/5ENxlugkiUg/maxresdefault.jpg WordPress Basics #4 - How To Update WordPress The 4th video in the new WordPress Basics video series. Here I show you how to update WordPress. #1 OUTSOURCING SERVICE FOR WORDPRESS https://api.referoo.co/hits/create_hit?partner_id=16&medium_id=1 Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations https://www.youtube.com/embed/5ENxlugkiUg 153 2014-01-24T02:36:27.000Z https://syntax.yabby.page/video/working-on-debug-december-aoc-clash-of-code-syntax-bytes-w-cj 2026-10-15T03:45:40.267Z https://i.ytimg.com/vi/ICBKcijeaFk/maxresdefault.jpg Working on Debug December | AoC | Clash of Code | Syntax Bytes w/ CJ In this live stream CJ works on the Debug December challenges. https://www.debugdecember.com/challenges/2025 ------------------------------------------------------------------------------ Hit us up on Socials! https://www.syntax.fm/links Brought to you by Sentry - Use code "tastytreats" to get 2 months free - https://sentry.io/syntax #javascript #typescript #webdevelopment https://www.youtube.com/embed/ICBKcijeaFk 9357 2025-12-05T20:55:50.000Z https://syntax.yabby.page/video/working-on-debug-december-days-6-12-aoc-day-5-clash-of-code-syntax-bytes-w-cj 2026-10-15T03:45:40.271Z https://i.ytimg.com/vi/8f8GixLs65w/maxresdefault.jpg Working on Debug December Days 6 - 12 | AOC Day 5 | Clash of Code | Syntax Bytes w/ CJ In this live stream CJ works on the Debug December challenges. https://www.debugdecember.com/challenges/2025 ------------------------------------------------------------------------------ Hit us up on Socials! https://www.syntax.fm/links Brought to you by Sentry - Use code "tastytreats" to get 2 months free - https://sentry.io/syntax #javascript #typescript #webdevelopment https://www.youtube.com/embed/8f8GixLs65w 8632 2025-12-12T18:56:08.000Z https://syntax.yabby.page/video/write-raw-sql-with-type-safety-prisma-typedsql 2026-10-15T03:45:40.276Z https://i.ytimg.com/vi/Iy629WlD2kw/maxresdefault.jpg Write Raw SQL with Type Safety | Prisma TypedSQL In this video CJ shows the new TypedSQL feature of Prisma. He talks about why it is useful, shows some practical examples and also talks about the limitations. 👉 Join the exclusive newsletter - https://syntax.fm/snackpack 00:00 intro 00:51 minimum version needed 01:03 syntax episode 839 01:24 example overview 01:36 the limitations of raw sql 02:43 typedsql intro 04:28 typedsql with arguments 05:47 customizing generated functions 06:01 limitations of typedsql 06:35 typedsql inspiration 06:46 open issues 07:48 thanks! Prisma TypedSQL | https://www.prisma.io/typedsql Prisma releases | https://github.com/prisma/prisma/releases Syntax Episode 839 | https://syntax.fm/show/839/prisma-orm-local-first-typed-sql-queries-and-serverless-with-soren-bramer-schmidt TypedSQL Docs | https://www.prisma.io/docs/orm/prisma-client/using-raw-sql/typedsql PgTyped | https://github.com/adelsz/pgtyped SQLx | https://github.com/launchbadge/sqlx TypedSQL JSON Support Issue | https://github.com/prisma/prisma/issues/25126 ------------------------------------------------------------------------------ Hit us up on Socials! https://www.syntax.fm/links Brought to you by Sentry - Use code "tastytreats" to get 2 months free - https://sentry.io/syntax #typescript #database #news https://www.youtube.com/embed/Iy629WlD2kw 500 2024-11-07T16:54:54.000Z https://syntax.yabby.page/video/write-the-code-you-wish-existed-typescript-nitro-api-validation-example 2026-10-15T03:45:40.280Z https://i.ytimg.com/vi/FI4zIxsr0Uw/maxresdefault.jpg Write The Code You Wish Existed | TypeScript + Nitro API Validation Example In this video CJ talks about "Dream Code" - code you wish existed, and shows an example of some dream code he made a reality. 00:00 intro 00:51 what we're working with today 01:29 basic intro to nitro / h3 02:16 validating request body 03:10 the problem 03:39 validation dream code 04:57 creating our dream code 06:54 type safety - overriding event type 09:23 typescript generic zod schema 11:28 working dream code 11:48 more dream code 13:09 full dream code solution 17:14 go forth and dream Nitro Server Toolkit - https://nitro.build/ h3 Web Framework - https://h3.unjs.io/ 🔥 Be the ~14,700th person to join our super tasty newsletter bit.ly/syntax_snackpack All links available at https://syntax.fm/870 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #typescript #programming #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/FI4zIxsr0Uw 1090 2025-03-13T11:00:21.000Z https://syntax.yabby.page/video/writing-a-killer-dm-might-just-be-your-key-to-getting-that-interview-you-want 2026-10-15T03:45:40.284Z https://i.ytimg.com/vi/eAqg9R75Y98/maxresdefault.jpg Writing a killer DM might just be your key to getting that interview you want 🆕 Today's episode Are Companies Hiring? State of the Dev Job Market With Taylor Desseyn 🔗 syntax.fm/845 💬 The job market has cooled considerably compared to the red hot 2021-2022 period but opportunities still exist, especially in back-end and data. Standing out requires strategic follow-ups, customization and showcasing relevant experience. 👉 Join the exclusive newsletter - https://syntax.fm/snackpack **Show Notes** All links available at https://syntax.fm/724 ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #softwaredeveloper #learntocode #tech #techtok #JobMarket #CareerAdvice https://www.youtube.com/embed/eAqg9R75Y98 51 2024-11-08T20:11:13.000Z https://syntax.yabby.page/video/writing-javascript-as-fast-as-possible 2026-10-15T03:45:40.289Z https://i.ytimg.com/vi/3NCNlxblEm4/maxresdefault.jpg writing javascript as fast as possible In this video CJ tries to solve as many 7 Kyu code wars code katas in 7 minutes as possible. Try the problems from this video: Currying functions: multiply all elements in an array | https://www.codewars.com/kata/586909e4c66d18dd1800009b/train/javascript Help the Fruit Guy | https://www.codewars.com/kata/557af4c6169ac832300000ba/train/javascript Indexed capitalization | https://www.codewars.com/kata/59cfc09a86a6fdf6df0000f1/train/javascript Sort by Last Char | https://www.codewars.com/kata/57eba158e8ca2c8aba0002a0/train/javascript Incrementer | https://www.codewars.com/kata/590e03aef55cab099a0002e8/train/javascript ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #programming #javascript #problemsolving #leetcode #syntax #syntaxfm #webdev https://www.youtube.com/embed/3NCNlxblEm4 515 2026-01-09T12:00:08.000Z https://syntax.yabby.page/video/writing-maintainable-css 2026-10-14T14:15:16.798Z https://i.ytimg.com/vi/mbGbPVMSnAQ/maxresdefault.jpg 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 styles, or CSS modules. They also dive into practical tips like leveraging CSS variables, layers, scoping, and tooling to keep your stylesheets clean and scalable 🔥 Be the ~18,300th person to join our super tasty newsletter https://bit.ly/syntax_snackpack Show Notes 00:00 Welcome to Syntax! 01:31 Understanding CSS Manageability 01:44 This CSS doesn’t leak to other parts of website. 03:41 This CSS is easy to maintain. 05:54 This CSS is reusable. 06:10 Global Solutions Instead of Local Solutions. 07:12 Flexibility and Adaptability in CSS 09:36 Fluid Typography and Responsive Design 12:09 Variables and Consistency in CSS 13:40 Brought to you by Sentry.io. 14:14 Values vs Variables. 18:19 Choosing the Right CSS Methodology 18:48 Utility CSS and Atomic CSS 22:35 Exploring StyleX and Other Approaches 25:14 Panda CSS. 25:37 Component Scoped CSS: A Preferred Approach 29:08 The Evolution of CSS Modules 34:03 Global CSS: Best Practices 38:22 Harnessing CSS Variables 41:33 Understanding CSS Layers 43:52 The Power of CSS Scoping 46:16 Enforcing CSS Standards with Tools All links available at https://syntax.fm/999 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/mbGbPVMSnAQ 3009 2026-04-27T11:01:17.000Z https://syntax.yabby.page/video/writing-scrapers-teaches-you-a-lot-about-how-web-tech-works 2026-10-15T03:45:40.293Z https://i.ytimg.com/vi/3maM_ffRTTM/maxresdefault.jpg Writing scrapers teaches you a lot about how web tech works Web Scraping + Reverse Engineering APIs Covers techniques for web scraping, dealing with private APIs, handling authentication, parsing HTML, and challenges like captchas. https://www.youtube.com/watch?v=5xWZT0MWz-4 ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #scrapers #webscrapers #apis #html #webdev #authentication #captchas #html https://www.youtube.com/embed/3maM_ffRTTM 41 2024-05-07T17:00:02.000Z https://syntax.yabby.page/video/you-don-t-need-a-dependency-for-clamp 2026-10-15T03:45:40.299Z https://i.ytimg.com/vi/LS3MH8jTHYc/maxresdefault.jpg You Don't Need A Dependency For Clamp Filestack: https://www.filestack.com/?utm_source=LevelUpTuts&utm_medium=LeadsAcquisition&utm_content=videojune22 https://jsbin.com/qapusay/edit?js,output Become a Level Up Pro and take your web skills to the next level! https://www.leveluptutorials.com The best web development podcast out there Syntax with Wes Bos and Scott Tolinski https://syntax.fm 🎨 VSCode Theme: https://marketplace.visualstudio.com/items?itemName=leveluptutorials.theme-levelup All of the stuff I use https://www.scotttolinski.com/uses https://www.youtube.com/embed/LS3MH8jTHYc 657 2022-06-28T02:24:51.000Z https://syntax.yabby.page/video/you-need-a-monorepo-client-only-react-tanstack-more 2026-10-15T03:45:40.303Z https://i.ytimg.com/vi/khUwj39q5PU/maxresdefault.jpg You Need a Monorepo × Client Only React × TanStack + More In this potluck episode, Wes and Scott answer your questions about monorepos, fullstack vs. frontend careers, the Node.js ecosystem, zero-sync magic with SvelteKit, and more! 🔥 Be the ~14,700th person to join our super tasty newsletter bit.ly/syntax_snackpack (00:00) - Welcome to Syntax! (00:52) - Brought to you by Sentry.io (02:04) - Are monorepos the answer? (05:46) - Is the Node.js ecosystem a mess? (09:04) - SvelteKit vs PowerSync for micro apps? (13:29) - Adamant? (15:42) -  How do you manage a sync state without TanStack Query in Next.js? (19:48) -  Do you really need a server for a React application or is a Cloudflare worker enough? (23:39) -  How do you load data in SvelteKit? (27:14) - Fullstack vs Frontend career (30:40) - Is there  a better way to track backend changes besides WebSockets? (34:46) - Why does Wes use unique domains vs subdomains for all of his course sites? (38:17) -  Code-based routing vs file-based routing (43:19) - Advice for new web developers (46:43) - Sick Picks + Shameless Plugs All links available at https://syntax.fm/888 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/khUwj39q5PU 3166 2025-03-26T11:01:08.000Z https://syntax.yabby.page/video/you-need-pnpm-patch-to-fix-bugs 2026-10-15T03:45:40.307Z https://i.ytimg.com/vi/TmGFQ1mQFPU/maxresdefault.jpg you need pnpm patch to fix bugs 🔥 Be the ~14,700th person to join our super tasty newsletter bit.ly/syntax_snackpack All links available at https://syntax.fm/870 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/TmGFQ1mQFPU 94 2025-05-01T19:06:21.000Z https://syntax.yabby.page/video/you-need-to-have-an-us-mentality 2026-10-15T03:45:40.311Z https://i.ytimg.com/vi/ZJfNGo-nyZU/maxresdefault.jpg You need to have an 'us' mentality Real Talk on Web Accessibility with Marcy Sutton Todd Marcy Sutton discusses core web accessibility concepts like semantic HTML, keyboard support, and testing methodologies. She also covers advanced ARIA tools, career advice, and emphasizes collaborating with users. ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #accessibility #designer hashtag #webdev #html #testing https://www.youtube.com/embed/ZJfNGo-nyZU 46 2024-10-19T16:07:28.000Z https://syntax.yabby.page/video/you-should-be-using-tailscale 2026-10-15T03:45:40.315Z https://i.ytimg.com/vi/G0sEM9ijkTE/maxresdefault.jpg You Should Be Using Tailscale Links: https://tailscale.com/ https://zed.dev/ DNS settings: https://login.tailscale.com/admin/dns https://opencode.ai/ This is how I have my Openclaw (clawdbot) set up along with my entire dev process. 🔥 Be the ~18,300th person to join our super tasty newsletter https://bit.ly/syntax_snackpack All links available at https://syntax.fm/000 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/G0sEM9ijkTE 1618 2026-02-05T12:00:23.000Z https://syntax.yabby.page/video/you-should-start-thinking-about-module-federation-when-you-have-10-15-parts 2026-10-15T03:45:40.319Z https://i.ytimg.com/vi/EujR3IfWMSc/maxresdefault.jpg you should start thinking about module federation when you have 10-15 parts 💬 Zach Jackson explains ByteDance's web infrastructure and Module Federation which allows dynamically linking parts at runtime 👉 Join the exclusive newsletter - https://syntax.fm/snackpack ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #modulefederation #microfrontends #webinfrastructure #rust #bundlers https://www.youtube.com/embed/EujR3IfWMSc 88 2024-12-20T23:09:14.000Z https://syntax.yabby.page/video/you-should-drop-express-and-try-hono 2026-10-15T03:45:40.324Z https://i.ytimg.com/vi/1XyL9cbFooE/maxresdefault.jpg You Should Drop Express and Try Hono CJ joins Scott and Wes to dive into why he’s all-in on Hono, a fast and lightweight web framework for every JavaScript runtime. From familiar route creation to type-safe middleware, find out how Hono keeps things simple, powerful, and ready to use inside Next.js. Show Notes 00:00 Welcome to Syntax! 00:46 Brought to you by Sentry.io. 01:11 What is Hono? 03:21 Syntax Meetup San Francisco. 04:02 Why I like Hono, and why you should try it. 04:08 Familiar route creation. 05:45 Supports every JS Runtime. 07:00 How a service worker works. 08:48 Helpers. 09:16 Middleware. 10:40 Sentry middleware. 10:55 JSX support. 13:21 Organizing route handlers while keeping Types. 14:24 Type safety. 15:46 Defining base type. 17:36 Validation. 18:52 Hono RPC client. 22:09 Hono inside of Next.js. 23:30 Testing. 25:22 The community. 27:34 Type support. All links available at https://syntax.fm/837 Watch CJ's deep dive into Hono here: https://www.youtube.com/watch?v=sNh9PoM9sUE ------------------------------------------------------------------------------ Hit us up on Socials! Scott: https://twitter.com/stolinski Wes: https://twitter.com/wesbos Randy: https://www.youtube.com/@randyrektor Syntax: https://twitter.com/syntaxfm http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript https://www.youtube.com/embed/1XyL9cbFooE 1773 2024-10-21T11:00:02.000Z https://syntax.yabby.page/video/you-should-use-hono-in-your-next-project 2026-10-15T03:45:40.328Z https://i.ytimg.com/vi/sYZW8TK2IV4/maxresdefault.jpg You Should Use Hono in your Next Project In this video CJ introduces Hono, a web application framework for building backend applications with JavaScript. He shows 5+ reasons why hono is great and why you should try using it in your next app. 00:00 Intro 00:26 Familiar Route Creation 01:12 Type Safety 01:50 Supports Every JS Runtime 02:26 Many Built-in Helpers / Middlewares 03:40 JSX Support 04:11 hono sentry middleware 04:35 Built-in Validation 05:47 OpenAPI with Zod 06:31 OpenAPI Full Example 11:00 Hono RPC Client 12:23 HonoX Meta Framework 12:56 Thanks! Hono | https://hono.dev/ ------------------------------------------------------------------------------ Hit us up on Socials! https://www.syntax.fm/links Brought to you by Sentry - Use code "tastytreats" to get 2 months free - https://sentry.io/syntax #javascript #typescript #backend https://www.youtube.com/embed/sYZW8TK2IV4 827 2024-08-20T15:51:40.000Z https://syntax.yabby.page/video/this-coding-tool-kills-ai-code-slop 2026-10-16T15:45:15.226Z https://i.ytimg.com/vi/XLtuSy1opW4/maxresdefault.jpg This Coding Tool Kills AI Code Slop Scott shows how to use Fallow. A static analysis tool that finds code duplication, unused code and more. https://docs.fallow.tools/ 🔥 Be the ~18,300th person to join our super tasty newsletter https://bit.ly/syntax_snackpack ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #typescript #javascript #webdevelopment #webdeveloper #syntax #syntaxfm #webdev https://www.youtube.com/embed/XLtuSy1opW4 537 2026-04-28T12:00:57.000Z https://syntax.yabby.page/video/madcss-semi-final-breakdown-and-solution 2026-10-15T03:45:40.332Z https://i.ytimg.com/vi/n9z1fqCiTAs/maxresdefault.jpg 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/syntax_snackpack Try out the MadCSS challenges on Synhax: https://synhax.syntax.fm/ 00:00 - intro 00:59 - official solution 07:52 - Wes' Solution 10:18 - Josh Comeau's Solution 11:47 - Scott's Solution 13:32 - thanks! ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #css #html #challenge #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/n9z1fqCiTAs 860 2026-03-31T11:00:00.000Z https://syntax.yabby.page/video/the-biggest-css-web-dev-battle-tournament-ever-round-1-left-bracket 2026-10-15T03:45:40.338Z https://i.ytimg.com/vi/nuxSFTjXrhI/maxresdefault.jpg 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 Play it here: synhax.syntax.fm Follow / subscribe to all of our featured competitors: Shaundai Person @shaundai https://x.com/shaundai https://www.tsforjs.com/ Scott Tolinski @ScottTolinski https://x.com/stolinski Julia Miocene @julia_miocene https://bsky.app/profile/miocene.io Adam Wathan ​@AdamWathan https://x.com/adamwathan https://tailwindcss.com/ Bree Hall @bytesofbree https://x.com/bytesofbree https://www.bytesofbree.com/ Chris Coyier @ShopTalkShow https://x.com/chriscoyier https://codepen.io/ Kyle (Web Dev Simplified) @WebDevSimplified https://x.com/DevSimplified https://courses.webdevsimplified.com/ Jason Langstorf @codetv-dev https://x.com/jlengstorf https://jason.energy/links/ CJ @CodingGarden https://x.com/CodingGarden https://coding.garden/ ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #css #competition #battle #webdevelopment #webdeveloper #syntaxfm #webdev https://www.youtube.com/embed/nuxSFTjXrhI 1499 2026-03-06T15:00:06.000Z https://syntax.yabby.page/video/prompt-battle-recreate-nasa-s-ui-without-coding 2026-10-13T16:15:18.058Z https://i.ytimg.com/vi/zRwK7lmbFR8/maxresdefault.jpg 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 person to join our super tasty newsletter https://bit.ly/syntax_snackpack ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/zRwK7lmbFR8 1138 2026-04-17T12:14:01.000Z https://syntax.yabby.page/video/why-i-chose-electron-over-tauri-and-i-d-do-it-again 2026-10-15T03:45:40.342Z https://i.ytimg.com/vi/vmslGvxObvM/maxresdefault.jpg 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 recording, licensing with Stripe and Keygen, auto-updates, and the real challenges of shipping a polished desktop app. Try v_framer - https://vframer.video/ Fill out your MadCSS bracket before March 6th to win prizes! https://madcss.com/ 🔥 Be the ~18,300th person to join our super tasty newsletter https://bit.ly/syntax_snackpack (00:00) Welcome to Syntax! (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 Tauri - https://v2.tauri.app/ WKWebView - https://developer.apple.com/documentation/webkit/wkwebview Electron - https://www.electronjs.org/ Electrobun - https://blackboard.sh/electrobun Keygen - https://keygen.sh/ All links available at https://syntax.fm/983 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by Sentry.io #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/vmslGvxObvM 2260 2026-03-02T12:01:30.000Z https://syntax.yabby.page/video/no-one-cares-anymore 2026-10-16T12:15:14.776Z https://i.ytimg.com/vi/rQg6B_1P2N4/maxresdefault.jpg No one cares anymore? On this episode, Scott and Wes dig into the messy reality of modern front-end work, from struggling to find skilled devs and navigating team chaos to questioning code quality, testing, and even whether AI is stealing the joy of programming. 🔥 Be the ~19,500th person to join our super tasty newsletter https://bit.ly/syntax_snackpack Show Notes 00:00 Welcome to Syntax 01:06 The Challenge of Finding Skilled Front-End Developers 05:11 Understanding Design Mode and Its Applications 10:33 Navigating Team Dynamics and Code Quality 12:37 The Importance of Testing Strategies 13:39 Learning and Growing as a Developer 18:11 Consolidating Multiple Animation Libraries 21:16 Draw UI with Code Only 22:38 Avoiding Interview Scams 26:40 Embracing Change in Tech Careers 32:21 Why People Don’t Do Software Updates 41:04 AI Kills my Joy of Programming 49:18 Sick Picks + Shameless Plugs All links available at https://syntax.fm/1010 ------------------------------------------------------------------------------ Hit us up on Socials! Syntax: https://x.com/syntaxfm Scott: https://x.com/stolinski Wes: https://x.com/wesbos CJ: https://x.com/CodingGarden Randy: https://www.youtube.com/@randyrektor http://www.syntax.fm Brought to you by https://sentry.io/syntax #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev https://www.youtube.com/embed/rQg6B_1P2N4 3367 2026-06-03T11:00:13.000Z