685: Jason Lengstorf on Live Streaming, Creating Content, and Building a Studio Space

<p class="has-line-data">In this supper club episode of Syntax, Wes and Scott talk with Jason Lengstorf about his journey in video creation, live streaming, and tech education. What’s up with Jason’s new studio? How does he prep for a live stream?</p> <a id="Show_Notes_2"></a>Show Notes <ul> <li class="has-line-data"> <a href="#t=00:32">00:32</a> Welcome</li> <li class="has-line-data"> <a href="#t=02:21">02:21</a> Syntax Brought to you by Sentry</li> <li class="has-line-data"> <a href="#t=02:39">02:39</a> Who is Jason Lengstorf?</li> <li class="has-line-data"> <a href="#t=05:43">05:43</a> Why did you decide to go full time on Learn with Jason?</li> <li class="has-line-data"> <a href="#t=10:04">10:04</a> Jason’s new YouTube series idea</li> <li class="has-line-data"> <a href="#t=13:36">13:36</a> Jason gets a special delivery</li> <li class="has-line-data"> <a href="#t=14:30">14:30</a> What’s in Jason’s new studio?</li> <li class="has-line-data"> <a href="#t=20:14">20:14</a> What’s the ideal medium for content in 2023?</li> <li class="has-line-data"> <a href="#t=24:28">24:28</a> Treat decisions as forever, for now.</li> <li class="has-line-data"> <a href="#t=26:01">26:01</a> Is live streaming as difficult to get into as it seems?</li> <li class="has-line-data"> <a href="#t=29:21">29:21</a> How do you prepare for a live stream?</li> <li class="has-line-data"> <a href="#t=32:58">32:58</a> How do you decide what to create?</li> <li class="has-line-data"> <a href="#t=38:23">38:23</a> How do you feel about React?</li> <li class="has-line-data"> <a href="#t=40:21">40:21</a> What are your thoughts on AI?</li> <li class="has-line-data"> <a href="#t=49:08">49:08</a> Supper Club questions</li> <li class="has-line-data"> <a href="#t=56:25">56:25</a> Sick Picks</li> </ul> <ul> <li class="has-line-data"> <a href="https://sarah.dev/">Sarah Drasner’s Site</a></li> <li class="has-line-data"> <a href="https://www.youtube.com/watch?v=vxCWZlVLEcY">Animation With Svelte (with Scott Tolinski) — Learn With Jason</a></li> <li class="has-line-data"> <a href="https://www.gatsbyjs.com/">Gatsby</a></li> <li class="has-line-data"> <a href="https://www.netlify.com/">Netlify</a></li> <li class="has-line-data"> <a href="https://www.youtube.com/jessicakobeissi">Jessica Kobeissi</a></li> <li class="has-line-data"> <a href="https://www.youtube.com/channel/UCdcemy56JtVTrsFIOoqvV8g">ANDREW HUANG</a></li> <li class="has-line-data"> <a href="https://t3.gg/">Theo Browne</a></li> <li class="has-line-data"> <a href="https://cassidoo.co/">Cassidy Williams</a></li> <li class="has-line-data"> <a href="https://bytes.dev/">Bytes - The Best JavaScript Newsletter</a></li> <li class="has-line-data"> <a href="https://www.zsa.io/moonlander/">ZSA Moonlander:</a></li> <li class="has-line-data"> <a href="https://ergodox-ez.com/">ErgoDox EZ</a></li> <li class="has-line-data"> <a href="https://www.typography.com/fonts/operator/overview/">Operator Fonts</a></li> <li class="has-line-data"> <a href="https://marketplace.visualstudio.com/items?itemName=sdras.night-owl"> Night Owl</a></li> <li class="has-line-data"> <a href="https://vscodethemes.com/e/syntaxfm.syntaxfm/syntax-fm">SyntaxFM by SyntaxFM</a></li> <li class="has-line-data"> <a href="https://mass-driver.com/typefaces/md-io">MD IO</a></li> <li class="has-line-data"> <a href="https://www.sony.ca/en/interchangeable-lens-cameras/products/ilme-fx3"> ILME-FX3 | Interchangeable-lens Cameras</a></li> <li class="has-line-data"> <a href="https://www.sony.ca/en/electronics/camera-lenses/sel2470gm">FE 24-70 mm F2.8 GM</a></li> </ul> <a id="Sick_Picks_40"></a>Sick Picks <ul> <li class="has-line-data"> <a href="https://symless.com/synergy">Synergy - Share one mouse & keyboard across computers</a></li> </ul> <a id="Shameless_Plugs_44"></a>Shameless Plugs <p class="has-line-data"> <a href="https://www.learnwithjason.dev/">LearnWithJason.dev: Learn. Build. Grow. Together.</a></p> <a id="Hit_us_up_on_Socials_48"></a>Hit us up on Socials! <p class="has-line-data"> 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></p> <p class="has-line-data"> 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></p> <p class="has-line-data"> 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></p>

00:58:28

684: Spooky Coding Horror Stories 2023 - Part 2

