Syntax - Tasty Web Development Treats

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 [https://sentry.io] * 01:49 CJ’s history hosting meetups * DenverScript [https://denverscript.com/] * Code Talent [https://www.code-talent.com/] * 06:35 How do you structure a meetup? * 09:50 How do you raise awareness for a meetup and get people to attend? * Meetup.com [https://meetup.com] * Guild [https://guild.host/] * 13:27 How to pay for a meetup * 15:22 How to get speakers at meetups * 16:50 The length of these talks * 17:03 Does live-streaming hurt attendance? * Syntax 806 - The King of Drag and Drop: Alex Reardon [https://syntax.fm/show/806/the-king-of-drag-and-drop-alex-reardon] * 19:32 Is there a vetting process for finding speakers? * Syntax 019 - How to Get Into Speaking at Conferences [https://syntax.fm/show/19/how-to-get-into-speaking-at-conferences] * 24:26 A meetup doesn’t have to be talks * Develop Happy Hour [https://www.meetup.com/develop-happy-hour/] * 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 find a meetup * 47:37 Sick Picks & Shameless Plugs Sick Picks * CJ: Fillo’s Walking Tamales [https://www.fillos.com/pages/walking-tamales?srsltid=AfmBOopCEmXcB7Xp253yDJ7AOzE697ElhaB4HkigLdcXiXFdC9ITu-QB] Shameless Plugs * CJ: * DenverScript [https://denverscript.com/] * You Should Use Hono in your Next Project [https://youtu.be/sYZW8TK2IV4?si=zOYGQdH9NVXuboRb] Hit us up on Socials! Syntax: X [https://twitter.com/syntaxfm] Instagram [https://www.instagram.com/syntax_fm/] Tiktok [https://www.tiktok.com/@syntaxfm] LinkedIn [https://www.linkedin.com/company/96077407/admin/feed/posts/] Threads [https://www.threads.net/@syntax_fm] Wes: X [https://twitter.com/wesbos] Instagram [https://www.instagram.com/wesbos/] Tiktok [https://www.tiktok.com/@wesbos] LinkedIn [https://www.linkedin.com/in/wesbos/] Threads [https://www.threads.net/@wesbos] Scott: X [https://twitter.com/stolinski] Instagram [https://www.instagram.com/stolinski/] Tiktok [https://www.tiktok.com/@stolinski] LinkedIn [https://www.linkedin.com/in/stolinski/] Threads [https://www.threads.net/@stolinski] Randy: X [https://twitter.com/randyrektor] Instagram [https://www.instagram.com/randyrektor/] YouTube [https://www.youtube.com/@randyrektor] Threads [https://www.threads.net/@randyrektor]

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 [https://sentry.io/syntax]. * 01:27 File management applications. * 01:43 DaisyDisk [https://daisydiskapp.com/]. * 04:19 Marta [https://marta.sh/]. * 07:50 EasyFind [https://easyfind.en.softonic.com/mac]. * 10:16 Czkawka [https://github.com/qarmin/czkawka]. * 12:53 Backblaze [https://www.backblaze.com/]. * 14:40 Hazel [https://www.noodlesoft.com/]. * 17:42 AutoMounter [https://www.pixeleyes.co.nz/automounter/]. * 18:43 Media applications. * 18:52 Automator HIEC to JPG. * 20:04 Rant on QuickView. * 20:32 DVD idea. * 22:06 IINA [https://iina.io/]. * 24:07 Capture One [https://www.captureone.com/en]. * 25:02 YouTube Enhance [https://chromewebstore.google.com/detail/enhancer-for-youtube/ponfpcnoihfmfllpaingbgckeeldkhle?pli=1]. * 27:16 HandBrake [https://handbrake.fr/]. * 28:05 MakeMKV [https://www.makemkv.com/]. * 30:33 Overkill for Mac [https://github.com/KrauseFx/overkill-for-mac]. * 33:42 Search by Image [https://chromewebstore.google.com/detail/search-by-image/cnojnbdhbhnkbcieeekonklommdnndci]. * 37:09 eqMac [https://eqmac.app/]. * 37:37 Utility applications. * 37:52 Stats [https://github.com/exelban/stats?tab=readme-ov-file] & iStat [https://istat-menus.en.softonic.com/mac?ex=RAMP-2081.0] Menu. * 40:19 Alternatives to popular Mac applications. * 40:23 Ice [https://github.com/jordanbaird/Ice]. * 41:03 PearCleaner [https://github.com/alienator88/Pearcleaner]. * 43:08 Numi [https://numi.app/]. * 44:17 Bottom (btm) [https://github.com/ClementTsang/bottom]. * 44:53 Sip Color Picker [https://sipapp.io/]. * 50:25 Sick Picks & Shameless Plugs. Sick Picks * Scott: Wilde Chips [https://www.wildebrands.com/] * Wes: Apple TV+: The Big Conn [https://tv.apple.com/ca/show/the-big-conn/umc.cmc.5nidhx69sm3a7gtv2a4k0l0lw?mttn3pid=Google%20AdWords&mttnagencyid=a5e&mttncc=CA&mttnsiteid=143238&mttnsubad=OCA2019953_1-660636129081-c&mttnsubkw=149066215919__YpqZmbhQ_&mttnsubplmnt=_adext_] Shameless Plugs * Scott: Syntax on YouTube [https://www.youtube.com/@syntaxfm] Hit us up on Socials! Syntax: X [https://twitter.com/syntaxfm] Instagram [https://www.instagram.com/syntax_fm/] Tiktok [https://www.tiktok.com/@syntaxfm] LinkedIn [https://www.linkedin.com/company/96077407/admin/feed/posts/] Threads [https://www.threads.net/@syntax_fm] Wes: X [https://twitter.com/wesbos] Instagram [https://www.instagram.com/wesbos/] Tiktok [https://www.tiktok.com/@wesbos] LinkedIn [https://www.linkedin.com/in/wesbos/] Threads [https://www.threads.net/@wesbos] Scott: X [https://twitter.com/stolinski] Instagram [https://www.instagram.com/stolinski/] Tiktok [https://www.tiktok.com/@stolinski] LinkedIn [https://www.linkedin.com/in/stolinski/] Threads [https://www.threads.net/@stolinski] Randy: X [https://twitter.com/randyrektor] Instagram [https://www.instagram.com/randyrektor/] YouTube [https://www.youtube.com/@randyrektor] Threads [https://www.threads.net/@randyrektor]

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 [https://olympics.com/en/paris-2024/sports/breaking] in the Olympics. * 05:29 Brought to you by Sentry.io [https://sentry.io/syntax]. * 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. * CSS Logical Properties [https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_logical_properties_and_values] * 21:16 You aren’t using the right tool for the job. * CSS Flexbox [https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_flexible_box_layout/Basic_concepts_of_flexbox], CSS Grid [https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_grid_layout]. * 24:15 You’re setting the value in too many places. * 24:31 You’re scoping to tightly or not tightly enough. Hit us up on Socials! Syntax: X [https://twitter.com/syntaxfm] Instagram [https://www.instagram.com/syntax_fm/] Tiktok [https://www.tiktok.com/@syntaxfm] LinkedIn [https://www.linkedin.com/company/96077407/admin/feed/posts/] Threads [https://www.threads.net/@syntax_fm] Wes: X [https://twitter.com/wesbos] Instagram [https://www.instagram.com/wesbos/] Tiktok [https://www.tiktok.com/@wesbos] LinkedIn [https://www.linkedin.com/in/wesbos/] Threads [https://www.threads.net/@wesbos] Scott: X [https://twitter.com/stolinski] Instagram [https://www.instagram.com/stolinski/] Tiktok [https://www.tiktok.com/@stolinski] LinkedIn [https://www.linkedin.com/in/stolinski/] Threads [https://www.threads.net/@stolinski] Randy: X [https://twitter.com/randyrektor] Instagram [https://www.instagram.com/randyrektor/] YouTube [https://www.youtube.com/@randyrektor] Threads [https://www.threads.net/@randyrektor]

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 [https://deno.com/]? * 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 [https://sentry.io] * 20:57 Thoughts on Bun and Node additions * 26:25 Ryan’s favorite Deno projects * Lume [https://lume.land/] * Fresh [https://fresh.deno.dev/] * webgpu-examples [https://github.com/denoland/webgpu-examples] * gpucraft minecraft clone + deno + webgpu [https://github.com/brendan-duncan/gpucraft] * gpucraft example [https://www.youtube.com/watch?v=vTJvjBG-GLs] * Shaderplay [https://github.com/littledivy/shaderplay] * Orillusion [https://github.com/littledivy/deno_sdl2/blob/webgpu_external_surface/webgpu-examples/orillusion.ts] * 28:42 Will we ever see a unified file system API? * 31:49 Typescript * 36:12 Jupyter Notebooks with Deno [https://blog.jupyter.org/bringing-modern-javascript-to-the-jupyter-notebook-fc998095081e] * Polars [https://pola-rs.github.io/nodejs-polars/] * 39:11 AI and WASM in JavaScript * 42:01 Deno 2.0 features and future * 43:08 Sick Picks & Shameless Plugs Sick Picks * Ryan: McCarren Park [https://www.google.com/search?q=mccarren+park] Shameless Plugs * Ryan: https://deno.com/enterprise [https://deno.com/enterprise] Hit us up on Socials! Syntax: X [https://twitter.com/syntaxfm] Instagram [https://www.instagram.com/syntax_fm/] Tiktok [https://www.tiktok.com/@syntaxfm] LinkedIn [https://www.linkedin.com/company/96077407/admin/feed/posts/] Threads [https://www.threads.net/@syntax_fm] Wes: X [https://twitter.com/wesbos] Instagram [https://www.instagram.com/wesbos/] Tiktok [https://www.tiktok.com/@wesbos] LinkedIn [https://www.linkedin.com/in/wesbos/] Threads [https://www.threads.net/@wesbos] Scott: X [https://twitter.com/stolinski] Instagram [https://www.instagram.com/stolinski/] Tiktok [https://www.tiktok.com/@stolinski] LinkedIn [https://www.linkedin.com/in/stolinski/] Threads [https://www.threads.net/@stolinski] Randy: X [https://twitter.com/randyrektor] Instagram [https://www.instagram.com/randyrektor/] YouTube [https://www.youtube.com/@randyrektor] Threads [https://www.threads.net/@randyrektor]

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 [https://sentry.io] * 03:25 Why HTML is important * 06:52 Semantic vs non-semantic * 07:58 The basic structure of an HTML page * HTML elements reference [https://developer.mozilla.org/en-US/docs/Web/HTML/Element] * The Main element [https://developer.mozilla.org/en-US/docs/Web/HTML/Element/main] * 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 * The Definition element [https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dfn] * 34:16 Form * 36:56 Button vs Anchor * 38:22 Headings * 674 - A11y Treats - Heading Design [https://syntax.fm/show/674/a11y-treats-heading-design] * 40:21 Output * The Output element [https://developer.mozilla.org/en-US/docs/Web/HTML/Element/output] * 41:46 Dialog * 42:04 Tables * 44:03 Media * media-chrome [https://github.com/muxinc/media-chrome] * 45:06 Canvas * https://githubuniverse.com/ [https://githubuniverse.com/] * https://maximeheckel.com/ [https://maximeheckel.com/] * 46:07 On graphics programming * 47:38 Search * 354 - The Surprisingly Exciting World of HTML Elements [https://syntax.fm/show/354/the-surprisingly-exciting-world-of-html-elements] * 48:27 Sick Picks + Shameless Plugs Sick Picks * Scott: 2Pack Traditional Natural Bamboo Wok Brushes [https://amzn.to/4co51dS] * Wes: Logitech MX Master 3S [https://amzn.to/46MXmVd] Shameless Plugs * Syntax YouTube Channel [https://www.youtube.com/@syntaxfm] * The Easiest Way to Infinite Scroll with React | Full Example [https://www.youtube.com/watch?v=nR85ayDEVBc] Hit us up on Socials! Syntax: X [https://twitter.com/syntaxfm] Instagram [https://www.instagram.com/syntax_fm/] Tiktok [https://www.tiktok.com/@syntaxfm] LinkedIn [https://www.linkedin.com/company/96077407/admin/feed/posts/] Threads [https://www.threads.net/@syntax_fm] Wes: X [https://twitter.com/wesbos] Instagram [https://www.instagram.com/wesbos/] Tiktok [https://www.tiktok.com/@wesbos] LinkedIn [https://www.linkedin.com/in/wesbos/] Threads [https://www.threads.net/@wesbos] Scott: X [https://twitter.com/stolinski] Instagram [https://www.instagram.com/stolinski/] Tiktok [https://www.tiktok.com/@stolinski] LinkedIn [https://www.linkedin.com/in/stolinski/] Threads [https://www.threads.net/@stolinski] Randy: X [https://twitter.com/randyrektor] Instagram [https://www.instagram.com/randyrektor/] YouTube [https://www.youtube.com/@randyrektor] Threads [https://www.threads.net/@randyrektor]