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. <a id= "Show_Notes_2"></a>Show Notes <ul> <li class="has-line-data" data-line-start="4" data-line-end="5"> <a href="#t=00:00">00:00</a> Welcome to Syntax!</li> <li class="has-line-data" data-line-start="5" data-line-end="6"> <a href="#t=01:04">01:04</a> Best container element for a grid of products?</li> <li class="has-line-data" data-line-start="6" data-line-end="7"> <a href="#t=04:50">04:50</a> TypeScript null checks</li> <li class="has-line-data" data-line-start="7" data-line-end="9"> <a href="#t=09:44">09:44</a> Adapt to AI or get left behind <ul> <li class="has-line-data" data-line-start="8" data-line-end="9"> <a href= "https://syntax.fm/show/870/windsurf-forked-vs-code-to-compete-with-cursor-talking-the-future-of-ai-coding"> Syntax Episode 870</a></li> </ul> </li> <li class="has-line-data" data-line-start="9" data-line-end="16"> <a href="#t=13:13">13:13</a> Why did 3D never take off? <ul> <li class="has-line-data" data-line-start="10" data-line-end="11"> <a href="https://threejs.org/">three.js</a></li> <li class="has-line-data" data-line-start="11" data-line-end="12"> <a href="https://r3f.docs.pmnd.rs/">React Three Fiber</a></li> <li class="has-line-data" data-line-start="12" data-line-end="13"> <a href="https://ca.repfitness.com/products/ares-2-0-builder">Rep Fitness Rack Builder</a></li> <li class="has-line-data" data-line-start="13" data-line-end="14"> <a href="https://maximeheckel.com/">Maxime Heckel</a></li> <li class="has-line-data" data-line-start="14" data-line-end="15"> <a href="https://githubuniverse.com/">GitHub Universe</a></li> <li class="has-line-data" data-line-start="15" data-line-end="16"> <a href="https://immersive-web.github.io/model-element/">The element</a></li> </ul> </li> <li class="has-line-data" data-line-start="16" data-line-end="18"> <a href="#t=18:53">18:53</a> Podcast audio and video in one feed? <ul> <li class="has-line-data" data-line-start="17" data-line-end="18"> <a href="https://whosmarted.com/">Who Smarted?</a></li> </ul> </li> <li class="has-line-data" data-line-start="18" data-line-end="19"> <a href="#t=21:06">21:06</a> Brought to you buy <a href="https://sentry.io">Sentry.io</a></li> <li class="has-line-data" data-line-start="19" data-line-end="25"> <a href="#t=22:30">22:30</a> Best and worst browsers for web dev? <ul> <li class="has-line-data" data-line-start="20" data-line-end="21"> <a href="https://www.mozilla.org/en-US/firefox">Firefox</a></li> <li class="has-line-data" data-line-start="21" data-line-end="22"> <a href="https://www.microsoft.com/en-us/edge">Edge</a></li> <li class="has-line-data" data-line-start="22" data-line-end="23"> <a href="https://www.google.com/chrome">Chrome</a></li> <li class="has-line-data" data-line-start="23" data-line-end="24"> <a href="https://arc.net/">Arc</a></li> <li class="has-line-data" data-line-start="24" data-line-end="25"> <a href="https://www.apple.com/safari">Safari</a></li> </ul> </li> <li class="has-line-data" data-line-start="25" data-line-end="27"> <a href="#t=27:39">27:39</a> Why use a lock file for managing dependency versions <ul> <li class="has-line-data" data-line-start="26" data-line-end="27"> <a href="https://www.youtube.com/watch?v=eZ0IHGhgIGg">Don’t gitignore your lock files!</a></li> </ul> </li> <li class="has-line-data" data-line-start="27" data-line-end="29"> <a href="#t=30:34">30:34</a> Should you build your own sync engine? <ul> <li class="has-line-data" data-line-start="28" data-line-end="29"> <a href="https://github.com/stolinski/the-break">Scott’s Naive Sync Example</a></li> </ul> </li> <li class="has-line-data" data-line-start="29" data-line-end="31"> <a href="#t=34:21">34:21</a> Best practices when starting a new project from scratch <ul> <li class="has-line-data" data-line-start="30" data-line-end="31"> <a href="https://habitpath.io/">Habit Path</a></li> </ul> </li> <li class="has-line-data" data-line-start="31" data-line-end="33"> <a href="#t=38:33">38:33</a> How to deploy a SvelteKit app on something other than Vercel or Netlify <ul> <li class="has-line-data" data-line-start="32" data-line-end="33"> <a href="https://www.youtube.com/watch?v=taJlPG82Ucw">Coolify Crash Course</a></li> </ul> </li> <li class="has-line-data" data-line-start="33" data-line-end="34"> <a href="#t=42:54">42:54</a> The reality of online opinions in tech</li> <li class="has-line-data" data-line-start="34" data-line-end="35"> <a href="#t=48:10">48:10</a> Spending $120k on an app idea</li> <li class="has-line-data" data-line-start="35" data-line-end="37"> <a href="#t=54:12">54:12</a> Sick Picks + Shameless Plugs</li> </ul> <a id="Sick_Picks_37"></a>Sick Picks <ul> <li class="has-line-data" data-line-start="39" data-line-end="40"> Scott: <a href="https://mymind.com/">My Mind</a></li> <li class="has-line-data" data-line-start="40" data-line-end="42"> Wes: <a href="https://amzn.to/4h8Rnid">Metal Detector</a></li> </ul> <a id="Shameless_Plugs_42"></a>Shameless Plugs <ul> <li class="has-line-data" data-line-start="44" data-line-end="46"> Scott: <a href="https://www.youtube.com/@syntaxfm">Syntax on YouTube</a></li> </ul> <a id="Hit_us_up_on_Socials_46"></a>Hit us up on Socials! Syntax: <a href="https://twitter.com/syntaxfm">X</a> <a href= "https://www.instagram.com/syntax_fm/">Instagram</a> <a href= "https://www.tiktok.com/@syntaxfm">Tiktok</a> <a href= "https://www.linkedin.com/company/96077407/admin/feed/posts/">LinkedIn</a> <a href="https://www.threads.net/@syntax_fm">Threads</a> Wes: <a href="https://twitter.com/wesbos">X</a> <a href= "https://www.instagram.com/wesbos/">Instagram</a> <a href= "https://www.tiktok.com/@wesbos">Tiktok</a> <a href= "https://www.linkedin.com/in/wesbos/">LinkedIn</a> <a href= "https://www.threads.net/@wesbos">Threads</a> Scott: <a href="https://twitter.com/stolinski">X</a> <a href= "https://www.instagram.com/stolinski/">Instagram</a> <a href= "https://www.tiktok.com/@stolinski">Tiktok</a> <a href= "https://www.linkedin.com/in/stolinski/">LinkedIn</a> <a href= "https://www.threads.net/@stolinski">Threads</a> Randy: <a href="https://twitter.com/randyrektor">X</a> <a href= "https://www.instagram.com/randyrektor/">Instagram</a> <a href= "https://www.youtube.com/@randyrektor">YouTube</a> <a href= "https://www.threads.net/@randyrektor">Threads</a>

Podurama

Home

Trending

Personal

Your Podcasts

New Episodes

My Files

Favourite Episodes

Tags (Folders)

Recently Played

Bookmarks

Followed Playlists

872: Too much AI × Disappointed in Firefox × Planning New Projects × Hard Truths

Syntax - Tasty Web Development Treats

AI Chapters

AI Insights

Reviews