<p class="has-line-data">In this episode of Syntax, Wes and Scott relate even more spooky listener submitted coding horrors including crypto copy paste, Big Brother bug, losing $50,000, 2,000 SMS, a $20,000 hour, and more.</p> <a id="Show_Notes_2"></a>Show Notes <ul> <li class="has-line-data"> <a href="#t=00:09">00:09</a> Velcome to Synax</li> <li class="has-line-data"> <a href="#t=01:09">01:09</a> Syntax Brought to you by Sentry</li> <li class="has-line-data"> <a href="#t=01:36">01:36</a> Stories are anonymous!</li> <li class="has-line-data"> <a href="#t=01:57">01:57</a> Crypto copy + paste</li> <li class="has-line-data"> <a href="#t=03:48">03:48</a> Big Brother Bug</li> <li class="has-line-data"> <a href="#t=07:00">07:00</a> One of 6 laptops that can fix npm</li> <li class="has-line-data"> <a href="#t=07:57">07:57</a> Auto-submitting payments</li> <li class="has-line-data"> <a href="#t=09:42">09:42</a> 40,000 orders shipped and refunded</li> <li class="has-line-data"> <a href="#t=11:16">11:16</a> Dropping the analytics database</li> <li class="has-line-data"> <a href="#t=11:40">11:40</a> dev was actually production</li> <li class="has-line-data"> <a href="#t=12:40">12:40</a> Updating the DNS</li> <li class="has-line-data"> <a href="#t=13:40">13:40</a> Losing ~$50,000</li> <li class="has-line-data"> <a href="#t=15:30">15:30</a> Clearing 80 million records</li> <li class="has-line-data"> <a href="#t=16:21">16:21</a> Web chat DDoS</li> <li class="has-line-data"> <a href="#t=18:00">18:00</a> URL Shortener #$@%#</li> <li class="has-line-data"> <a href="https://www.cp24.com/news/these-are-ontario-s-rejected-licence-plates-from-2022-1.6217558"> Ontario’s rejected licence plates for 2022 | CP24.com</a></li> <li class="has-line-data"> <a href="https://www.boontavista.com/">Boonta Vista: A “political” podcast for “smart” people</a></li> <li class="has-line-data"> <a href="#t=21:12">21:12</a> Sending an email to 20,000 users</li> <li class="has-line-data"> <a href="#t=21:42">21:42</a> Moving code to GitHub</li> <li class="has-line-data"> <a href="#t=23:32">23:32</a> “Lorem sale”</li> <li class="has-line-data"> <a href="#t=26:08">26:08</a> 2,000 SMS messages</li> <li class="has-line-data"> <a href="#t=27:00">27:00</a> International shipment of kiosks</li> <li class="has-line-data"> <a href="#t=28:19">28:19</a> Crashing production</li> <li class="has-line-data"> <a href="https://docs.sentry.io/product/issues/issue-details/performance-issues/slow-db-queries/"> Slow DB Queries | Sentry Documentation</a></li> <li class="has-line-data"> <a href="#t=31:01">31:01</a> Hitting customers credit card limit</li> <li class="has-line-data"> <a href="#t=32:01">32:01</a> Infinite redirect loop</li> <li class="has-line-data"> <a href="#t=32:53">32:53</a> My first commit</li> <li class="has-line-data"> <a href="#t=33:23">33:23</a> Augmented reality game prize mistakes</li> <li class="has-line-data"> <a href="#t=35:15">35:15</a> A $20,000 hour</li> <li class="has-line-data"> <a href="#t=35:57">35:57</a> Site went down for 3 days</li> <li class="has-line-data"> <a href="#t=37:42">37:42</a> Accidentally truncated the prod database</li> <li class="has-line-data"> <a href="#t=38:48">38:48</a> Off by one error</li> <li class="has-line-data"> <a href="#t=40:05">40:05</a> Exposing database credentials</li> <li class="has-line-data"> <a href="#t=42:08">42:08</a> Delete a temp directory on prod</li> <li class="has-line-data"> <a href="#t=44:51">44:51</a> SIIIIICK ××× PIIIICKS ×××</li> </ul> <a id="_SIIIIICK__PIIIICKS__40"></a>××× SIIIIICK ××× PIIIICKS ××× <ul> <li class="has-line-data"> Scott: <a href="https://www.netflix.com/browse/genre/34399?jbv=81517219">Race to the Summit</a></li> <li class="has-line-data"> Wes: <a href="https://www.amazon.ca/dp/B0CDH1BGS1?crid=PCR6UZRJ5ZTG&keywords=100lb+magnet&sprefix=100lb+magnet,aps,107&th=1&language=en_US&sr=8-5&linkCode=gs2&linkId=49131cd489767398fb3486d6edbe91fd&tag=isi777-20"> 100LBS Strong Magnetic Hooks</a></li> </ul> <a id="Shameless_Plugs_45"></a>Shameless Plugs <ul> <li class="has-line-data"> Scott: <a href="https://sentry.io">Sentry</a></li> <li class="has-line-data"> Wes: <a href="https://wesbos.com/courses">Wes Bos Tutorials</a></li> </ul> <a id="Tweet_us_your_tasty_treats_50"></a>Tweet us your tasty treats <ul> <li class="has-line-data"> <a href="https://www.instagram.com/stolinski/">Scott’s Instagram</a></li> <li class="has-line-data"> <a href="https://www.instagram.com/LevelUpTutorials/">LevelUpTutorials Instagram</a></li> <li class="has-line-data"> <a href="https://www.instagram.com/wesbos/">Wes’ Instagram</a></li> <li class="has-line-data"> <a href="https://twitter.com/wesbos">Wes’ Twitter</a></li> <li class="has-line-data"> <a href="https://www.facebook.com/wesbos.developer">Wes’ Facebook</a></li> <li class="has-line-data"> <a href="https://twitter.com/stolinski">Scott’s Twitter</a></li> <li class="has-line-data"> Make sure to include <a href="https://twitter.com/SyntaxFM">@SyntaxFM</a> in your tweets</li> <li class="has-line-data"> <a href="https://bsky.app/profile/wesbos.com">Wes Bos on Bluesky</a></li> <li class="has-line-data"> <a href="https://bsky.app/profile/tolin.ski">Scott on Bluesky</a></li> <li class="has-line-data"> <a href="https://bsky.app/profile/syntax.fm">Syntax on Bluesky</a></li> </ul>

00:50:30

683: Spooky Coding Horror Stories 2023 - Part 1

<p class="has-line-data">In this Hasty Treat, Scott and Wes relate some spooky listener submitted coding horrors including updates for a large furniture retailer, pull request oversights, disallowing everything in a robots.txt, massive email fail, and more.</p> <a id="Show_Notes_2"></a>Show Notes <ul> <li class="has-line-data"> <a href="#t=00:21">00:21</a> Welcome</li> <li class="has-line-data"> <a href="#t=01:22">01:22</a> Whetting your whistle</li> <li class="has-line-data"> <a href="#t=01:52">01:52</a> Syntax Brought to you by Sentry</li> <li class="has-line-data"> <a href="#t=02:13">02:13</a> Site updates for one of the largest furniture retailers in my country</li> <li class="has-line-data"> <a href="#t=04:18">04:18</a> The Embarrassing Test Page Incident</li> <li class="has-line-data"> <a href="#t=05:54">05:54</a> The Pull Request Oversight</li> <li class="has-line-data"> <a href="#t=08:02">08:02</a> Making changes to a JSON file</li> <li class="has-line-data"> <a href="#t=13:11">13:11</a> Deploying a “disallow everything” robots.txt</li> <li class="has-line-data"> <a href="#t=14:45">14:45</a> GDPR Deletion</li> <li class="has-line-data"> <a href="#t=16:11">16:11</a> Dropping the backing disk for the production postgres</li> <li class="has-line-data"> <a href="#t=17:05">17:05</a> Accidentally pushing staging code as an update</li> <li class="has-line-data"> <a href="#t=18:34">18:34</a> Email fail</li> <li class="has-line-data"> <a href="#t=19:25">19:25</a> Hot mobile app prayers</li> <li class="has-line-data"> <a href="#t=22:28">22:28</a> Bogus ACH info</li> <li class="has-line-data"> <a href="#t=23:51">23:51</a> Wiring money error</li> <li class="has-line-data"> <a href="#t=26:44">26:44</a> Payment gateway test not production</li> </ul> <a id="Tweet_us_your_tasty_treats_21"></a>Tweet us your tasty treats <ul> <li class="has-line-data"> <a href="https://www.instagram.com/stolinski/">Scott’s Instagram</a></li> <li class="has-line-data"> <a href="https://www.instagram.com/LevelUpTutorials/">LevelUpTutorials Instagram</a></li> <li class="has-line-data"> <a href="https://www.instagram.com/wesbos/">Wes’ Instagram</a></li> <li class="has-line-data"> <a href="https://twitter.com/wesbos">Wes’ Twitter</a></li> <li class="has-line-data"> <a href="https://www.facebook.com/wesbos.developer">Wes’ Facebook</a></li> <li class="has-line-data"> <a href="https://twitter.com/stolinski">Scott’s Twitter</a></li> <li class="has-line-data"> Make sure to include <a href="https://twitter.com/SyntaxFM">@SyntaxFM</a> in your tweets</li> <li class="has-line-data"> <a href="https://bsky.app/profile/wesbos.com">Wes Bos on Bluesky</a></li> <li class="has-line-data"> <a href="https://bsky.app/profile/tolin.ski">Scott on Bluesky</a></li> <li class="has-line-data"> <a href="https://bsky.app/profile/syntax.fm">Syntax on Bluesky</a></li> </ul>

