Syntax - Tasty Web Development Treats

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:0003:13Sentry.io05:00Socialblade08:01Canadian Tire10:0616:1316:5817:2819:08Proxyman22:4023:2724:57Google Puppeteer Extension27:0827:12Linkedom npm package29:02 querySelector31:2834:08XPath34:5335:1036:2638:20Proxyman40:41Fetch Cookie43:20Mechanical Turk44:58 Uniqlo Self-Checkout46:4247:25 Sick Picks KeyboardCleanToolYabai Shameless Plugs Syntax on YouTube Hit us up on Socials! Syntax: X Instagram Tiktok LinkedIn Threads Wes: X Instagram Tiktok LinkedIn Threads Scott:X Instagram Tiktok LinkedIn Threads Randy: X Instagram YouTube Threads

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:0001:57Sentry.io02:2602:5703:1406:26Warp’s CSS Gradient BorderSentry’s Date Picker08:5210:3911:2011:2613:3216:30Wes’ Parity Purchasing Power18:4821:4521:56CSS Scan Buttons CSS Scan Box ShadowsCodropsCodePen25:18Bentro GridsDribbleSite InspireSaaS Landing PagesOne Page LoveType WolfMobbinSyntax NewsletterHoverstat.esInternet Gems32:48Good UIThe Component GalleryOpen UINicely Done35:25 Hit us up on Socials! Syntax: X Instagram Tiktok LinkedIn Threads Wes: X Instagram Tiktok LinkedIn Threads Scott:X Instagram Tiktok LinkedIn Threads Randy: X Instagram YouTube Threads

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:0001:17Episode 434 with Ben02:21Sentry.io04:00Counterscale.devEpisode 634 with Armin09:08clickhouse11:0113:4615:00 Counterscale Schema18:4019:5523:5724:2425:3427:3130:1931:4932:47Episode 600 with David39:33Syntax Team43:0048:37 Sick Picks Randy’s YouTubeBoom Shameless Plugs Counterscale.dev Hit us up on Socials! Syntax: X Instagram Tiktok LinkedIn Threads Wes: X Instagram Tiktok LinkedIn Threads Scott:X Instagram Tiktok LinkedIn Threads Randy: X Instagram YouTube Threads

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:0000:47Sentry.io01:4403:1805:5910:3211:3513:4319:0719:1724:2326:2130:3031:3532:4332:4934:3234:45 Text pastry36:43 Better comments39:03 Auto rename tag40:02 Change case40:25 Permute lines41:26 File utils43:20 Sort JSON objects43:50 SQLite viewer44:29 Spell checker45:42 APC49:19 Syntax Theme53:05 Log Wrapper57:4401:00:10 Sick Picks Flicker Free Ultra Definition Phillips BulbsClear Shoe Box Organizers Shameless Plugs Syntax Newsletter Hit us up on Socials! Syntax: X Instagram Tiktok LinkedIn Threads Wes: X Instagram Tiktok LinkedIn Threads Scott:X Instagram Tiktok LinkedIn Threads Randy: X Instagram YouTube Threads

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:0002:16Sentry.io03:1403:43Valtown05:44Observable06:35Notebooks08:23Deno Juypter Notebooks09:51Svelte Repl10:3211:0511:10CodePen13:1413:47Wes’s Hot TipsScott’s Cool Treats21:01Bun file routing24:2526:3026:5127:40LowDB29:00SQLite + Drizzle29:4030:06Sheet DB Hit us up on Socials! Syntax: X Instagram Tiktok LinkedIn Threads Wes: X Instagram Tiktok LinkedIn Threads Scott:X Instagram Tiktok LinkedIn Threads Randy: X Instagram YouTube Threads

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:0000:47Sentry.io02:4907:2108:0711:3513:3315:4616:2918:1320:33CSS Part mdn web docs22:0623:3224:51Floating UIClose WatcherCan I Use27:4030:2131:19 Kickstarter35:2436:1240:1841:4842:47Pragmatic Drag and Drop44:5748:5050:29 Sick Picks Enhance.devExtism.orgLit.dev Shameless Plugs Kickstarter Hit us up on Socials! Syntax: X Instagram Tiktok LinkedIn Threads Wes: X Instagram Tiktok LinkedIn Threads Scott:X Instagram Tiktok LinkedIn Threads Randy: X Instagram YouTube Threads

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:0000:51Sentry.io01:1703:43LinkeDOM on GitHub08:29LocalFirst.fm MeteorJS UI Updates15:05Goodhertz Audio Software16:34Runway.comGSAP Animate Anything CSS Scroll-Driven Animations23:15Episode 751Thinkmill.com27:44Frame Rate Testing Results on X32:31CJ and Self-Host 101Hetzner.com Cloudflare Docs Create a Tunnel36:52Episode 739Local-First Web Development Syntax Side Dish Explainer Playlist39:41OpenAI Speech to TextInsanely Fast WhisperDeepgram43:51 Sick Picks Hair PowderMini Grease Gun Hit us up on Socials! Syntax: X Instagram Tiktok LinkedIn Threads Wes: X Instagram Tiktok LinkedIn Threads Scott:X Instagram Tiktok LinkedIn Threads Randy: X Instagram YouTube Threads

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:0001:24Sentry.io03:00CSS Mixins and Functions Explainer CSS Working Group Discussion06:1907:2609:1212:0215:5816:3117:5320:0821:13 Hit us up on Socials! Syntax: X Instagram Tiktok LinkedIn Threads Wes: X Instagram Tiktok LinkedIn Threads Scott:X Instagram Tiktok LinkedIn Threads Randy: X Instagram YouTube Threads

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:0000:3202:00Sentry03:1708:5909:5610:5213:5615:1716:0619:06 Reddit Thread, The real threat of Manifest V320:3221:1823:3225:5828:33 SidePanel33:0935:5438:39YouTube Chrome for Developers40:3341:5744:0444:4545:2046:3847:1847:5151:47 Sick Picks Defunctland YouTubeLEMMiNO YouTube Shameless Plugs Chrome Extensions Getting StartedWebExtension Playground Hit us up on Socials! Syntax: X Instagram Tiktok LinkedIn Threads Wes: X Instagram Tiktok LinkedIn Threads Scott:X Instagram Tiktok LinkedIn Threads Randy: X Instagram YouTube Threads

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:0000:1701:10Sentry01:30Snack Pack02:0202:2208:09Hot TipsCool Treats14:0717:35Ryan Carniato TweetEpisode 577Justin Fagnani TweetEpisode 59521:1226:5527:2729:1830:0131:4735:0437:4439:0139:3239:40Energy Vampire42:1644:2946:2346:3247:40Episode 74847:5748:2248:2649:1749:31Habit Path54:09 Sick Picks Zeiss Lens Care PackWoosh Screen Cleaner Hit us up on Socials! Syntax: X Instagram Tiktok LinkedIn Threads Wes: X Instagram Tiktok LinkedIn Threads Scott:X Instagram Tiktok LinkedIn Threads Randy: X Instagram YouTube Threads

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:0001:22YouTube02:1603:3306:2706:2906:5506:5807:1107:4508:1708:26 Content negotiation08:5409:0411:1915:01NetlifyFastlyCloudflare18:1719:52 Hit us up on Socials! Syntax: X Instagram Tiktok LinkedIn Threads Wes: X Instagram Tiktok LinkedIn Threads Scott:X Instagram Tiktok LinkedIn Threads Randy: X Instagram YouTube Threads

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:0000:4802:08Sentry.io02:3205:5707:2310:0011:02ng-conf11:4214:17PreactJS Signals17:5321:0223:1124:3726:4028:52TanStack Store30:3131:3532:4835:2836:2138:5239:58Framework Field GuideEduardo PrattiKevin Aguilar42:4245:4446:1748:2748:3349:5350:1953:3955:26 Sick Picks Shiki Syntax Highlighter Shameless Plugs Framework Field Guide Hit us up on Socials! Syntax: X Instagram Tiktok LinkedIn Threads Wes: X Instagram Tiktok LinkedIn Threads Scott:X Instagram Tiktok LinkedIn Threads Randy: X Instagram YouTube Threads

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:0002:3903:1403:4604:1406:2006:3308:0909:2910:0510:1412:1013:21Svelte French Toast15:1116:1018:54React AriaBehaviorAccessibility Internationalization19:34Radix UI Primitives20:16Downshift JS21:29Tanstack Table and Forms26:0028:04Shoelace32:47React Aria Components33:00Headless UI33:04Radix UI37:12Base UI38:2340:22 React Aria Components StarterShadCNTailwind CatalystMeltUI47:5051:1053:06JS Nation55:41 Pigment CSSBase UIShoelaceBaseLayerJollyUIDraftUIRadix UIPenguinUITailwind CSSTailwindUIVerveUIDaisyUIChakraUIFlowbiteFloatingUIDownshift JSMantine59:02 Sick Picks Battery DaddyLazy SusanRechargeable BatteriesCharger Shameless Plugs Syntax on YouTube Hit us up on Socials! Syntax: X Instagram Tiktok LinkedIn Threads Wes: X Instagram Tiktok LinkedIn Threads Scott:X Instagram Tiktok LinkedIn Threads Randy: X Instagram YouTube Threads

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:0001:16Sentry.io02:1707:3809:3410:25Slicy By MacRabbit12:3414:06CSS3Please15:1716:4818:44BatmanJS, your new favorite JavaScript superhero20:3521:15PHP 5.2.0 Release Announcement21:53 Hit us up on Socials! Syntax: X Instagram Tiktok LinkedIn Threads Wes: X Instagram Tiktok LinkedIn Threads Scott:X Instagram Tiktok LinkedIn Threads Randy: X Instagram YouTube Threads

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:0000:5902:3004:0605:3407:5208:5809:2910:32Too Many Tabs11:3413:30Shopify Tools CLI15:1717:13Shopify Tools Theme Kit18:59Shopify Hydrogen20:0922:0223:5625:5629:1631:2631:5733:18‘Sherlocking’ Explained35:2136:3538:4039:1740:4642:0143:5445:1746:4747:38Syntax Episode 586 on Nomad Developing49:4851:3554:08 Sick Picks Bar of ShampooAlie Ward Ologies Podcast Shameless Plugs Design Packs Hit us up on Socials! Syntax: X Instagram Tiktok LinkedIn Threads Wes: X Instagram Tiktok LinkedIn Threads Scott:X Instagram Tiktok LinkedIn Threads Randy: X Instagram YouTube Threads

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:0001:14Sentry.io03:1003:3206:1909:1213:0613:1313:5816:4717:48StrongliftsStartingStrength25:47Rogue Stall Bar37:1440:53MacroFactorApp46:3747:42BulkSupplements.com Creatine51:23 Sick Picks Wikday Pull Up BandsBooty Bands Hit us up on Socials! Syntax: X Instagram Tiktok LinkedIn Threads Wes: X Instagram Tiktok LinkedIn Threads Scott:X Instagram Tiktok LinkedIn Threads Randy: X Instagram YouTube Threads

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:0000:41Syntax on YouTube01:2805:0405:1007:4408:2809:4110:0010:4611:5912:2313:0215:0818:0721:52 NextJS Middleware23:35Sveltekit Hooks24:31Fastify ExpressFastify Middle25:28 Hit us up on Socials! Syntax: X Instagram Tiktok LinkedIn Threads Wes: X Instagram Tiktok LinkedIn Threads Scott:X Instagram Tiktok LinkedIn Threads Randy: X Instagram YouTube Threads

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. Show Notes 00:0001:5504:5711:4912:2515:37etcd16:4318:4622:1124:06DockerContainerd25:28OCI Open Container Initiative26:43WASM WebAssembly29:3131:1132:1233:3636:5739:22Fermyon Spin39:5642:27 Turing Pi 2Daniel MangumUniversal Blue46:40Kubernetes.ioRawkode YouTubeKubesimplifyLearnk8s48:51CDK for TerraformGraalVM55:19 Sick Picks Golem.cloudRestate.dev Shameless Plugs Rawkode YouTube Hit us up on Socials! Syntax: X Instagram Tiktok LinkedIn Threads Wes: X Instagram Tiktok LinkedIn Threads Scott:X Instagram Tiktok LinkedIn Threads Randy: X Instagram YouTube Threads

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:0001:37YouTube02:0904:0206:1507:1607:2111:2913:3016:1816:4617:5920:2620:47Biome28:27Oxc33:01Deno34:13ESBuild34:37Rolldown38:34Ezno40:24UnJS41:45Lightning CSS42:3143:26 Sick Picks Shinobi-Geddon: The 1980s Ninja CrazeBachans Japanese Barbecue Sauce Shameless Plugs Syntax on YouTube Hit us up on Socials! Syntax: X Instagram Tiktok LinkedIn Threads Wes: X Instagram Tiktok LinkedIn Threads Scott:X Instagram Tiktok LinkedIn Threads Randy: X Instagram YouTube Threads

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:0001:19Sentry.io02:2002:57ContainerizationOS-level Virtualization04:42PodmanContainerdBuildahLXD05:2608:19Download Docker DesktopStart With DocsDocker 10109:14Docker SentryDocker RegistryDocker Layers16:46SvelteKit Dockerfile Node.js / Express CLI Runner Twitchbot Development PHP / Mongodb Dockerfile21:37Docker Compose22:50 Coding Garden Example Hit us up on Socials! Syntax: X Instagram Tiktok LinkedIn Threads Wes: X Instagram Tiktok LinkedIn Threads Scott:X Instagram Tiktok LinkedIn Threads CJ: X Instagram Tiktok TwitchTV YouTube Randy: X Instagram YouTube Threads