00:31:53

Design Systems with Brad Frost

<p class="has-line-data">In this supper club episode of Syntax, 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.</p> <a id="Show_Notes_2"></a>Show Notes <ul> <li class="has-line-data"> <a href="#t=00:32">00:32</a> Welcome</li> <li class="has-line-data"> <a href="#t=01:02">01:02</a> Syntax Brought to you by Sentry</li> <li class="has-line-data"> <a href="#t=01:34">01:34</a> Introducing Brad Frost</li> <li class="has-line-data"> <a href="https://bradfrost.com/">Brad Frost.com</a></li> <li class="has-line-data"> <a href="https://atomicdesign.bradfrost.com/">Atomic Design by Brad Frost</a></li> <li class="has-line-data"> <a href="https://twitter.com/brad_frost">Brad (@brad_frost) on Twitter</a></li> <li class="has-line-data"> <a href="https://www.linkedin.com/in/bradfrost/">Brad on LinkedIn</a></li> <li class="has-line-data"> <a href="https://mastodon.social/@brad_frost">Brad on Mastodon</a></li> <li class="has-line-data"> <a href="https://www.youtube.com/@brad_frost">Brad on YouTube</a></li> <li class="has-line-data"> <a href="https://github.com/bradfrost">Brad on GitHub</a></li> <li class="has-line-data"> <a href="https://codepen.io/bradfrost/">Brad Frost on CodePen</a></li> <li class="has-line-data"> <a href="https://bigmedium.com/">Big Medium | Design for What’s Next</a></li> <li class="has-line-data"> <a href="#t=06:43">06:43</a> What is a design system?</li> <li class="has-line-data"> <a href="#t=12:12">12:12</a> How do you keep design and code in sync?</li> <li class="has-line-data"> <a href="https://m3.material.io/">Material Design</a></li> <li class="has-line-data"> <a href="https://polaris.shopify.com/">Shopify Polaris</a></li> <li class="has-line-data"> <a href="https://carbondesignsystem.com/">Carbon Design System</a></li> <li class="has-line-data"> <a href="https://bradfrost.com/blog/post/the-design-system-ecosystem/">The Design System Ecosystem | Brad Frost</a></li> <li class="has-line-data"> <a href="#t=16:13">16:13</a> How do you use Shopify, WordPress, React, etc. through a design system?</li> <li class="has-line-data"> <a href="#t=19:41">19:41</a> How is CSS handled?</li> <li class="has-line-data"> <a href="#t=25:40">25:40</a> What’s the benefit of going all in on web components?</li> <li class="has-line-data"> <a href="#t=29:13">29:13</a> Do small startups need to worry about design systems?</li> <li class="has-line-data"> <a href="#t=33:03">33:03</a> How do design tokens work?</li> <li class="has-line-data"> <a href="#t=38:17">38:17</a> How do you deal with pushback on design systems?</li> <li class="has-line-data"> <a href="#t=41:46">41:46</a> How do you go outside the guidelines?</li> <li class="has-line-data"> <a href="#t=45:24">45:24</a> What system do you use for naming things?</li> <li class="has-line-data"> <a href="#t=49:34">49:34</a> How do you best document your language choices?</li> <li class="has-line-data"> <a href="#t=51:09">51:09</a> Supper Club questions</li> <li class="has-line-data"> <a href="https://www.amazon.com/Thinking-Systems-Donella-H-Meadows/dp/1603580557"> Thinking in Systems: International Bestseller: Donella H. Meadows, Diana Wright: 9781603580557: Amazon.com: Books</a></li> <li class="has-line-data"> <a href="https://www.miriamsuzanne.com/">Miriam Eric Suzanne</a></li> <li class="has-line-data"> <a href="https://www.zeldman.com/">Zeldman on Web and Interaction Design - Famous for stating the obvious.</a></li> <li class="has-line-data"> <a href="#t=57:54">57:54</a> SIIIIICK ××× PIIIICKS ×××</li> </ul> <a id="_SIIIIICK__PIIIICKS__37"></a>××× SIIIIICK ××× PIIIICKS ××× <ul> <li class="has-line-data"> <a href="https://en.wikipedia.org/wiki/Rubblebucket">Rubblebucket</a></li> </ul> <a id="Shameless_Plugs_41"></a>Shameless Plugs <ul> <li class="has-line-data"> <a href="https://bradfrost.com/blog/post/frostapalooza/">Frostapalooza! | Brad Frost</a></li> <li class="has-line-data"> <a href="https://40.bradfrost.com/">FROSTAPALOOZA - A Concert Party Happening On August 17th 2024</a></li> </ul> <a id="Tweet_us_your_tasty_treats_46"></a>Tweet us your tasty treats <ul> <li class="has-line-data"> <a href="https://www.instagram.com/stolinski/">Scott’s Instagram</a></li> <li class="has-line-data"> <a href="https://www.instagram.com/LevelUpTutorials/">LevelUpTutorials Instagram</a></li> <li class="has-line-data"> <a href="https://www.instagram.com/wesbos/">Wes’ Instagram</a></li> <li class="has-line-data"> <a href="https://twitter.com/wesbos">Wes’ Twitter</a></li> <li class="has-line-data"> <a href="https://www.facebook.com/wesbos.developer">Wes’ Facebook</a></li> <li class="has-line-data"> <a href="https://twitter.com/stolinski">Scott’s Twitter</a></li> <li class="has-line-data"> Make sure to include <a href="https://twitter.com/SyntaxFM">@SyntaxFM</a> in your tweets</li> <li class="has-line-data"> <a href="https://bsky.app/profile/wesbos.com">Wes Bos on Bluesky</a></li> <li class="has-line-data"> <a href="https://bsky.app/profile/tolin.ski">Scott on Bluesky</a></li> <li class="has-line-data"> <a href="https://bsky.app/profile/syntax.fm">Syntax on Bluesky</a></li> </ul>

00:59:44

681: What's New in AI for Web Developers

<p class="has-line-data">In this episode of Syntax, Wes and Scott talk through recent developments in AI and how they might be useful for developers, whether AI is still worthy of the hype, and whether developer jobs are at risk from AI.</p> <a id="Show_Notes_2"></a>Show Notes <ul> <li class="has-line-data"> <a href="#t=00:10">00:10</a> Welcome</li> <li class="has-line-data"> <a href="#t=03:10">03:10</a> Syntax Brought to you by Sentry</li> <li class="has-line-data"> <a href="#t=03:49">03:49</a> v0.dev</li> <li class="has-line-data"> <a href="https://v0.dev/">v0 by Vercel</a></li> <li class="has-line-data"> <a href="#t=09:28">09:28</a> Anthropic and Claude</li> <li class="has-line-data"> <a href="https://claude.ai/">Claude</a></li> <li class="has-line-data"> <a href="https://wcqk05xik6u.typeform.com/to/gN54Y7kd">Syntax Listener Survey</a></li> <li class="has-line-data"> <a href="#t=18:02">18:02</a> Facebook’s Meta AI</li> <li class="has-line-data"> <a href="https://ai.meta.com/">AI at Meta</a></li> <li class="has-line-data"> <a href="#t=18:48">18:48</a> Cloudflare AI</li> <li class="has-line-data"> <a href="https://developers.cloudflare.com/workers-ai/models/llm/">Large language model (LLM)</a></li> <li class="has-line-data"> <a href="https://developers.cloudflare.com/workers-ai/models/speech-to-text/"> Speech to text</a></li> <li class="has-line-data"> <a href="https://developers.cloudflare.com/workers-ai/models/translation/">Translation</a></li> <li class="has-line-data"> <a href="https://developers.cloudflare.com/workers-ai/models/sentiment-analysis/"> Sentiment Analysis</a></li> <li class="has-line-data"> <a href="https://developers.cloudflare.com/workers-ai/models/image-classification/"> Image classification</a></li> <li class="has-line-data"> <a href="https://developers.cloudflare.com/workers-ai/models/embedding/">Embedding</a></li> <li class="has-line-data"> <a href="#t=27:24">27:24</a> AI Hardware announced</li> <li class="has-line-data"> <a href="https://www.rewind.ai/">Rewind</a></li> <li class="has-line-data"> <a href="#t=29:39">29:39</a> Cloudflare Hugging face</li> <li class="has-line-data"> <a href="https://huggingface.co/">Hugging Face – The AI community building the future.</a></li> <li class="has-line-data"> <a href="https://huggingface.co/blog/starcoder">StarCoder: A State-of-the-Art LLM for Code</a></li> <li class="has-line-data"> <a href="https://blog.cloudflare.com/vectorize-vector-database-open-beta/">Vectorize: a vector database for shipping AI-powered applications</a></li> <li class="has-line-data"> <a href="#t=36:28">36:28</a> OpenAI Function calling</li> <li class="has-line-data"> <a href="https://openai.com/blog/function-calling-and-other-api-updates">Function calling and other API updates</a></li> <li class="has-line-data"> <a href="#t=38:55">38:55</a> GPT-4V</li> <li class="has-line-data"> <a href="https://openai.com/research/gpt-4v-system-card">GPT-4V(ision) system card</a></li> <li class="has-line-data"> <a href="#t=42:36">42:36</a> GitHub CoPilot</li> <li class="has-line-data"> <a href="#t=44:03">44:03</a> Are we still on the AI hype train?</li> <li class="has-line-data"> <a href="#t=48:27">48:27</a> Are our jobs at risk as developers?</li> <li class="has-line-data"> <a href="#t=52:24">52:24</a> Spotify DJ AI</li> <li class="has-line-data"> <a href="https://newsroom.spotify.com/2023-02-22/spotify-debuts-a-new-ai-dj-right-in-your-pocket/"> Spotify Debuts a New AI DJ</a></li> <li class="has-line-data"> <a href="#t=53:29">53:29</a> ChatGPT plugins</li> <li class="has-line-data"> <a href="https://openai.com/blog/chatgpt-plugins">ChatGPT plugins</a></li> <li class="has-line-data"> <a href="#t=55:19">55:19</a> SIIIIICK ××× PIIIICKS ×××</li> </ul> <a id="_SIIIIICK__PIIIICKS__39"></a>××× SIIIIICK ××× PIIIICKS ××× <ul> <li class="has-line-data"> Scott: <a href="https://codespark.com/">Coding App for Kids | codeSpark Academy</a></li> <li class="has-line-data"> Wes: <a href="https://www.youtube.com/channel/UC3Vuq4Q1bKFtAiKYlwRv3oA">Peter Santenello</a>, <a href="https://www.roblox.com/">Roblox</a></li> </ul> <a id="Shameless_Plugs_44"></a>Shameless Plugs <ul> <li class="has-line-data"> Scott: <a href="https://sentry.io">Sentry</a></li> <li class="has-line-data"> Wes: <a href="https://wesbos.com/courses">Wes Bos Tutorials</a></li> </ul> <a id="Tweet_us_your_tasty_treats_49"></a>Tweet us your tasty treats <ul> <li class="has-line-data"> <a href="https://www.instagram.com/stolinski/">Scott’s Instagram</a></li> <li class="has-line-data"> <a href="https://www.instagram.com/LevelUpTutorials/">LevelUpTutorials Instagram</a></li> <li class="has-line-data"> <a href="https://www.instagram.com/wesbos/">Wes’ Instagram</a></li> <li class="has-line-data"> <a href="https://twitter.com/wesbos">Wes’ Twitter</a></li> <li class="has-line-data"> <a href="https://www.facebook.com/wesbos.developer">Wes’ Facebook</a></li> <li class="has-line-data"> <a href="https://twitter.com/stolinski">Scott’s Twitter</a></li> <li class="has-line-data"> Make sure to include <a href="https://twitter.com/SyntaxFM">@SyntaxFM</a> in your tweets</li> <li class="has-line-data"> <a href="https://bsky.app/profile/wesbos.com">Wes Bos on Bluesky</a></li> <li class="has-line-data"> <a href="https://bsky.app/profile/tolin.ski">Scott on Bluesky</a></li> <li class="has-line-data"> <a href="https://bsky.app/profile/syntax.fm">Syntax on Bluesky</a></li> </ul>

01:00:33

680: Getting jQuery’d × Honourable Deaths of libraries We Don’t Use Anymore

<p class="has-line-data">In this Hasty Treat, Scott and Wes talk about all the libraries we don’t need to use anymore thanks to their features being built into the browsers now.</p> <a id="Show_Notes_2"></a>Show Notes <ul> <li class="has-line-data"> <a href="#t=00:24">00:24</a> Welcome</li> <li class="has-line-data"> <a href="#t=01:55">01:55</a> Syntax Brought to you by Sentry</li> <li class="has-line-data"> <a href="#t=02:17">02:17</a> Why did people use jQuery?</li> <li class="has-line-data"> <a href="https://jquery.com/">jQuery</a></li> <li class="has-line-data"> <a href="https://github.com/lukeed/polka">lukeed/polka: A micro web server so fast, it’ll make you dance!</a></li> <li class="has-line-data"> <a href="#t=05:12">05:12</a> Writing our own jQuery plugins</li> <li class="has-line-data"> <a href="#t=07:23">07:23</a> AJAX requests</li> <li class="has-line-data"> <a href="https://api.jquery.com/jquery.ajax/">jQuery.ajax()</a></li> <li class="has-line-data"> <a href="#t=08:29">08:29</a> Express</li> <li class="has-line-data"> <a href="https://expressjs.com/en/guide/migrating-5.html">Migrating to Express 5</a></li> <li class="has-line-data"> <a href="#t=14:58">14:58</a> Underscore.JS</li> <li class="has-line-data"> <a href="https://underscorejs.org/">Underscore.js</a></li> <li class="has-line-data"> <a href="#t=19:27">19:27</a> Require.js</li> <li class="has-line-data"> <a href="https://requirejs.org/">RequireJS</a></li> <li class="has-line-data"> <a href="#t=21:06">21:06</a> LeftPad</li> <li class="has-line-data"> <a href="https://arstechnica.com/information-technology/2016/03/rage-quit-coder-unpublished-17-lines-of-javascript-and-broke-the-internet/"> Coder unpublished 17 lines of JavaScript and “broke the Internet” | Ars Technica</a></li> <li class="has-line-data"> <a href="#t=23:13">23:13</a> Grid systems</li> <li class="has-line-data"> <a href="https://960.gs/">960 Grid System</a></li> <li class="has-line-data"> <a href="https://www.oddbird.net/susy/">Susy | OddBird</a></li> <li class="has-line-data"> <a href="#t=26:24">26:24</a> Sass, Less, etc.</li> <li class="has-line-data"> <a href="https://syntax.fm/show/603/can-vanilla-css-replace-sass-yet">Can Vanilla CSS Replace Sass Yet? — Syntax Podcast 603</a></li> <li class="has-line-data"> <a href="#t=26:58">26:58</a> <a href="http://Sockets.io">Sockets.io</a></li> <li class="has-line-data"> <a href="https://socket.io/">Socket.IO</a></li> <li class="has-line-data"> <a href="#t=29:50">29:50</a> What else is going to get jQuery’d?</li> </ul> <a id="Tweet_us_your_tasty_treats_29"></a>Tweet us your tasty treats <ul> <li class="has-line-data"> <a href="https://www.instagram.com/stolinski/">Scott’s Instagram</a></li> <li class="has-line-data"> <a href="https://www.instagram.com/LevelUpTutorials/">LevelUpTutorials Instagram</a></li> <li class="has-line-data"> <a href="https://www.instagram.com/wesbos/">Wes’ Instagram</a></li> <li class="has-line-data"> <a href="https://twitter.com/wesbos">Wes’ Twitter</a></li> <li class="has-line-data"> <a href="https://www.facebook.com/wesbos.developer">Wes’ Facebook</a></li> <li class="has-line-data"> <a href="https://twitter.com/stolinski">Scott’s Twitter</a></li> <li class="has-line-data"> Make sure to include <a href="https://twitter.com/SyntaxFM">@SyntaxFM</a> in your tweets</li> <li class="has-line-data"> <a href="https://bsky.app/profile/wesbos.com">Wes Bos on Bluesky</a></li> <li class="has-line-data"> <a href="https://bsky.app/profile/tolin.ski">Scott on Bluesky</a></li> <li class="has-line-data"> <a href="https://bsky.app/profile/syntax.fm">Syntax on Bluesky</a></li> </ul>

00:32:16

679: Creator of Swift, Tesla Autopilot & Tensorflow. New AI language Mojo with Chris Lattner

<p class="has-line-data">In this supper club episode of Syntax, Wes and Scott talk with Chris Lattner about Mojo, a new programming language for AI developers. Should developers learn Python? Where does Mojo run? What is Chris excited about in AI’s future?</p> <a id="Show_Notes_2"></a>Show Notes <ul> <li class="has-line-data"> <a href="#t=00:31">00:31</a> Welcome</li> <li class="has-line-data"> <a href="#t=01:05">01:05</a> Introducing Chris Lattner</li> <li class="has-line-data"> <a href="https://www.nondot.org/sabre/">Chris Lattner’s Homepage</a></li> <li class="has-line-data"> <a href="https://en.wikipedia.org/wiki/Chris_Lattner">Chris Lattner on Wikipedia</a></li> <li class="has-line-data"> <a href="https://github.com/lattner">Chris Lattner on GitHub</a></li> <li class="has-line-data"> <a href="https://twitter.com/clattner_llvm?lang=en">Chris Lattner on Twitter</a></li> <li class="has-line-data"> <a href="https://twitter.com/Modular_AI">Modular (@Modular_AI) / X</a></li> <li class="has-line-data"> <a href="https://www.modular.com/">Modular: AI development starts here</a></li> <li class="has-line-data"> <a href="https://www.swift.org/">Swift.org - Welcome to Swift.org</a></li> <li class="has-line-data"> <a href="#t=03:50">03:50</a> What’s the history behind the hardware?</li> <li class="has-line-data"> <a href="#t=08:10">08:10</a> What’s the difference between a compiled language vs an interpreted language?</li> <li class="has-line-data"> <a href="#t=12:13">12:13</a> Is Mojo a programming language?</li> <li class="has-line-data"> <a href="https://www.modular.com/mojo">Mojo 🔥: Programming language for all of AI</a></li> <li class="has-line-data"> <a href="#t=15:12">15:12</a> Are Python libraries compatible with Mojo?</li> <li class="has-line-data"> <a href="#t=15:26">15:26</a> Why did you choose Python?</li> <li class="has-line-data"> <a href="#t=16:49">16:49</a> Why is AI so Python focused?</li> <li class="has-line-data"> <a href="#t=19:19">19:19</a> Should web developers learn Python?</li> <li class="has-line-data"> <a href="#t=21:40">21:40</a> Where does Mojo run?</li> <li class="has-line-data"> <a href="#t=25:05">25:05</a> How did you use the flame emoji for the Mojo file extension?</li> <li class="has-line-data"> <a href="#t=29:05">29:05</a> How does machine learning actually work?</li> <li class="has-line-data"> <a href="#t=37:36">37:36</a> Will Mojo be open source in some way?</li> <li class="has-line-data"> <a href="#t=39:16">39:16</a> How do you start developing a new programming language?</li> <li class="has-line-data"> <a href="#t=43:14">43:14</a> What is the future of developer jobs?</li> <li class="has-line-data"> <a href="#t=45:30">45:30</a> What are you excited about with AI in the future?</li> <li class="has-line-data"> <a href="#t=47:24">47:24</a> Supper Club questions</li> <li class="has-line-data"> <a href="https://ocaml.org/">Welcome to a World of OCaml</a></li> <li class="has-line-data"> <a href="#t=52:59">52:59</a> SIIIIICK ××× PIIIICKS ×××</li> </ul> <a id="_SIIIIICK__PIIIICKS__32"></a>××× SIIIIICK ××× PIIIICKS ××× <ul> <li class="has-line-data"> Exercise</li> </ul> <a id="Shameless_Plugs_36"></a>Shameless Plugs <ul> <li class="has-line-data"> <a href="https://www.modular.com/mojo">Mojo 🔥: Programming language for all of AI</a></li> </ul> <a id="Tweet_us_your_tasty_treats_40"></a>Tweet us your tasty treats <ul> <li class="has-line-data"> <a href="https://www.instagram.com/stolinski/">Scott’s Instagram</a></li> <li class="has-line-data"> <a href="https://www.instagram.com/LevelUpTutorials/">LevelUpTutorials Instagram</a></li> <li class="has-line-data"> <a href="https://www.instagram.com/wesbos/">Wes’ Instagram</a></li> <li class="has-line-data"> <a href="https://twitter.com/wesbos">Wes’ Twitter</a></li> <li class="has-line-data"> <a href="https://www.facebook.com/wesbos.developer">Wes’ Facebook</a></li> <li class="has-line-data"> <a href="https://twitter.com/stolinski">Scott’s Twitter</a></li> <li class="has-line-data"> Make sure to include <a href="https://twitter.com/SyntaxFM">@SyntaxFM</a> in your tweets</li> <li class="has-line-data"> <a href="https://bsky.app/profile/wesbos.com">Wes Bos on Bluesky</a></li> <li class="has-line-data"> <a href="https://bsky.app/profile/tolin.ski">Scott on Bluesky</a></li> <li class="has-line-data"> <a href="https://bsky.app/profile/syntax.fm">Syntax on Bluesky</a></li> </ul>

00:55:33

678: The 2023 State of CSS Survey Part 2 × CSS Frameworks × Tooling × Browser Usage

<p class="has-line-data">In this episode of Syntax, it’s part 2 of Wes and Scott’s reactions to the 2023 State of CSS survey including CSS frameworks, tooling, browser usage, SVG and CSS, and the CSS Awards.</p> <a id="Show_Notes_2"></a>Show Notes <ul> <li class="has-line-data"> <a href="#t=00:10">00:10</a> Welcome</li> <li class="has-line-data"> <a href="https://syntax.fm/show/672/reacting-to-state-of-css-survey">Reacting to State of CSS Survey — Syntax Podcast 672</a></li> <li class="has-line-data"> <a href="https://2023.stateofcss.com/en-US">State of CSS 2023</a></li> <li class="has-line-data"> <a href="#t=01:15">01:15</a> Syntax Brought to you by Sentry</li> <li class="has-line-data"> <a href="#t=01:29">01:29</a> CSS Frameworks</li> <li class="has-line-data"> <a href="https://getbootstrap.com/">Bootstrap · The most popular HTML, CSS, and JS library in the world.</a></li> <li class="has-line-data"> <a href="https://open-props.style/">Open Props: sub-atomic styles</a></li> <li class="has-line-data"> <a href="https://lightningcss.dev/">Lightning CSS</a></li> <li class="has-line-data"> <a href="#t=10:57">10:57</a> How happy are you with CSS frameworks?</li> <li class="has-line-data"> <a href="#t=17:21">17:21</a> Other tools</li> <li class="has-line-data"> <a href="https://www.projectwallace.com/">CSS Analytics - Project Wallace</a></li> <li class="has-line-data"> <a href="#t=19:34">19:34</a> Top utilities in use</li> <li class="has-line-data"> <a href="#t=24:48">24:48</a> Browser usage</li> <li class="has-line-data"> <a href="#t=29:01">29:01</a> CSS usage</li> <li class="has-line-data"> <a href="#t=33:25">33:25</a> Browser incompatibilities</li> <li class="has-line-data"> <a href="#t=36:42">36:42</a> SVG and CSS</li> <li class="has-line-data"> <a href="#t=44:28">44:28</a> Resources for learning CSS</li> <li class="has-line-data"> <a href="https://www.kevinpowell.co/">Kevin Powell | CSS Evangelist</a></li> <li class="has-line-data"> <a href="https://fireship.io/">Fireship - Learn to Code Faster</a></li> <li class="has-line-data"> <a href="https://levelup.video">LeveUp Tutorials</a></li> <li class="has-line-data"> <a href="#t=46:55">46:55</a> Awards</li> <li class="has-line-data"> <a href="https://panda-css.com/">Panda CSS - Build modern websites using build time and type-safe CSS-in-JS</a></li> <li class="has-line-data"> <a href="#t=50:48">50:48</a> SIIIIICK ××× PIIIICKS ×××</li> </ul> <a id="_SIIIIICK__PIIIICKS__28"></a>××× SIIIIICK ××× PIIIICKS ××× <ul> <li class="has-line-data"> Scott: <a href="https://www.youtube.com/watch?v=10WIyMo6B94">A Timeline of the 1970s Heavyweight Boxing Division (Boxing Documentary)</a> / <a href="https://www.youtube.com/playlist?list=PL40wI-jI7SK7YD5ZLtulDl2HgY6Q5SQhQ"> Full Boxing Timelines</a></li> <li class="has-line-data"> Wes: <a href="https://www.amazon.ca/dp/B07B4LCWC4?sbo=RZvfv//HxDF+O5021pAnSA&crid=33NN1VW7R08YX&keywords=step+drill+bits&sprefix=step+drill+bits,aps,110&language=en_US&th=1&sr=8-3&linkCode=gs2&linkId=37a38f2588f4e6ce7f01d30fd071f294&tag=isi777-20"> NEIKO 10181A Step Drill Bit Set</a></li> </ul> <a id="Shameless_Plugs_33"></a>Shameless Plugs <ul> <li class="has-line-data"> Scott: <a href="https://sentry.io">Sentry</a></li> <li class="has-line-data"> Wes: <a href="https://wesbos.com/courses">Wes Bos Tutorials</a></li> </ul> <a id="Tweet_us_your_tasty_treats_38"></a>Tweet us your tasty treats <ul> <li class="has-line-data"> <a href="https://www.instagram.com/stolinski/">Scott’s Instagram</a></li> <li class="has-line-data"> <a href="https://www.instagram.com/LevelUpTutorials/">LevelUpTutorials Instagram</a></li> <li class="has-line-data"> <a href="https://www.instagram.com/wesbos/">Wes’ Instagram</a></li> <li class="has-line-data"> <a href="https://twitter.com/wesbos">Wes’ Twitter</a></li> <li class="has-line-data"> <a href="https://www.facebook.com/wesbos.developer">Wes’ Facebook</a></li> <li class="has-line-data"> <a href="https://twitter.com/stolinski">Scott’s Twitter</a></li> <li class="has-line-data"> Make sure to include <a href="https://twitter.com/SyntaxFM">@SyntaxFM</a> in your tweets</li> <li class="has-line-data"> <a href="https://bsky.app/profile/wesbos.com">Wes Bos on Bluesky</a></li> <li class="has-line-data"> <a href="https://bsky.app/profile/tolin.ski">Scott on Bluesky</a></li> <li class="has-line-data"> <a href="https://bsky.app/profile/syntax.fm">Syntax on Bluesky</a></li> </ul>

00:56:27

677: Home Office Tips

<p class="has-line-data">In this Hasty Treat, Scott and Wes talk through tips for upping your home office vibe, including cable management, lighting, ergonomics, and even roller blade wheels.</p> <a id="Show_Notes_2"></a>Show Notes <ul> <li class="has-line-data"> <a href="#t=00:18">00:18</a> Welcome</li> <li class="has-line-data"> <a href="#t=00:46">00:46</a> Syntax Brought to you by Sentry</li> <li class="has-line-data"> <a href="#t=01:13">01:13</a> Creating a great home office</li> <li class="has-line-data"> <a href="https://syntax.fm/show/461/scott-s-new-office-the-levelup-lodge">Scott’s New Office × The Levelup Lodge — Syntax Podcast 461</a></li> <li class="has-line-data"> <a href="https://syntax.fm/show/516/wes-new-soundproof-office">Wes’ New Soundproof Office — Syntax Podcast 516</a></li> <li class="has-line-data"> <a href="#t=03:22">03:22</a> Lighting</li> <li class="has-line-data"> <a href="#t=06:08">06:08</a> Clutter and cords</li> <li class="has-line-data"> <a href="https://www.amazon.com/gp/product/B07FXF12HC?th=1&linkCode=sl1&linkId=da2e085408f2747f2dbe50d6a896395e&language=en_US"> Alex Tech 25ft - 1/2 inch Cord Protector Wire</a></li> <li class="has-line-data"> <a href="https://www.amazon.com/D-Line-CC-1-Protector-Protect-Prevent/dp/B0078NU4C6?crid=LMFO8SSGVXS1&keywords=cable+floor&qid=1695741312&sprefix=cable+floo,aps,118&sr=8-3&linkCode=sl1&linkId=1983d2f473f729984cbd6d96f6ee5845&language=en_US&th=1"> D-Line CC-1 Light Duty Floor Cord Cover/Cable Protector</a></li> <li class="has-line-data"> <a href="https://www.amazon.com/gp/product/B071FXZBMV?linkCode=sl1&linkId=2bf61b890313d85cc4a6575438fa7d70&language=en_US"> Cable Clips</a></li> <li class="has-line-data"> <a href="https://www.amazon.com/gp/product/B07BB7N162?th=1&linkCode=sl1&linkId=6bade2a04792398ce711d2936d28a185&language=en_US"> WireRun Under Desk Cable Manager 14"</a></li> <li class="has-line-data"> <a href="#t=10:33">10:33</a> Clean</li> <li class="has-line-data"> <a href="#t=13:42">13:42</a> Sound absorption</li> <li class="has-line-data"> <a href="https://www.soundguys.com/bose-qc35-ii-review-14264/">Bose QuietComfort 35 II review</a></li> <li class="has-line-data"> <a href="https://www.wyze.com/products/wyze-headphones">Wyze Noise-Cancelling Headphones</a></li> <li class="has-line-data"> <a href="#t=19:26">19:26</a> Ergonomics</li> <li class="has-line-data"> <a href="https://www.amazon.com/VIVO-Adjustable-Articulating-Counterbalance-STAND-V001O/dp/B01NH0HTM5?crid=2R12Y25XLIZ97&keywords=vivo+monitor+arm&qid=1695743662&sprefix=vivo+monitor+arm,aps,118&sr=8-5&linkCode=sl1&linkId=b4792743b241c149fbe862b0cd2069c0&language=en_US&th=1"> VIVO Single Monitor Height Adjustable Counterbalance Pneumatic Arm Desk Mount Stand</a></li> <li class="has-line-data"> <a href="#t=23:17">23:17</a> Roller blade wheels for your chair</li> <li class="has-line-data"> <a href="https://www.amazon.ca/dp/B01KET1PUA?crid=346I5T7WPFB50&keywords=roller+blade+wheels+office+chairs&sprefix=roller+bl,aps,111&th=1&language=en_US&sr=8-5&linkCode=gs2&linkId=5eb71e0b6e169b358de273eb58cfed5f&tag=isi777-20"> Office Owl Caster Wheels</a></li> </ul> <a id="Tweet_us_your_tasty_treats_24"></a>Tweet us your tasty treats <ul> <li class="has-line-data"> <a href="https://www.instagram.com/stolinski/">Scott’s Instagram</a></li> <li class="has-line-data"> <a href="https://www.instagram.com/LevelUpTutorials/">LevelUpTutorials Instagram</a></li> <li class="has-line-data"> <a href="https://www.instagram.com/wesbos/">Wes’ Instagram</a></li> <li class="has-line-data"> <a href="https://twitter.com/wesbos">Wes’ Twitter</a></li> <li class="has-line-data"> <a href="https://www.facebook.com/wesbos.developer">Wes’ Facebook</a></li> <li class="has-line-data"> <a href="https://twitter.com/stolinski">Scott’s Twitter</a></li> <li class="has-line-data"> Make sure to include <a href="https://twitter.com/SyntaxFM">@SyntaxFM</a> in your tweets</li> <li class="has-line-data"> <a href="https://bsky.app/profile/wesbos.com">Wes Bos on Bluesky</a></li> <li class="has-line-data"> <a href="https://bsky.app/profile/tolin.ski">Scott on Bluesky</a></li> <li class="has-line-data"> <a href="https://bsky.app/profile/syntax.fm">Syntax on Bluesky</a></li> </ul>

00:26:50

676: Google IDX - VS Code in the Browser with David East

<p class="has-line-data">In this episode of Syntax, Wes and Scott talk with David East about Google’s new cloud based full-stack, multiplatform app development workflow, Project IDX.</p> <a id="Show_Notes_2"></a>Show Notes <ul> <li class="has-line-data"> <a href="#t=00:22">00:22</a> Welcome</li> <li class="has-line-data"> <a href="#t=01:31">01:31</a> Browser in the car</li> <li class="has-line-data"> <a href="#t=02:16">02:16</a> Syntax Brought to you by Sentry</li> <li class="has-line-data"> <a href="#t=02:24">02:24</a> Who is David East?</li> <li class="has-line-data"> <a href="https://www.linkedin.com/in/eastdavid/">David East</a></li> <li class="has-line-data"> <a href="https://davidea.st/">David East</a></li> <li class="has-line-data"> <a href="https://twitter.com/_davideast?lang=en">David East (@_davideast) / X</a></li> <li class="has-line-data"> <a href="https://frontendmasters.com/teachers/david-east/">Learn from David East’s courses | Frontend Masters</a></li> <li class="has-line-data"> <a href="https://firebase.google.com/">Firebase | Google’s Mobile and Web App Development Platform</a></li> <li class="has-line-data"> <a href="#t=04:32">04:32</a> What is IDX?</li> <li class="has-line-data"> <a href="https://idx.dev/">Project IDX</a></li> <li class="has-line-data"> <a href="https://flutter.dev/">Flutter - Build apps for any screen</a></li> <li class="has-line-data"> <a href="https://nix.dev/">Welcome to nix.dev — nix.dev documentation</a></li> <li class="has-line-data"> <a href="#t=13:15">13:15</a> What’s the experience of IDX?</li> <li class="has-line-data"> <a href="https://nx.dev/">Nx: Smart, Fast and Extensible Build System</a></li> <li class="has-line-data"> <a href="#t=16:42">16:42</a> IDX isn’t just a toy - it’s a dev machine</li> <li class="has-line-data"> <a href="#t=20:29">20:29</a> What’s the offline mode like?</li> <li class="has-line-data"> <a href="#t=23:30">23:30</a> How are VS Code extensions handled?</li> <li class="has-line-data"> <a href="#t=27:03">27:03</a> Is multiplayer or project sharing on the road map?</li> <li class="has-line-data"> <a href="#t=28:45">28:45</a> How is latency taken care of?</li> <li class="has-line-data"> <a href="#t=31:43">31:43</a> This could be faster than local dev environment</li> <li class="has-line-data"> <a href="#t=36:18">36:18</a> Portability of your projects</li> <li class="has-line-data"> <a href="#t=42:25">42:25</a> What do you think about iPad coding?</li> <li class="has-line-data"> <a href="#t=44:28">44:28</a> Phone testing with IDX</li> <li class="has-line-data"> <a href="https://firebase.google.com/docs/test-lab">Firebase Test Lab</a></li> <li class="has-line-data"> <a href="#t=46:59">46:59</a> How is AI being integrated?</li> <li class="has-line-data"> <a href="#t=50:23">50:23</a> Supper Club questions</li> <li class="has-line-data"> <a href="https://www.typography.com/blog/introducing-operator">Introducing Operator | Fonts by Hoefler&Co.</a></li> <li class="has-line-data"> <a href="https://www.futurefonts.xyz/mass-driver/io">MD IO by Mass-Driver - Future Fonts</a></li> <li class="has-line-data"> <a href="#t=55:25">55:25</a> SIIIIICK ××× PIIIICKS ×××</li> </ul> <a id="_SIIIIICK__PIIIICKS__35"></a>××× SIIIIICK ××× PIIIICKS ××× <p class="has-line-data"> CSS</p> <a id="Shameless_Plugs_39"></a>Shameless Plugs <ul> <li class="has-line-data"> <a href="https://nerdy.dev/introducing-the-bad-at-css-podcast">The Bad At Css Podcast</a></li> </ul> <a id="Tweet_us_your_tasty_treats_43"></a>Tweet us your tasty treats <ul> <li class="has-line-data"> <a href="https://www.instagram.com/stolinski/">Scott’s Instagram</a></li> <li class="has-line-data"> <a href="https://www.instagram.com/LevelUpTutorials/">LevelUpTutorials Instagram</a></li> <li class="has-line-data"> <a href="https://www.instagram.com/wesbos/">Wes’ Instagram</a></li> <li class="has-line-data"> <a href="https://twitter.com/wesbos">Wes’ Twitter</a></li> <li class="has-line-data"> <a href="https://www.facebook.com/wesbos.developer">Wes’ Facebook</a></li> <li class="has-line-data"> <a href="https://twitter.com/stolinski">Scott’s Twitter</a></li> <li class="has-line-data"> Make sure to include <a href="https://twitter.com/SyntaxFM">@SyntaxFM</a> in your tweets</li> <li class="has-line-data"> <a href="https://bsky.app/profile/wesbos.com">Wes Bos on Bluesky</a></li> <li class="has-line-data"> <a href="https://bsky.app/profile/tolin.ski">Scott on Bluesky</a></li> <li class="has-line-data"> <a href="https://bsky.app/profile/syntax.fm">Syntax on Bluesky</a></li> </ul>

00:58:49