Syntax - Tasty Web Development Treats

Alle afleveringen

1.049 afleveringen, van nieuw naar oud

  1. Supper Club × Ryan Florence of Remix

    4 augustus 2023 · 1 uur 12 min

    Afspelen
    In this supper club episode of Syntax, Wes and Scott talk with Ryan Florence about Remix, working at Shopify, the history of licensing and pricing, quitting Twitter, the state of React Server components, and more.
    Show Notes 00:35 Welcome
    Ryan Florence
    Lees meer

    Ryan Florence (@ryanflorence) / X

    React Training

    React Router Docs Moved

    ryanflorence (Ryan Florence) · GitHub

    01:42 Collarbone update
    06:47 What is Remix?
    Remix.run

    11:43 Server actions
    15:33 What was the history around licensing?
    20:30 Open source is weird now
    22:21 Working with Shopify and Hydrogen
    Remixing Shopify | Remix

    CSS Zen Garden: The Beauty of CSS Design

    The Zen of CSS Design: Visual Enlightenment for the Web: Shea, Dave, Holzschlag, Molly E.: 9780321303479: Amazon.com: Books

    28:04 On quitting Twitter
    35:33 What’s coming up with v2 of Remix?
    40:30 The reality of breaking changes
    44:18 What’s the status of React Server components?
    49:46 Will Remix ever have React Server components in it?
    50:55 How should we be fetching our data?
    53:04 Do you have a wishlist for JSX?
    58:45 Supper Club questions
    Strapi - Open source Node.js Headless CMS 🚀

    Sidekiq

    GitHub - i-tu/Hasklig: Hasklig - a code font with monospaced ligatures

    GitHub - sindresorhus/terminal-snazzy: Elegant Terminal theme with bright colors

    08:24 SIIIIICK ××× PIIIICKS ×××
    ××× SIIIIICK ××× PIIIICKS ××× Minivans
    Shameless Plugs Shopify

    Tweet us your tasty treats Scott’s Instagram

    LevelUpTutorials Instagram

    Wes’ Instagram

    Wes’ Twitter

    Wes’ Facebook

    Scott’s Twitter

    Make sure to include @SyntaxFM in your tweets
    Wes Bos on Bluesky

    Scott on Bluesky

    Syntax on Bluesky

  2. Standard Server JavaScript - Deno, Workers, Bun and More

    2 augustus 2023 · 1 uur 4 min

    Afspelen
    In this episode of Syntax, Wes and Scott talk about JavaScript runtimes available to use, what to consider, and packages to use.
    Show Notes 00:10 Welcome
    01:00 Scott’s glasses
    03:46 All the runtimes
    Bun — A fast all-in-one JavaScript runtime
    Lees meer

    Edge Functions Supabase Docs

    Edge Functions Netlify Docs

    Deno — A modern runtime for JavaScript and TypeScript

    Fast and low overhead web framework, for Node.js | Fastify

    What Is Edge Computing? Alibaba

    05:15 A note for anyone new to JavaScript
    08:40 Winter CG
    WinterCG

    11:05 Fetch
    sindresorhus/ky: JavaScript HTTP client based on the browser Fetch API

    website/src/routes/shows/+page.svelte

    14:53 URL
    20:02 addEVentListener
    whatwg/fs · Issue #5 · wintercg/proposal-common-minimum-api · GitHub

    22:53 Web streams
    Web Streams Explained — Syntax Podcast 587

    26:03 Structured Clone
    Structured JSON | Worker Tools

    33:43 What does JSON 5 do?
    34:48 Markdown flavors
    36:46 File
    40:32 AbortController and AbortSignal
    DOM Standard

    DOM Standard

    42:45 Packages for building
    linkedom - npm

    44:05 Honking the Hono.dev
    Itty Router

    Itty Dev

    Hono.dev

    55:25 SIIIIICK ××× PIIIICKS ×××
    ××× SIIIIICK ××× PIIIICKS ××× Scott: Macro Factor

    Wes: CRP Products

    Shameless Plugs Scott: Sentry

    Wes: Wes Bos Tutorials

    Tweet us your tasty treats Scott’s Instagram

    LevelUpTutorials Instagram

    Wes’ Instagram

    Wes’ Twitter

    Wes’ Facebook

    Scott’s Twitter

    Make sure to include @SyntaxFM in your tweets
    Wes Bos on Bluesky

    Scott on Bluesky

    Syntax on Bluesky

  3. Rust for JavaScript Developers - Node vs Rust Concepts

    31 juli 2023 · 33 min

    Afspelen
    In this Hasty Treat, Scott and Wes talk about Rust, and how the concepts might translate for JavaScript developers looking to try writing in Rust.
    Show Notes 00:26 Welcome
    01:08 Wes’ big beer bottle and Red Green
    RedGreenTV on YouTube
    Lees meer

    05:03 Thrift store finds
    06:19 Rust in JavaScript
    TOML: Tom’s Obvious Minimal Language

    11:07 Documentation
    Docs.rs

    Practice.rs

    16:46 Memory safety
    17:43 What about promises in Rust?
    19:24 Error handling in Rust
    27:39 What’s with the double colon?
    Tweet us your tasty treats Scott’s Instagram

    LevelUpTutorials Instagram

    Wes’ Instagram

    Wes’ Twitter

    Wes’ Facebook

    Scott’s Twitter

    Make sure to include @SyntaxFM in your tweets
    Wes Bos on Bluesky

    Scott on Bluesky

    Syntax on Bluesky

  4. Supper Club × Email Sending, Spam, DMARC, SPF, Styling, and more with Andris Reinman

    28 juli 2023 · 1 uur 3 min

    Afspelen
    In this supper club episode of Syntax, Wes and Scott talk with Andris Reinman about his work on all things email - spam, DMARC, SPF, why there’s no good CSS in email, and his current project: Email Engine.
    Show Notes 00:36 Welcome
    01:56 Introducing Andris Reinman
    Andris Reinman on GitHub
    Lees meer

    Andris Reinman (@andrisreinman)

    Nodemailer :: Nodemailer

    04:34 Why is email so difficult?
    Free DMARC Monitoring from Postmark

    ConvertKit: The creator marketing platform

    09:48 What has changed in email?
    10:52 What are DMARK, SPF and BIMI?
    18:48 Is Mailtrain an open source alternative to Mailchimp?
    Mailtrain-org/mailtrain: Self hosted newsletter app

    22:52 Why can’t we use CSS in email?
    29:05 Why is email so expensive?
    32:39 How do you keep your emails out of the spam folder?
    35:42 What is Email Engine?
    EmailEngine Email API

    40:16 Is Email Engine self hosted?
    41:01 How does Ethereal email work?
    Ethereal Email

    46:16 What email client do you use?
    49:44 Are any email clients harder to send to?
    55:23 Supper Club questions
    iTerm2 - macOS Terminal Replacement

    59:29 SIIIIICK ××× PIIIICKS ×××
    ××× SIIIIICK ××× PIIIICKS ××× Programming Internet Email: Mastering Internet Messaging Systems: Wood, David: 9781565924796: Books - Amazon.ca

    Shameless Plugs EmailEngine Email

    Tweet us your tasty treats Scott’s Instagram

    LevelUpTutorials Instagram

    Wes’ Instagram

    Wes’ Twitter

    Wes’ Facebook

    Scott’s Twitter

    Make sure to include @SyntaxFM in your tweets
    Wes Bos on Bluesky

    Scott on Bluesky

    Syntax on Bluesky

  5. Polyfills, Transpiling and Monkey Patching

    26 juli 2023 · 59 min

    Afspelen
    In this episode of Syntax, Wes and Scott talk about what polyfills, transpiling, and monkey patching mean, how and when to do it, and libraries that can help you out.
    Show Notes 00:10 Welcome
    01:07 Toast follow up
    02:45 What are transpiling, ponyfill, polyfill, and monkey patching
    TC39 Proposals
    Lees meer

    Pretty excited about the new JavaScript non-mutating array methods. Currently in stage 3

    11:18 Transpiling unsupported CSS
    15:11 Polyfills
    Popover polyfill

    19:22 Polyfilling CSS
    21:06 HTML polyfills
    27:47 How to transpile and polyfill
    Babel

    TypeScript: JavaScript With Syntax For Types

    CoffeeScript

    Civet

    cronn/jsxtransformer: Pipeline for transforming JSX files using Babel.js and Uglify.js

    Svelte • Cybernetically enhanced web apps

    Polyfill.io

    core-js - npm

    35:46 Shiv and shims
    Shim vs Shiv

    38:16 Monkey patching
    49:08 SIIIIICK ××× PIIIICKS ×××
    ××× SIIIIICK ××× PIIIICKS ××× Scott: Cable sleeve

    Wes: Air Purifier

    AliExpress

    Shameless Plugs Scott: Sentry

    Wes: Wes Bos Tutorials

    Tweet us your tasty treats Scott’s Instagram

    LevelUpTutorials Instagram

    Wes’ Instagram

    Wes’ Twitter

    Wes’ Facebook

    Scott’s Twitter

    Make sure to include @SyntaxFM in your tweets
    Wes Bos on Bluesky

    Scott on Bluesky

    Syntax on Bluesky

  6. User Feedback UI - Toasts, Flash, Validation

    24 juli 2023 · 38 min

    Afspelen
    In this Hasty Treat, Scott and Wes talk about toast messages for validation, errors, confirmations, and more.
    Show Notes 00:24 Welcome
    01:04 Why use these types of notifications
    03:34 Old school checking stories
    05:35 What kinds of toast messages are there?
    10:02 Why toast?
    11:38 Best practices for toast messages
    17:09 Timeouts and manual close auto close
    19:38 Multiple messages stacking on top of each other
    22:56 Using a toast library
    Building a toast component
    Lees meer

    react-hot-toast - The Best React Notifications in Town

    Real-time notification system for products | MagicBell

    28:29 Form validation
    Form validation with HTML5 and JavaScript

    33:36 HTML inputs
    Tweet us your tasty treats Scott’s Instagram

    LevelUpTutorials Instagram

    Wes’ Instagram

    Wes’ Twitter

    Wes’ Facebook

    Scott’s Twitter

    Make sure to include @SyntaxFM in your tweets
    Wes Bos on Bluesky

    Scott on Bluesky

    Syntax on Bluesky

  7. Supper Club × WASM, Fastly Edge, and Polyfill.io with Jake Champion

    21 juli 2023 · 54 min

    Afspelen
    In this supper club episode of Syntax, Wes and Scott talk with Jake Champion about his work with Fastly and Polyfill, the difference between WASY and WASM, what Winter CG is, and what makes Fastly different.
    Show Notes 00:35 Welcome
    02:06 Who is Jake Champion?
    Jake (@JakeDChampion)
    Lees meer

    JakeChampion on GitHub

    04:31 How long as Polyfill been around?
    06:11 What is Fastly?
    Fastly

    Polyfill

    WASMTime

    SpiderMonkey JavaScript/WebAssembly Engine

    12:09 What are people running on the edge with Fastly?
    16:29 What is Winter CG compliance?
    Winter CG proposal

    17:55 What about node API’s being in platforms
    21:18 What is WASY vs WASM?
    24:37 Who is Web Assembly for?
    31:34 Is there anything WASM is not good for?
    41:39 What makes the Fastly runtime different from others
    Hono

    Smashing Mag - Web Workers

    Worker Tools

    47:07 Supper Club questions
    iTerm2

    Zsh for Humans

    50:26 SIIIIICK ××× PIIIICKS ×××
    ××× SIIIIICK ××× PIIIICKS ××× Luther TV Series

    Forrest Gump

    Shameless Plugs Fiddle on Fastly

    js-compute

    Tweet us your tasty treats Scott’s Instagram

    LevelUpTutorials Instagram

    Wes’ Instagram

    Wes’ Twitter

    Wes’ Facebook

    Scott’s Twitter

    Make sure to include @SyntaxFM in your tweets
    Wes Bos on Bluesky

    Scott on Bluesky

    Syntax on Bluesky

  8. Potluck × CSS Variables in React × JS Notebooks × Selling a Domain

    19 juli 2023 · 1 uur 3 min

    Afspelen
    In this potluck episode of Syntax, Wes and Scott answer your questions about Prisma, CSS variables in React components, JS notebooks, transcribing podcasts, keeping up with dev skills, selling a domain, and more.
    Show Notes 00:10 Welcome
    00:42 Harassed by a big truck
    03:20 Corrections and omissions
    Syntax 627 - Electronics for Beginners
    Lees meer

    05:57 Should I be using $executeRawUnsafe with Prisma?
    09:48 unset and initial
    11:54 true and false outside ARIA attributes
    14:56 Is there a way to modify the CSS variables from the React component?
    18:58 How do you feel about the JS notebooks landscape?
    Jupyter

    yunabe/tslab: Interactive JavaScript and TypeScript programming with Jupyter

    Val Town

    The notes app for your working memory - Stashpad

    Obsidian - Sharpen your thinking

    Light Table

    27:39 Is it possible to transcribe your podcasts?
    World’s Most Powerful Speech-to-Text API | Deepgram

    29:05 Any tips for keeping my developer skills up without burning out?
    36:35 Any advice for selling a domain?
    Escrow.com | Never buy or sell online without using Escrow.com.

    42:13 How do you update and future-proof project dependencies?
    Syntax 425 - Updating Project Dependencies

    47:14 When I write TypeScript code, I always wonder if it’s a generally good practice to use Type-Only import when importing types?
    53:54 How would you go about conditional wrapper tags in Astro, Svelte or React?
    56:07 SIIIIICK ××× PIIIICKS ×××
    ××× SIIIIICK ××× PIIIICKS ××× Scott: Ancient Architects

    Wes: Small Rig

    Shameless Plugs Scott: Sentry

    Wes: Wes Bos Tutorials

    Tweet us your tasty treats Scott’s Instagram

    LevelUpTutorials Instagram

    Wes’ Instagram

    Wes’ Twitter

    Wes’ Facebook

    Scott’s Twitter

    Make sure to include @SyntaxFM in your tweets
    Wes Bos on Bluesky

    Scott on Bluesky

    Syntax on Bluesky

  9. Help Me Help You - How To Ask For Help

    17 juli 2023 · 16 min

    Afspelen
    In this Hasty Treat, Scott and Wes talk about how to get help for a bug or error you’re getting in someone else’s code.
    Show Notes 00:26 Welcome
    01:54 Building a reproduction of the error
    03:55 Creating a gist
    Gist
    Lees meer

    04:48 Be responsive. Be ready.
    08:03 Where do you go first for support?
    09:44 Search for your issue first
    GitHub Issues

    10:53 Be nice
    Tweet us your tasty treats Scott’s Instagram

    LevelUpTutorials Instagram

    Wes’ Instagram

    Wes’ Twitter

    Wes’ Facebook

    Scott’s Twitter

    Make sure to include @SyntaxFM in your tweets
    Wes Bos on Bluesky

    Scott on Bluesky

    Syntax on Bluesky

  10. Supper Club × val.town with Steve Krouse

    14 juli 2023 · 58 min

    Afspelen
    In this supper club episode of Syntax, Wes and Scott talk with Steve Krouse about val.town, what it is, his philosophies on teaching people to code, the tech stack for val.town, and the benefits of inspiring kids to learn to code.
    Show Notes 00:36 Welcome
    01:27 Who is Steve Krouse?
    Steve Krouse
    Lees meer

    Future of Coding

    stevekrouse (Steve Krouse) · GitHub

    Steve Krouse (@stevekrouse) on Twitter

    Coding Classes for Kids & Teens | Coding for Kids | The Coding Space

    03:06 What is Val.town?
    Val Town

    08:35 Where did the inspiration for social dev environments come from?
    12:52 WYSIWYG code vs being code first
    16:30 How does val.town inspire people?
    20:26 How do you prevent people abusing val.town?
    24:57 What’s the UI story for snippets on val.town?
    27:31 Do you plan to support express?
    29:03 What’s the tech stack behind the front end of val.town?
    30:35 What’s the tech stack for the back end of val.town?
    34:37 How do you measure for pricing?
    37:07 Who is using val.town?
    42:00 What’s your methodology for teaching kids to code?
    47:44 Supper Club questions
    GitHub - pomdtr/sunbeam: Generate powerful TUIs from simple scripts written in any language.

    Deno — A modern runtime for JavaScript and TypeScript

    A Small Matter of Programming

    The Unison language

    CodeMirror

    A Small Matter of Programming: Perspectives on End User Computing

    Stripe Press — Ideas for progress

    pomdtr/sunbeam: Generate powerful TUIs from simple scripts written in any language.

    Seymour Papert

    woofjs.com

    Bret Victor

    Welcome | Future of Coding

    Tom MacWright (@tmcw)

    55:54 SIIIIICK ××× PIIIICKS ×××
    ××× SIIIIICK ××× PIIIICKS ××× SwitchBot Wi-Fi Smart Lock

    Shameless Plugs Val Town

    Tweet us your tasty treats Scott’s Instagram

    LevelUpTutorials Instagram

    Wes’ Instagram

    Wes’ Twitter

    Wes’ Facebook

    Scott’s Twitter

    Make sure to include @SyntaxFM in your tweets
    Wes Bos on Bluesky

    Scott on Bluesky

    Syntax on Bluesky

  11. Stump’d × JavaScript × GraphQL × Memory Safety × Web History

    12 juli 2023 · 54 min

    Afspelen
    In this episode of Syntax, Wes and Scott try to stump each other with questions about JavaScript, HTTP status error codes, memory safety, and a bit of web history thrown in.
    Show Notes 00:11:07 Welcome
    Displaced Gamers
    Lees meer

    00:46:00 In which year was JavaScript introduced?
    02:59:16 What status code is returned by server when a resource isn’t found?
    03:32:00 Which http status code indicates the client must authenticate itself?
    04:34:17 What is a pseudo class and give an example?
    05:15:11 What JavaScript function allows you to delay the execution of a function?
    06:02:06 Who first proposed using separate style sheet language for the web?
    08:08:14 Which of the following statements about JavaScript strict are true?
    08:50:11 What is event driven programming in Node.js?
    10:26:08 In GraphQL, how do you mark a field as deprecated?
    10:47:24 How does xHTML differ from HTML?
    11:48:21 Which of the following statements is true about objects in JavaScript?
    13:20:19 What is a type erase in TypeScript?
    14:21:23 In TypeScript which syntax can be used to define a user defined type guard?
    16:02:12 What is a closure in JavaScript?
    17:40:00 Which node.js module provides asynchronus file I/O?
    18:54:08 What does memory safety mean?
    21:57:11 What does http2 introduce to improve speed?
    23:58:05 What are strategies for optimizing HTML5 video?
    26:28:11 Which of the following is not a correct way to create a new object?
    28:13:20 What is the difference between function declaration and function expression?
    30:49:11 What is the value of this inside an arrow function defined in a non-arrow function?
    31:22:11 What is a type guard?
    33:03:11 What is the order of execution in JavaScript?
    35:11:01 Which version of ecmascript was scrapped?
    39:41:00 What is the result of the following comparison in JavaScript?
    41:37:21 What were the major criticisms of CSS in it’s early days?
    46:48:10 SIIIIICK ××× PIIIICKS ×××
    ××× SIIIIICK ××× PIIIICKS ××× Scott: Projector

    Wes: USB plug

    Shameless Plugs Scott: Sentry

    Wes: …

  12. Roundup - Sick AI Tools For Developers

    10 juli 2023 · 36 min

    Afspelen
    In this Hasty Treat, Scott and Wes talk about various AI tools for developers that are available.
    Show Notes 00:25 Welcome
    01:36 AI creeping into real life
    04:03 Cody AI
    Cody - Business AI Employee Trained on Your Knowledge Base
    Lees meer

    Sourcegraph

    06:24 How AI coding help works
    09:57 Amazon Code Whisper
    AI Code Generator - Amazon CodeWhisperer - AWS

    Amazon Code Whisperer VS Github Copilot

    10:44 Copilot Labs
    GitHub Next

    GitHub Next | GitHub Copilot Labs

    14:25 LintRule
    Lintrule

    18:06 Open Commit
    di-sukharev/opencommit: Auto-generate impressive commits with AI in 1 second

    24:03 Code Geex
    CodeGeeX - A Multilingual Code Generation Tool - CodeGeeX

    Ghostwriter - Code faster with AI - Replit

    Meaningful Code Tests for Busy Devs | CodiumAI

    30:20 Tab9 and Kite
    AI assistant for software developers | Tabnine

    Potluck - Web components × Gear × Docker × Web Dev Frameworks × Golden Handcuffs × Browser Testing × SSR React × Code Prediction × More! — Syntax Podcast 364

    33:06 Sloppy prompt example
    Tweet us your tasty treats Scott’s Instagram

    LevelUpTutorials Instagram

    Wes’ Instagram

    Wes’ Twitter

    Wes’ Facebook

    Scott’s Twitter

    Make sure to include @SyntaxFM in your tweets
    Wes Bos on Bluesky

    Scott on Bluesky

    Syntax on Bluesky

  13. Supper Club × Cloudinary with Colby Fayock

    7 juli 2023 · 54 min

    Afspelen
    In this supper club episode of Syntax, Wes and Scott talk with Colby Fayock about Cloudinary’s new AI tools, media flow, removing backgrounds, using AI for video templates, and Colby’s stack for creating YouTube content.
    Show Notes 00:36 Welcome
    01:11 Who is Colby Fayock?
    ColbyFayock.com
    Lees meer

    Colby Fayock (@colbyfayock)on Twitter

    ColbyFayock - Twitch

    colbyfayock on GitHub

    Colby Fayock (@colbyfayock) • Instagram

    01:57 What is Cloudinary?
    Image and Video Upload, Storage, Optimization and CDN

    03:03 What’s with the space jellyfish?
    03:52 How is Cloudinary using AI for the web?
    Developer resources for using images and videos in your apps

    09:54 What is media flow?
    13:00 Who is the target audience for AI tools from Cloudinary?
    17:03 Removing backgrounds
    Remove Background from Image for Free – remove.bg

    iPhone Messages stickers: How to make and use them - 9to5Mac

    21:14 Cloudinary’s Video API
    ascorbic/unpic-img: Multi-framework responsive image component

    22:44 Function calling in OpenAI
    26:22 How do you deal with the random generation of AI?
    29:00 What are the community SDKs for Cloudinary?
    37:04 What’s your process for creating content for YouTube?
    42:49 Supper Club Questions
    Open Broadcaster Software | OBS

    Facecam Pro – Elgato

    Recut — Automatic Video Editor

    Night Owl - Visual Studio Marketplace

    iTerm2 - macOS Terminal Replacement

    Oh My Zsh - a delightful & open source framework for Zsh

    51:40 SIIIIICK ××× PIIIICKS ×××
    ××× SIIIIICK ××× PIIIICKS ××× Ready To Drink Cold Brew Coffee | Trader Joe’s

    Shameless Plugs Colby Fayock on YouTube

    Tweet us your tasty treats Scott’s Instagram

    LevelUpTutorials Instagram

    Wes’ Instagram

    Wes’ Twitter

    Wes’ Facebook

    Scott’s Twitter

    Make sure to include @SyntaxFM in your tweets
    Wes Bos on Bluesky

    Scott on Bluesky

    Syntax on Bluesky

  14. What are Headless Components?

    5 juli 2023 · 48 min

    Afspelen
    In this episode of Syntax, Wes and Scott talk about what headless components are, the why and when to use headless components, and how to best implement them.
    Show Notes 00:07 Welcome
    02:33 Tailwind Connect
    Tailwind Connect 2023 | Tailwind CSS Live Event
    Lees meer

    04:37 Headless component overview
    Downshift

    Headless UI

    06:57 A country dropdown component
    12:52 Possibly like Svelte actions?
    18:46 What do headless components provide?
    19:13 Examples of headless component projects
    Microsoft Edge Demo

    24:24 How does this compare to web components?
    Tanstack Table

    Tanstack Virtual

    26:29 Checking out Shoelace
    Shoelace

    28:42 Figma announcements
    What’s New in Figma

    31:21 What does headless mean?
    36:24 SIIIIICK ××× PIIIICKS ×××
    41:20 AI Voices
    ××× SIIIIICK ××× PIIIICKS ××× Scott: Hacker News Recap /Hacker News Recap on Apple Podcasts

    Wes: Calipers

    Shameless Plugs Scott: Sentry

    Wes: Wes Bos Tutorials

    Tweet us your tasty treats Scott’s Instagram

    LevelUpTutorials Instagram

    Wes’ Instagram

    Wes’ Twitter

    Wes’ Facebook

    Scott’s Twitter

    Make sure to include @SyntaxFM in your tweets
    Wes Bos on Bluesky

    Scott on Bluesky

    Syntax on Bluesky

  15. Lightning CSS

    3 juli 2023 · 29 min

    Afspelen
    In this Hasty Treat, Scott and Wes talk about what Lightning CSS is, how it works, and why you should consider using it in your projects.
    Show Notes 00:25:22 Welcome
    01:04:11 Overview of Lightning CSS
    Lightning CSS
    Lees meer

    Devon Govett (@devongovett)

    Parcel

    04:56:11 What’s in Lightning CSS?
    OKLCH

    21:39:11 CSS Layers
    24:57:14 Text decoration
    Tweet us your tasty treats Scott’s Instagram

    LevelUpTutorials Instagram

    Wes’ Instagram

    Wes’ Twitter

    Wes’ Facebook

    Scott’s Twitter

    Make sure to include @SyntaxFM in your tweets
    Wes Bos on Bluesky

    Scott on Bluesky

    Syntax on Bluesky

  16. Supper Club × Messaging Queues and Workers with Armin Ronacher

    30 juni 2023 · 59 min

    Afspelen
    In this supper club episode of Syntax, Wes and Scott talk with Armin Ronacher about his contributions to open source, queues and messaging in apps, scaling up a queue, and how it all works at Sentry.
    Show Notes 00:35 Welcome
    01:49 Who is Armin Ronacher?
    Armin Ronacher
    Lees meer

    mitsuhiko (Armin Ronacher)

    Armin Ronacher (@mitsuhiko)

    Armin Ronacher

    Armin Ronacher

    Apache Kafka

    04:11 What are queues and what are they used for?
    08:02 Do you listen or poll for updates in the queue?
    12:49 Does this help when a provider goes down?
    18:31 How do you architect a queue?
    20:20 How does it scale up?
    27:05 How does Sentry manage all the data flowing in from events?
    Redis Message Broker | Redis Enterprise

    Messaging that just works — RabbitMQ

    Using RabbitMQ — Celery 5.3.1 documentation

    33:45 How do you visualize the data?
    37:15 Edge case that Sentry had to fix
    40:22 How are you using Rust?
    Rust Programming Language

    43:32 Why is Python so popular in the AI space?
    45:17 What do you think about JavaScript on the server?
    48:02 Supper Club questions
    50:44 How do you stay motivated with programming?
    ××× SIIIIICK ××× PIIIICKS ××× Bilderbuch

    Bilderbuch on Spotify

    Shameless Plugs Rye - An Experimental Package Management Solution for Python

    Tweet us your tasty treats Scott’s Instagram

    LevelUpTutorials Instagram

    Wes’ Instagram

    Wes’ Twitter

    Wes’ Facebook

    Scott’s Twitter

    Make sure to include @SyntaxFM in your tweets
    Wes Bos on Bluesky

    Scott on Bluesky

    Syntax on Bluesky

  17. WTF is an ORM

    28 juni 2023 · 1 uur 2 min

    Afspelen
    In this episode of Syntax, Wes and Scott talk about the benefits and potential drawbacks of using an ORM on your next project, as well as what some of the popular ORMs are.
    Show Notes 00:10 Welcome
    00:39 Dental cleanings
    03:00 What’s an ORM?
    05:51 Benefits of using an ORM
    12:54 Validation in ORM
    19:18 What about Types?
    23:44 Popular ORMs
    Prisma
    Lees meer

    Sequelize

    Objection.js

    Knex.js

    DrizzleORM - next gen TypeScript ORM

    Mongoose ODM v7.3.1

    TypeORM

    waterline.js

    42:41 Potential downsides to using an ORM
    45:53 Database schemas
    52:30 Hooks or events
    55:27 SIIIIICK ××× PIIIICKS ×××
    ××× SIIIIICK ××× PIIIICKS ××× Scott: I Think You Should Leave with Tim Robinson

    Wes: Wise, Formerly TransferWise: Online Money Transfers

    Shameless Plugs Scott: Sentry

    Wes: Wes Bos Tutorials

    Tweet us your tasty treats Scott’s Instagram

    LevelUpTutorials Instagram

    Wes’ Instagram

    Wes’ Twitter

    Wes’ Facebook

    Scott’s Twitter

    Make sure to include @SyntaxFM in your tweets
    Wes Bos on Bluesky

    Scott on Bluesky

    Syntax on Bluesky

  18. Where to Register a Domain

    26 juni 2023 · 42 min

    Afspelen
    In this Hasty Treat, Scott and Wes talk about where you should register a domain name, explain DNS, and the process for moving a domain from one registrar to another.
    Show Notes 00:25 Welcome
    02:04 Domain name registration vs DNS
    03:58 Domain name flattening
    05:07 Domain name privacy
    05:31 Proxy registrations
    06:44 Bait and switch registrars
    11:56 Domain registrars we found
    13:09 NameCheap and Spaceship
    Namecheap
    Lees meer

    Spaceship

    17:42 GoDaddy
    GoDaddy

    19:26 Ghandi
    Gandi.net

    21:16 Porkbun
    Porkbun

    22:18 Hover
    Hover.com

    24:24 Name
    Name.com

    26:24 Cloudflare
    Cloudflare

    28:04 What’s the process for moving d
    iwantmyname

    DNSimpleomains to a new registrar?
    30:38 I Want My Name and DNS Simple
    33:05 Finding domain names
    37:28 What would you pick to register a domain today?
    Tweet us your tasty treats Scott’s Instagram

    LevelUpTutorials Instagram

    Wes’ Instagram

    Wes’ Twitter

    Wes’ Facebook

    Scott’s Twitter

    Make sure to include @SyntaxFM in your tweets
    Wes Bos on Bluesky

    Scott on Bluesky

    Syntax on Bluesky

  19. Supper Club × Why Netlify bought Gatsby, GraphQL Data Layer, and Headless CMS with Dustin Schau

    23 juni 2023 · 1 uur

    Afspelen
    In this supper club episode of Syntax, Wes and Scott talk with Dustin Schau about Netlify Connect, Gatsby, GraphQL, and more.
    Show Notes 00:35 Welcome
    01:20 Who is Dustin Schau?
    Dustin Schau (@SchauDustin)
    Lees meer

    Develop and deploy websites and apps in record time | Netlify

    02:49 Is Valhalla from Gatsby?
    How to Source Content from a Headless CMS | Gatsby

    Valhalla Content Hub | Gatsby

    Netlify Connect Brings All Content Sources & CMS Apps Together

    05:41 Valhalla is now Netlify Connect
    09:32 How often should you scrape or cache from another API?
    10:36 What about auth?
    13:41 Will Netlify Connect be open source or paid?
    18:48 Is GraphQL it?
    Overview | urql Documentation

    GQty

    22:35 What odd data sources are you trying to connect?
    26:06 How does Gatsby send out to APIs?
    29:00 What CMS should people use?
    The Markdown CMS | Tina

    The platform to bring your best ideas to life | Contentful

    The Composable Content Cloud - Sanity.io

    31:22 What do you think of component based CMS?
    SEO Enterprise Rank Tracker - A Keyword Rank Tracking Tool Like No Other | Nozzle.io

    35:36 What are your thoughts on the React ecosystem?
    43:33 What’s the future for Gatsby?
    46:14 Supper Club questions
    folivora.ai - Great Tools for your Mac!

    Noodlesoft – Noodlesoft – Simply Useful Software

    Dank Mono: The coding typeface for aesthetes

    DSchau/dotfiles: :wrench: .files, including ~/.macos — sensible defaults for macOS development (catered to Node.js)

    Deploy app servers close to your users · Fly

    Hono - Ultrafast web framework for the Edges

    Stream Movies & TV Shows | Plex

    The Free Software Media System | Jellyfin

    56:29 SIIIIICK ××× PIIIICKS ×××
    ××× SIIIIICK ××× PIIIICKS ××× Arc Browser

    Resend React Email

    Shameless Plugs Netlify

    Netlify Connect

    Tweet us your tasty treats Scott’s Instagram

    LevelUpTutorials Instagram

    Wes’ Instagram

    Wes’ Twitter

    Wes’ Facebook

    Scott’s Twitter

    Make sure to include @SyntaxFM in your tweets
    Wes Bos on Bluesky

    Scott on Bluesky

    Syntax on Bluesky

  20. Potluck × Warp × Skeleton UI × Edge Functions × Donut Scoping

    21 juni 2023 · 1 uur 7 min

    Afspelen
    In this potluck episode of Syntax, Wes and Scott answer your questions about rate-limiting an API, using Wasp, Enums in TypeScript, styling React projects, using Edge functions, and more.
    Show Notes 00:11 Welcome
    01:53 Connecting at conferences
    JSNation – the main JavaScript conference of 2023
    Lees meer

    RenderATL 2023 | May 31 - June 2, 2023. | 80+ Speakers

    04:10 What technique do you use for consuming a rate-limited API?
    07:58 Is Wasp-lang.dev ticking all the boxes for an awesome full-stack JavaScript framework?
    Wasp

    14:36 How do you guys feel about skeleton UIs?
    Skeleton | Open UI

    19:10 How can i forward my http only auth cookies to my backend API?
    22:28 What’s your opinion on using Enums in TypeScript?
    29:46 How much off the clock time away from coding related activities do you have in a typical week?
    37:10 What’s the best approach for styling React projects?
    42:49 Donut scoping
    Scope donuts | Stubbornella

    45:21 How do I add user registration and content uploading features to a website?
    Next.js by Vercel - The React Framework

    Laravel - The PHP Framework For Web Artisans

    Image and Video Upload, Storage, Optimization and CDN

    RedwoodJS: The App Framework for Startups | RedwoodJS.com

    SvelteKit • Web development, streamlined

    Learn Node — The best way to learn Node.js, Express, MongoDB, and Friends

    AdonisJS - A fully featured web framework for Node.js

    53:25 Do you see any benefits in using edge functions if your audience is local?
    59:20 SIIIIICK ××× PIIIICKS ×××
    ××× SIIIIICK ××× PIIIICKS ××× Scott: * BOJACK 37 Values 480 Pcs Electronics Component Fun Kit with Power Supply Module, Jumper Wire,Precision Potentiometer,830 tie-Points Breadboard Compatible with STM32,Raspberry Pi,Arduino : Electronics

    Wes: * Local and regional eSIMs for travellers - Airalo

    Shameless Plugs Scott: Sentry

    Wes: Wes Bos Tutorials

    Tweet us your tasty treats Scott’s Instagram

    LevelUpTutorials Instagram

    Wes’ Instagram

    Wes’ Twitter

    Wes’ Facebook

    Scott’s Twitter

    Make sure to include @Syn…

  21. AsyncLocalStorage + AsyncContext API

    19 juni 2023 · 17 min

    Afspelen
    In this Hasty Treat, Scott and Wes talk about AsyncLocalStorage, why more frameworks aren’t using it yet, some examples, as well as some footguns.
    Show Notes 00:22 Welcome
    01:44 What is AsyncLocalStorage?
    03:14 What is context?
    07:49 Why aren’t more frameworks using AsyncLocalStorage for context for middleware?
    10:16 Examples of usage
    14:20 Footguns
    Tweet us your tasty treats Scott’s Instagram
    Lees meer

    LevelUpTutorials Instagram

    Wes’ Instagram

    Wes’ Twitter

    Wes’ Facebook

    Scott’s Twitter

    Make sure to include @SyntaxFM in your tweets
    Wes Bos on Bluesky

    Scott on Bluesky

    Syntax on Bluesky

  22. Supper Club × JavaScript on Hardware, Micro Controllers, ESP32 with Nick Hehr

    16 juni 2023 · 1 uur 4 min

    Afspelen
    In this supper club episode of Syntax, Wes and Scott talk with Nick Hehr about the fun ways to get started with micro controllers, writing JavaScript for hardware, and ideas for projects to build involving hardware and software.
    Show Notes 00:36 Welcome to Syntax
    01:04 Introducing Nick Hehr
    Nick Hehr (@hipsterbrown)
    Lees meer

    HipsterBrown (@hipsterbrown@toot.cafe) - Toot Café

    HipsterBrown

    HipsterBrown (Nick Hehr)

    Nick Hehr on CodePen

    03:58 Running JavaScript on microcontrollers
    06:20 What was your first project that got you into this?
    12:12 Is the ESP32 the most popular controller?
    14:12 Where do you buy hardware?
    Arduino - Home

    Adafruit Industries, Unique & fun DIY electronics and kits

    AliExpress - Online Shopping for Popular Electronics, Fashion, Home & Garden, Toys & Sports, Automobiles and More products - AliExpress

    SparkFun Electronics

    Introduction 🚀 xs-dev Documentation

    Welcome to Robo Wizard | Robo Wizard

    16:52 What are people building with boards?
    18:30 What does the JavaScript look like?
    22:16 Can you make a Fetch request?
    25:45 What about Arduino?
    31:54 What’s a good starter project?
    Johnny-Five: The JavaScript Robotics & IoT Platform

    meganetaaan/stack-chan: A JavaScript-driven M5Stack-embedded super-kawaii robot.

    TC53 - Ecma International

    dtex/j5e: Framework for embedded devices using ECMA-419, the ECMAScript® embedded systems API specification, based on Johnny-Five’s API

    HipsterBrown/on-air-light: An offline-first IoT on-air light for video meetings, using ESP32 & JS

    ESPHome — ESPHome

    Being in the video game with Augmented Climbing | The Kid Should See This

    36:03 Emulation and debugging
    39:13 What else have you made?
    44:31 ESP Home
    54:35 SIIIIICK ××× PIIIICKS ×××
    00:32 Shameless Plugs
    ××× SIIIIICK ××× PIIIICKS ××× The Opus Intro Kit – Fellow

    jdxcode/rtx: Runtime Executor (asdf rust clone)

    Code: The Hidden Language of Computer Hardware and Software: Petzold, Charles: 9780137909100: Books - Amazon.ca

    Shameless Plugs Introduction 🚀 xs-dev Docume…

  23. Electronics for Beginners

    14 juni 2023 · 58 min

    Afspelen
    In this episode of Syntax, Wes and Scott talk through an introduction to electronics that you can do in your own home with microcontrollers.
    Show Notes 00:08 Welcome
    00:52 What we’re talking about
    Arduino - Home
    Lees meer

    ESP32 – The best products with free shipping | only on AliExpress

    02:15 Airtag Sidebar
    04:05 Projects We’ve Worked On
    06:34 How do you run software on the microcontroller
    08:50 Microcontrollers are extendable
    12:05 Fixing a dryer
    14:06 Sprinkler system
    15:48 Microcontrollers
    20:28 AC and DC Voltage
    25:45 Amperage and watts
    28:19 Extension cords ideally would have fuses
    31:18 What’s the risk of not having enough power?
    32:09 GPIO
    35:45 Resistance
    How Resistors Work - Unravel the Mysteries of How Resistors Work!

    41:12 Capacitors
    42:02 Sensors
    5/1pcs HLK LD2410C 24G mmWave FMCW Millimeter Wave 5M Human Presence Status Radar Sensor Motion Detection Modul High Sensitivity

    46:47 Relays
    48:33 Coding microcontrollers
    Web Serial API

    ESPHome — ESPHome

    Johnny-Five: The JavaScript Robotics & IoT Platform

    Espruino - JavaScript for Microcontrollers

    Introduction - The Rust on ESP Book

    Welcome to Quick.js! - quick.js

    52:32 A note on Soldering
    53:12 Projects for kids
    54:31 SIIIIICK ××× PIIIICKS ×××
    ××× SIIIIICK ××× PIIIICKS ××× Scott: Razor blade

    Wes: ESP32 – The best products with free shipping | only on AliExpress

    Shameless Plugs Scott: Syntax Discord

    Wes: Wes’ Instagram

    Tweet us your tasty treats Scott’s Instagram

    LevelUpTutorials Instagram

    Wes’ Instagram

    Wes’ Twitter

    Wes’ Facebook

    Scott’s Twitter

    Make sure to include @SyntaxFM in your tweets
    Wes Bos on Bluesky

    Scott on Bluesky

    Syntax on Bluesky

  24. GitHub Projects, Milestones, Labels, and Actions

    12 juni 2023 · 24 min

    Afspelen
    In this Hasty Treat, Scott and Wes talk about some of the GitHub features you may not have used very much including projects, milestones, labels, and actions.
    Show Notes 00:26 Welcome
    01:53 That’s sick
    04:05 What we’ve used in the past
    Trello
    Lees meer

    Jira | Issue & Project Tracking Software | Atlassian

    06:13 Working with Github Projects
    About Projects

    11:57 Milestones
    About milestones

    14:35 GitHub Labels
    Managing labels

    19:51 GitHub Actions
    Features • GitHub Actions

    Level Up Tutorials - Learn modern web development

    Tweet us your tasty treats Scott’s Instagram

    LevelUpTutorials Instagram

    Wes’ Instagram

    Wes’ Twitter

    Wes’ Facebook

    Scott’s Twitter

    Make sure to include @SyntaxFM in your tweets
    Wes Bos on Bluesky

    Scott on Bluesky

    Syntax on Bluesky

  25. Is JSDoc Better than TypeScript?

    7 juni 2023 · 43 min

    Afspelen
    In this episode of Syntax, Wes and Scott use the fact that Svelte is being converted from TypeScript to JavaScript with JSDoc to talk about the benefits of working that way, why they are doing it, and what you can do with JSDoc that TypeScript alone doesn’t let you do.
    Show Notes 00:10 Welcome
    Lees meer

    01:12 Roof update

    02:15 TypeScript haters need not apply

    03:17 What is JSDoc?

    04:27 What is our history with JSDoc?

    06:37 Why is Svelte moving to JSDoc?

    08:11 Why is JSDoc better than TypeScript?

    12:31 You can type things you can’t in TypeScript

    16:37 Param, Function and returns Descriptions

    21:32 Spoiler - it’s still TypeScript

    33:23 SIIIIICK ××× PIIIICKS ×××

    Get Started With TypeScript the Easy Way

    TypeScript without TypeScript – JSDoc superpowers

    TypeScript: Documentation - JSDoc Reference

    Dev Vlog: April 2023 - TypeScript vs JSDoc, Transitions API, Dominic Gannaway joins Svelte team

    Svelte repo is finally being converted from Typescript to Javascript with JSDoc

    If you are on a JS project and are missing the TypeScript hinting in your editor, you can still type your code with JSDoc syntax comments and VS Code will detect and use it!

    Sprinkle in a little JSDoc on top of your TypeScript when needed - helpful to adding descriptions to returned values, or marking things as deprecated

    TypeScript to JSDoc

    ××× SIIIIICK ××× PIIIICKS ××× Scott: Watch MerPeople | Netflix Official Site

    Wes: 18V ONE+ 45W HYBRID SOLDERING STATION (TOOL ONLY) | RYOBI Tools

    Shameless Plugs Scott: Sentry

    Wes: Wes Bos Tutorials

    Tweet us your tasty treats Scott’s Instagram

    LevelUpTutorials Instagram

    Wes’ Instagram

    Wes’ Twitter

    Wes’ Facebook

    Scott’s Twitter

    Make sure to include @SyntaxFM in your tweets
    Wes Bos on Bluesky

    Scott on Bluesky

    Syntax on Bluesky

  26. Nothing in CSS - 0 vs 0px, no, none, hidden, initial and unset

    5 juni 2023 · 34 min

    Afspelen
    In this Hasty Treat, Scott and Wes talk about all the nothing in CSS: 0 vs 0px, no, none, hidden, initial and unset.
    Show Notes 00:22 Welcome
    01:50 The @ property
    03:33 Hiding Things
    10:07 Ghost Spaces
    17:47 Collapsing margins
    18:33 0 units vs 0
    23:42 Unset and initial
    27:42 HTML Bonus
    Tweet us your tasty treats Scott’s Instagram
    Lees meer

    LevelUpTutorials Instagram

    Wes’ Instagram

    Wes’ Twitter

    Wes’ Facebook

    Scott’s Twitter

    Make sure to include @SyntaxFM in your tweets
    Wes Bos on Bluesky

    Scott on Bluesky

    Syntax on Bluesky

  27. Supper Club × Matt Rothenberg and Idan Gazit on Github Next

    2 juni 2023 · 1 uur 4 min

    Afspelen
    In this supper club episode of Syntax, Wes and Scott talk with Matt Rothenberg and Idan Gazit from GitHub about GitHub Next, Copilot, AI based projects at Github, and what the future is for developers with AI.
    Show Notes 00:38 Welcome
    01:23 Who are Matt and Idan?
    Matt Rothenberg
    Lees meer

    @mattrothenberg

    Matt Rothenberg on CodePen

    Matt Rothenberg on GitHub)

    Idan Gazit

    @idangazit

    Idan Gazit vis.social

    Idan Gazit on GitHub

    02:22 What’s the history of GitHub Next?
    GitHub Copilot · Your AI pair programmer

    ChatGPT | OpenAI

    05:18 How do you come up with new ideas?
    06:37 Did GitHub Copilot blow up fast?
    13:18 Do we need powerful models for all situations?
    16:40 How does Copilot know my codebase?
    Inside GitHub: Working with the LLMs behind GitHub Copilot | The GitHub Blog

    21:34 What’s Copilot X?
    Introducing GitHub Copilot X

    24:57 What is it like to have a hit like Copilot?
    31:27 What is the future for developers due to AI?
    35:11 What other AI based projects are you working on?
    42:10 Are there any flops from GitHub Next?
    46:59 How do you think about Code Brushes?
    GitHub Next | Code Brushes

    48:46 Supper Club questions
    Breeze | Afternoon Labs

    Introduction - The Rust on ESP Book

    Recursive Sans & Mono

    Bearded Theme - Visual Studio Marketplace

    Zed - Code at the speed of thought

    Warp: The terminal for the 21st century

    59:16 SIIIIICK ××× PIIIICKS ×××
    Shameless Plugs GitHub Next

    githubnext/githubnext: A public point of contact for GitHub Next

    Ariakit - Toolkit for building accessible UIs

    Liveblocks | Collaborative experiences in days, not months

    Tweet us your tasty treats Scott’s Instagram

    LevelUpTutorials Instagram

    Wes’ Instagram

    Wes’ Twitter

    Wes’ Facebook

    Scott’s Twitter

    Make sure to include @SyntaxFM in your tweets
    Wes Bos on Bluesky

    Scott on Bluesky

    Syntax on Bluesky

  28. The New Syntax Site × Ingest, Stack, AI and more

    31 mei 2023 · 1 uur 13 min

    Afspelen
    In this episode of Syntax, Wes and Scott talk through the work in progress on the new Syntax website, how to tackle all the moving parts, what stack they picked, AI, and more.
    Show Notes 00:10 Welcome
    00:56 Leaky roofs
    02:18 How we divided the workload for the new Syntax site
    Issues of Syntax v2
    Lees meer

    V2 of the website

    02:55 Dark mode vs light mode
    04:46 Our project management stack
    06:36 High school dances
    08:36 Tech stack for Syntax v2
    Prisma | Next-generation ORM for Node.js & TypeScript

    PlanetScale: The world’s most advanced database platform

    16:44 PostCSS and Sveltekit
    SvelteKit • Web development, streamlined

    Vercel: Develop. Preview. Ship. For the best frontend teams

    17:57 Auth
    Authorizing OAuth Apps

    oAuth APIs Explained — Syntax Podcast 599

    23:15 Transcription
    Otter.ai - Voice Meeting Notes & Real-time Transcription

    Amazon Transcribe – Speech to Text - AWS

    Introducing Whisper

    WhisperX: Automatic Speech Recognition with Word-level Timestamps (& Diarization)

    Speech-to-Text: Automatic Speech Recognition Google Cloud

    Deepgram: World’s Most Powerful Speech-to-Text API

    35:54 Theming system
    CSS Zen Garden: The Beauty of CSS Design

    43:38 AI Shownotes
    53:02 Ingest process
    00:24 Markdown as the source of truth
    01:50 AI Embeddings
    Vector Database for Vector Search | Pinecone

    Introducing Ask Netlify: a new way of engaging with Netlify Docs with AI-Powered interactions

    09:22:24 SIIIIICK ××× PIIIICKS ×××
    ××× SIIIIICK ××× PIIIICKS ××× Scott: Jury Duty

    Wes: Ted Lasso

    Shameless Plugs Scott: Syntax Discord

    Wes: Wes Bos Tutorials

    Tweet us your tasty treats Scott’s Instagram

    LevelUpTutorials Instagram

    Wes’ Instagram

    Wes’ Twitter

    Wes’ Facebook

    Scott’s Twitter

    Make sure to include @SyntaxFM in your tweets
    Wes Bos on Bluesky

    Scott on Bluesky

    Syntax on Bluesky

  29. JavaScript.exe - Standalone Executables

    29 mei 2023 · 17 min

    Afspelen
    In this Hasty Treat, Scott and Wes talk about JavaScript executables - what is it? What’s the benefit of them? And what kind of tooling exists to support them?
    Show Notes 00:25 Welcome
    01:12 What are JavaScript executables?
    04:39 Deploying tooling
    06:01 Running on a USB stick
    07:57 The size
    12:19 Fastly
    The edge cloud platform behind the best of the web | Fastly
    Lees meer

    Deno — A modern runtime for JavaScript and TypeScript

    Bun — A fast all-in-one JavaScript runtime

    Tweet us your tasty treats Scott’s Instagram

    LevelUpTutorials Instagram

    Wes’ Instagram

    Wes’ Twitter

    Wes’ Facebook

    Scott’s Twitter

    Make sure to include @SyntaxFM in your tweets
    Wes Bos on Bluesky

    Scott on Bluesky

    Syntax on Bluesky

  30. Supper Club × Bramus Van Damme on CSS

    26 mei 2023 · 56 min

    Afspelen
    In this supper club episode of Syntax, Wes and Scott talk with Bramus Van Damme all about CSS, what the CSS Working Group is, how he got good at blogging, setting custom property types in CSS, view transition API, and so much more.
    Show Notes 00:35 Welcome Bramus Van Damme
    02:29 Who is Bramus?
    Bramus Van Damme - Developer Relations Engineer - LinkedIn
    Lees meer

    Original Content – Bram.us

    Bramus on Twitter (@bramus)

    bramus on GitHub (Bramus!)

    03:33 What is the CSS Working Group?
    CSS WG Blog

    w3c/csswg-drafts: CSS Working Group Editor Drafts

    11:18 How did you get so good at blogging?
    CSS Trig functions

    14:02 Scroll Driven Animations
    Bram.us: Scroll linked animations with scrolltimeline and viewtimeline/

    Chrome Dev blog: Scroll driven animations/

    MDN Animation timeline

    Scroll-driven-animations.style

    25:53 What’s going on with Houdini?
    IsHoudiniReadyYet.com

    CSS Props and Vals

    27:09 Why do you need to set a custom property type in CSS?
    29:08 How do you debug values in CSS?
    30:12 What is Scope Styling?
    34:50 But when can I use it?
    36:18 What’s the status of the view transition API?
    View Transitions

    40:53 What are you looking forward to in CSS?
    42:19 Would CSS ever get a strict mode?
    47:05 Supper Club Questions
    ZSH - THE Z SHELL

    zsh-users/antigen: The plugin manager for zsh.

    web.dev

    Blog - Chrome Developers

    Welcome to Feedly

    52:40 SIIIIICK ××× PIIIICKS ×××
    ××× SIIIIICK ××× PIIIICKS ××× Meetups
    Shameless Plugs Scroll-driven-animations.style

    Tweet us your tasty treats Scott’s Instagram

    LevelUpTutorials Instagram

    Wes’ Instagram

    Wes’ Twitter

    Wes’ Facebook

    Scott’s Twitter

    Make sure to include @SyntaxFM in your tweets
    Wes Bos on Bluesky

    Scott on Bluesky

    Syntax on Bluesky

  31. Potluck × JR Devs & Copilot × CSS Variable Limitations × SvelteKit

    24 mei 2023 · 58 min

    Afspelen
    In this potluck episode of Syntax, Wes and Scott answer your questions about not becoming dependent on Copilot, CSS variable limitations, finding Sick Picks, lodash hate, and more!
    Show Notes 00:11 Welcome
    00:55 Ice, ice baby
    02:01 Reactathon
    Reactathon returns May 2-3, 2023
    Lees meer

    The edge cloud platform behind the best of the web | Fastly

    04:49 Submit your question for our next potluck
    05:24 How do you suggest adding form / database to Svelte?
    Svelte • Cybernetically enhanced web apps

    Astro

    08:18 What can’t go into a CSS custom prop?
    12:42 Are there any really good certifications for Javascript or general full stack development?
    16:21 What is the most exciting thing about teaching programming for both of you?
    19:37 What is the most challenging thing you have ever overcome in this field?
    21:55 How can junior to mid-level devs make the most out of GitHub Copilot while avoiding getting dependent on it and hurting their abilities in the long run?
    26:23 Any tips on driving a culture of code quality in a team?
    30:28 How soon should Sentry be brought into a new project being built from scratch?
    33:11 Is there a place where I can search through all the Sick Picks?
    Syntax Sick Picks

    34:40 Why is box-sizing: border-box; not the default?
    37:51 Is using lodash in a NextJS web application a terrible idea nowadays?
    40:42 What is the best practice for storing JWT token?
    43:53 Any tips on converting ajax requests to use Fetch API?
    patch-package - npm

    45:11 Any suggestions for tips for updating a very dated React Native codebase?
    50:56 SIIIIICK ××× PIIIICKS ×××
    ××× SIIIIICK ××× PIIIICKS ××× Scott: Tales of Taboo podcast Spotify / Apple Podcasts

    Wes: Rubber Flooring
    Shameless Plugs Scott: Sentry

    Wes: Wes Bos Tutorials

    Tweet us your tasty treats Scott’s Instagram

    LevelUpTutorials Instagram

    Wes’ Instagram

    Wes’ Twitter

    Wes’ Facebook

    Scott’s Twitter

    Make sure to include @SyntaxFM in your tweets
    Wes Bos on Bluesky

    Scott on Bluesky

    Syntax on Bluesky

  32. Why Is node_modules So Big?

    22 mei 2023 · 25 min

    Afspelen
    In this Hasty Treat, Scott and Wes talk about the reasons your node_modules folder gets so large, and what you can do to help keep the file size down.
    Show Notes 00:24 Welcome
    00:51 The punching bag of Javascript
    DaisyDisk
    Lees meer

    02:03 Spoiler alert - it’s text
    04:49 What actually increases the size?
    07:29 Types
    09:27 Polyfills
    11:09 Raycast Snippets and BetterTouchTool
    12:44 Babel
    15:08 Markdown
    15:52 Translations
    18:23 What is the solution?
    Raycast

    Bundlephobia | Size of npm dependencies

    Better Touch Tool

    Fast, disk space efficient package manager | pnpm

    Tweet us your tasty treats Scott’s Instagram

    LevelUpTutorials Instagram

    Wes’ Instagram

    Wes’ Twitter

    Wes’ Facebook

    Scott’s Twitter

    Make sure to include @SyntaxFM in your tweets
    Wes Bos on Bluesky

    Scott on Bluesky

    Syntax on Bluesky

  33. Supper Club × Adam Argyle on What's New in CSS

    19 mei 2023 · 56 min

    Afspelen
    In this supper club episode of Syntax, Wes and Scott talk with Adam Argyle about a ton of new CSS features that have arrived or are coming soon, as well as his new site Gradient.style.
    Show Notes 00:34 Welcome
    01:05 Guest introduction
    Adam on Bluesky
    Lees meer

    Adam on Twitter

    01:48 CSS buckets
    New CSS Relative Units · January 6, 2023

    03:16 rex rch ric rlh
    08:06 Gradient.style
    CSS HD Gradients

    Open Props: sub-atomic styles

    13:49 What are style queries vs container queries vs state queries?
    una.im | Style Queries

    Getting Started with Style Queries - Chrome Developers

    CSS Container Style Queries | Can I use… Support tables for HTML5, CSS3, etc

    18:09 Trig functions
    Trigonometric functions in CSS

    CSS Trigonometric Functions: cos() and sin(): dots on a circle

    19:57 Live transitions
    Understand Disney’s 12 principles of animation | Creative Bloq

    25:08 View transitions
    View Transitions Demo

    View Transitions API - Web APIs | MDN

    26:01 Text-wrap balance
    CSS text-wrap: balance - Chrome Developers

    26:45 Text-wrap pretty
    27:44 What’s the future of the browser landscape?
    31:44 nth-child(An+B [of S])
    33:06 Cascade layers
    34:40 CSS Nesting
    38:03 Animate discrete properties
    39:42 Linear function
    Linear easing generator

    41:33 Media query range syntax
    42:04 Subgrid everywhere
    44:41 Media query range and variables?
    UI Elements - Basics, Best Practice, and Built Ins — Syntax Podcast 612

    45:32 env variables
    Hasty Treat - CSS Nesting 1 — Syntax Podcast 343

    46:59 Animation composition
    49:50 Select menu HTML element
    52:16 SIIIIICK ××× PIIIICKS ×××
    ××× SIIIIICK ××× PIIIICKS ××× Shameless Plugs Onewheel // Future Motion

    Adam Argyle

    Tweet us your tasty treats Scott’s Instagram

    LevelUpTutorials Instagram

    Wes’ Instagram

    Wes’ Twitter

    Wes’ Facebook

    Scott’s Twitter

    Make sure to include @SyntaxFM in your tweets
    Wes Bos on Bluesky

    Scott on Bluesky

    Syntax on Bluesky

  34. Where Should You Host Your App? Hosting Providers Compared

    17 mei 2023 · 1 uur 11 min

    Afspelen
    In this episode of Syntax, Wes and Scott talk about your options for hosting your app including some of the big players, but also others you may not have heard of.
    Show Notes 00:11 Welcome
    01:06 Explaining basic concepts in hosting providers
    07:55 How is hosting priced?
    10:09 The big names in hosting
    Amazon Web Services
    Lees meer

    Google Cloud

    Microsoft Azure

    DigitalOcean | The Cloud for Builders

    Sales Cloud

    Flightcontrol — AWS Without Pain

    Supper Club × Next.js on AWS + Serverless with Dax Raad — Syntax Podcast 589

    16:29 Render
    Render

    23:50 Vercel
    Vercel: Develop. Preview. Ship. For the best frontend teams

    28:04 Heroku
    Cloud Application Platform | Heroku

    31:58 Digital Ocean
    36:10 Linode
    Create your account - Linode

    38:34 Netlify
    Develop and deploy websites and apps in record time | Netlify

    The Deno Show — Syntax Podcast 322

    Decap CMS | Open-Source Content Management System

    46:30 Fly
    Deploy app servers close to your users · Fly

    Railway

    54:19 Cloudflare
    Cloudflare - The Web Performance & Security Company | Cloudflare

    00:43 Deno deploy
    Deno Deploy | Deno

    03:04 SIIIIICK ××× PIIIICKS ×××
    ××× SIIIIICK ××× PIIIICKS ××× Scott: Automators - Relay FM

    Wes: Dropbox.com

    Shameless Plugs Scott: Sentry

    Wes: Wes Bos Tutorials

    Tweet us your tasty treats Scott’s Instagram

    LevelUpTutorials Instagram

    Wes’ Instagram

    Wes’ Twitter

    Wes’ Facebook

    Scott’s Twitter

    Make sure to include @SyntaxFM in your tweets
    Wes Bos on Bluesky

    Scott on Bluesky

    Syntax on Bluesky

  35. WTF Are Signals And Why Is Everyone So Hot On Them All Of The Sudden?

    15 mei 2023 · 19 min

    Afspelen
    In this Hasty Treat, Scott and Wes talk about Signals - what are signals and why is everyone talking about them suddenly?
    Show Notes 00:25 Welcome
    01:40 Chipping away at projects
    03:20 WTF are signals?
    Signals
    Lees meer

    Framework reimagined for the edge! - Qwik

    SolidJS · Reactive Javascript Library

    Zone

    Vanilla

    09:03 What are the boundaries on signals?
    10:49 Why are signals so popular now?
    15:57 When wouldn’t you use signals?
    Tweet us your tasty treats Scott’s Instagram

    LevelUpTutorials Instagram

    Wes’ Instagram

    Wes’ Twitter

    Wes’ Facebook

    Scott’s Twitter

    Make sure to include @SyntaxFM in your tweets

  36. Supper Club × Dylan Jhaveri - Video for the Web and MUX

    12 mei 2023 · 57 min

    Afspelen
    In this supper club episode of Syntax, Wes and Scott talk with Dylan Jhaveri about his work at Mux, how Mux ingests and spits out video, and where Mux fits in a tech stack for developers working with video and audio.
    Show Notes 00:36 Welcome
    01:27 Who is Dylan Jhaveri?
    Dylan (@dylanjha)
    Lees meer

    The Internet’s video infrastructure | Mux

    Mux Player

    03:04 Why did you build Mux Player?
    FFmpeg

    FFmpeg WASM

    06:19 How did you chose to go with web components?
    CanIUse Mediasource

    09:36 What is Mux?
    15:20 Can you stitch or clip video via the API with Mux?
    18:07 Do you think hls will be supported in Chromium or Firefox?
    21:56 How does Mux process videos into 5 versions?
    26:35 Is Web assembly in use for video?
    27:55 Has Mux researched AI for video?
    31:13 Building a podcast transcription video
    36:49 Do you have to use MP4? What about webM?
    39:36 Media Chrome video player
    Elements for building media players

    44:58 What’s Mux Data?
    Mux Data

    49:33 Slick Mux website
    Mux.com

    52:13 SIIIIICK ××× PIIIICKS ×××
    ××× SIIIIICK ××× PIIIICKS ××× Cruise

    Tweet us your tasty treats Scott’s Instagram

    LevelUpTutorials Instagram

    Wes’ Instagram

    Wes’ Twitter

    Wes’ Facebook

    Scott’s Twitter

    Make sure to include @SyntaxFM in your tweets

  37. UI Elements - Basics, Best Practice, and Built Ins

    10 mei 2023 · 56 min

    Afspelen
    In this episode of Syntax, Wes and Scott talk about UI elements and best practices with UI elements, as well as UI elements that exist in browsers.
    Show Notes 00:10 Welcome
    01:10 Making demos for fun
    02:47 Why we’re talking UI elements
    03:48 Bad UI elements in the browser
    Syntax 602: Modals, Popups, Popovers, Lightboxes
    Lees meer

    Progress

    10:47 Decent UI elements in browser
    19:49 Enter Open UI
    Open UI

    34:39 Accordion hunks
    38:15 Pop overs
    42:15 Focus group
    46:10 SIIIIICK ××× PIIIICKS ×××
    ××× SIIIIICK ××× PIIIICKS ××× Scott: Fishskyn

    Wes: Flavacol & Butter Flavoured Coconut Oil

    Shameless Plugs Scott: Sentry replays

    Wes: Wes Bos Tutorials

    Tweet us your tasty treats Scott’s Instagram

    LevelUpTutorials Instagram

    Wes’ Instagram

    Wes’ Twitter

    Wes’ Facebook

    Scott’s Twitter

    Make sure to include @SyntaxFM in your tweets

  38. Bluesky + AT Protocol

    8 mei 2023 · 38 min

    Afspelen
    In this episode of Syntax, Wes and Scott talk all things Bluesky, the AT Protocol it’s built in, the terminology of Bluesky, and how the API currently works.
    Show Notes 00:07 Welcome
    00:53 Welcome to the Bluesky
    Wes Bos on Bluesky
    Lees meer

    Scott on Bluesky

    Syntax on Bluesky

    03:14 What could the new Twitter be?
    07:56 What is Bluesky?
    Nostr

    Bluesky

    Twitter Blue

    Bluesky Staging

    Bluesky FAQ

    10:25 Why is social media important?
    14:01 What is AT Protocol?
    22:06 Lexicon for Bluesky
    28:10 Small group of devs building Bluesky
    Cravings by Chrissy Teigen | Fun Recipes & Cookware

    29:54 Blocking issues
    31:53 Bluesky API
    Samy on Darknet Diaries ep61

    Shameless Plugs Scott: Sentry)
    Wes: Wes Bos Tutorials

    Tweet us your tasty treats Scott’s Instagram

    LevelUpTutorials Instagram

    Wes’ Instagram

    Wes’ Twitter

    Wes’ Facebook

    Scott’s Twitter

    Make sure to include @SyntaxFM in your tweets

  39. Supper Club × Zach Lloyd from Warp

    5 mei 2023 · 1 uur

    Afspelen
    In this supper club episode of Syntax, Wes and Scott talk with Zach Lloyd about how Google Sheets works, why Zach wanted to build Warp, why did they use Rust to write Warp in, is Warp going to come to Windows, and more!
    Show Notes 00:20 Welcome
    Lees meer

    01:12 Who is Zach Lloyd?

    Zack on Twitter

    Zack on LinkedIn

    Warp Terminal × Next Gen Terminals — Syntax Podcast 579

    Warp: The terminal for the 21st century

    03:41 How does Google Sheets work?

    GWT

    13:38 What is Warp and why did you build it?

    Introducing Warp

    16:50 Why did you build Warp in Rust?

    Rust Programming Language

    Harfbuzz

    Adventures in Text Rendering: Kerning and Glyph Atlases

    23:20 How would you move Warp to Windows?

    26:02 How would you run Warp on the web?

    31:24 How are the blocks done inside Warp?

    36:23 Would Warp ever add a shell?

    40:04 Is better completion support coming to Warp?

    44:42 Warp AI features

    52:08 Supper Club questions

    56:52 SIIIIICK ××× PIIIICKS ×××

    Oh My Zsh - a delightful & open source framework for Zsh

    ××× SIIIIICK ××× PIIIICKS ××× Tonal | The World’s Smartest Home Gym Machine For Strength & Fitness

    Shameless Plugs Join Us | Warp

    Tweet us your tasty treats Scott’s Instagram

    LevelUpTutorials Instagram

    Wes’ Instagram

    Wes’ Twitter

    Wes’ Facebook

    Scott’s Twitter

    Make sure to include @SyntaxFM in your tweets

  40. The Syntax Giveaway Site - Codes, Bots, Tech Stack and More!

    3 mei 2023 · 52 min

    Afspelen
    In this episode of Syntax, Wes and Scott talk about the tech stack they used to create the Syntax giveaway site for the Sentry + Syntax announcement week. What were the features of the site, how’d they generate proper codes, and how’d they stop developers from hacking the system?
    Show Notes 00:07 How to do a giveaway and distribute it?
    04:26 Building in the spirit of Syntax
    05:44 The tech stack
    SvelteKit • Web development, streamlined
    Lees meer

    Prisma | Next-generation ORM for Node.js & TypeScript

    Syntax × Sentry MMXXIII | Product Blog • Sentry

    PlanetScale: The world’s most advanced database platform

    My Places - Google My Maps

    sveltekit-basic-auth/hooks.server.ts at main · ghostdevv/sveltekit-basic-auth

    Voucherify: Free Random Codes Generator

    09:48 Hosted on Vercel
    Vercel

    13:04 What are the features of the site?
    19:10 Generating the codes properly
    26:48 Releasing locked coupon codes
    29:13 Client to server side connections
    32:56 Stopping developers from gaming the giveaway
    46:29 SIIIIICK ××× PIIIICKS ×××
    ××× SIIIIICK ××× PIIIICKS ××× Scott: The Super Mario Bros. Movie (2023) - IMDb

    Wes: The Strong National Museum of Play

    Shameless Plugs Scott: Application Performance Monitoring & Error Tracking Software | Sentry

    Wes: Wes Bos Tutorials

    Tweet us your tasty treats Scott’s Instagram

    LevelUpTutorials Instagram

    Wes’ Instagram

    Wes’ Twitter

    Wes’ Facebook

    Scott’s Twitter

    Make sure to include @SyntaxFM in your tweets

  41. RPC in JavaScript!

    1 mei 2023 · 19 min

    Afspelen
    In this Hasty Treat, Scott and Wes talk about RPC, what it means, why are we talking about it now, tRPC, and will RPC take off?
    Show Notes 00:22 Welcome
    01:51 What does RPC mean?
    04:52 Why are we talking RPC now?
    10:27 Hype around RPC
    Supper Club × Solid.js with Ryan Carniato — Syntax Podcast 577
    Lees meer

    11:05 Isn’t this just a REST endpoint?
    13:23 Considerations around RPC
    16:11 What about tRPC?
    Supper Club × tRPC With Alex KATT Johansson — Syntax Podcast 526

    18:08 Will RPC take off?
    Tweet us your tasty treats Scott’s Instagram

    LevelUpTutorials Instagram

    Wes’ Instagram

    Wes’ Twitter

    Wes’ Facebook

    Scott’s Twitter

    Make sure to include @SyntaxFM in your tweets

  42. Supper Club × Privacy, Cookie Banners, GDPR with Donata and Hans Skillrud

    28 april 2023 · 1 uur 5 min

    Afspelen
    In this supper club episode of Syntax, Wes and Scott talk with Donata and Hans Skillrud of Termageddon on GDPR, privacy policies, cookie pop ups, and the various legal and ethical reasons to implement them properly.
    Show Notes 00:36 Welcome
    01:47 Who are Donata and Hans?
    Donata Stroink-Skillrud Esq., CIPP on Twitter
    Lees meer

    Hans Skillrud on Twitter

    Termageddon

    Termageddon on Instagram

    Termageddon on LinkedIn

    03:39 What are privacy policies and a terms of service?
    4 Things to Look for in a Privacy Policy Generator - Termageddon

    Why accessibility is important when it comes to cookie consent - Termageddon

    09:15 Does scrolling to the bottom and pretending to read terms work?
    10:49 Do people ever read the terms of service?
    15:57 Do companies ever actually get in trouble for violating privacy?
    20:06 What is GDPR and the impact on small business owners?
    32:30 Cookie war and pop ups
    35:40 Essential cookies
    42:42 Alternatives to Google Analytics
    The Google Analytics alternative without compromise - Fathom Analytics

    Self-hosted website analytics | Ackee

    43:39 Denying cookies, but still able to create accounts?
    48:57 Is there legal concerns with AI?
    Can ChatGPT (AI) write your Privacy Policy? - Termageddon

    56:25 What is Termageddon?
    58:59 SIIIIICK ××× PIIIICKS ×××
    ××× SIIIIICK ××× PIIIICKS ××× EPIX From TV Series

    Tweet us your tasty treats Scott’s Instagram

    LevelUpTutorials Instagram

    Wes’ Instagram

    Wes’ Twitter

    Wes’ Facebook

    Scott’s Twitter

    Make sure to include @SyntaxFM in your tweets

  43. Potluck × Crypto × SEO × Status Pages × Learning Tools

    26 april 2023 · 1 uur 18 min

    Afspelen
    In this potluck episode of Syntax, Wes and Scott answer your questions about type guards vs type casting, crypto usage, feedback for Syntax, custom status pages, SEO and metadata, uploading images, home automation, and more!
    Show Notes 00:12 Welcome
    01:23 Scott’s new gear
    MT-48
    Lees meer

    Volt USB Audio Interfaces

    07:36 Are type guards safer and superior to type casting?
    13:51 I know you guys (lightly) rag on Crypto, but do you see any use-case there for proof-of-personhood?
    23:34 Where do I give feedback outside of Twitter?
    User Feedback | Sentry Documentation

    27:19 Do you have custom status pages created for your platforms?
    UptimeRobot: Free Website Monitoring Service

    Privacy Badger

    Status.io - Hosted Status Pages

    Statuspage | Atlassian

    DigitalOcean Status

    35:12 Is metadata only good for SEO? Does SEO matter on pages you can only view if you’re logged in?
    39:00 How do you upload images from authenticated users?
    46:30 What do you think of Zed?
    Zed - Code at the speed of thought

    53:21 I’ve got ADHD - any tips for focusing and staying on track?
    56:54 How do I convince my partner to accept more home automation?
    02:15 What kind of tools and processes do you use and find effective when learning?
    Obsidian

    Mind Map & Brainstorm Ideas - MindNode

    06:42 Would it make any sense to use the Fetch API with a long running stream?
    08:31 SIIIIICK ××× PIIIICKS ×××
    ××× SIIIIICK ××× PIIIICKS ××× Scott: Project Farm

    Wes: Splatypus

    Shameless Plugs Scott: Sentry

    Wes: Wes Bos Tutorials

    Tweet us your tasty treats Scott’s Instagram

    LevelUpTutorials Instagram

    Wes’ Instagram

    Wes’ Twitter

    Wes’ Facebook

    Scott’s Twitter

    Make sure to include @SyntaxFM in your tweets

  44. CSS Color Functions

    24 april 2023 · 16 min

    Afspelen
    In this Hasty Treat, Scott and Wes talk about CSS Color Functions, the benefits of dynamic css color, relative color syntax, color contrast, and color mix.
    Show Notes 00:26 Welcome
    00:49 Why we’re talking CSS Color Functions
    01:57 Benefits of dynamic CSS color
    03:14 Relative color syntax
    06:51 Color contrast
    09:26 Color mix
    Tweet us your tasty treats Scott’s Instagram
    Lees meer

    LevelUpTutorials Instagram

    Wes’ Instagram

    Wes’ Twitter

    Wes’ Facebook

    Scott’s Twitter

    Make sure to include @SyntaxFM in your tweets

  45. Supper Club × ESLint with Nicholas Zakas

    21 april 2023 · 1 uur 8 min

    Afspelen
    In this supper club episode of Syntax, Wes and Scott talk with Nicholas Zakas about his creation of ESLint, what’s coming up in ESLint, and his work as a coach and mentor for programmers.
    Show Notes 00:34 Welcome
    01:20 Guest introduction
    Human Who Codes
    Lees meer

    Nicholas C. Zakas (@nzakas@fosstodon.org)

    Twitter @slicknet

    nzakas on GitHub

    @humanwhocodes) on Instagram

    Human Who Codes on YouTube

    04:24 Why did you want to build ESLint?
    09:08 How does ESLint work?
    13:25 How do you work on a project for a decade?
    17:12 At what point do you pay attention to JavaScript proposed changes?
    20:37 Config systems in JavaScript
    31:18 ESLint in Rust?
    41:07 Are we going to see ESLint for more languages?
    47:06 What kind of coaching do you do for programmers?
    02:46 SIIIIICK ××× PIIIICKS ×××
    ××× SIIIIICK ××× PIIIICKS ××× Apollo Neuro

    Shameless Plugs Understanding JavaScript Promises

    Tweet us your tasty treats Scott’s Instagram

    LevelUpTutorials Instagram

    Wes’ Instagram

    Wes’ Twitter

    Wes’ Facebook

    Scott’s Twitter

    Make sure to include @SyntaxFM in your tweets

  46. Can Vanilla CSS Replace Sass Yet?

    19 april 2023 · 1 uur 6 min

    Afspelen
    In this episode of Syntax, Wes and Scott go through all the features of Sass and decide where we are at with Native CSS alternatives, giving each feature a rating of replaceable, plausible, or missing.
    Show Notes 00:11 Welcome
    01:17 Easter updates
    04:17 Getting into Sass
    06:03 What is PostCSS?
    09:52 CSS Variables
    13:49 CSS Nesting
    CSS Nesting - Chrome Developers
    Lees meer

    postcss-plugins/plugins/postcss-nesting at main · csstools/postcss-plugins

    23:13 Colors
    CSS5 Color Functions — Syntax Podcast 479

    29:08 CSS Looping
    34:20 Mixins or extends
    39:34 CSS Partials
    Features - PostCSS Preset Env - CSSTools

    44:29 CSS Math
    49:40 Functions
    Is Houdini Ready Yet?

    52:04 Firefox and Safari support
    55:08 Back to Functions
    56:21 BEM Syntax
    58:51 SIIIIICK ××× PIIIICKS ×××
    ××× SIIIIICK ××× PIIIICKS ××× Scott: Solar Lantern

    Wes: Cotton Candy Machine

    Shameless Plugs Scott: Sentry

    Wes: Wes Bos Tutorials

    Tweet us your tasty treats Scott’s Instagram

    LevelUpTutorials Instagram

    Wes’ Instagram

    Wes’ Twitter

    Wes’ Facebook

    Scott’s Twitter

    Make sure to include @SyntaxFM in your tweets

  47. Modals, Popups, Popovers, Lightboxes

    17 april 2023 · 29 min

    Afspelen
    In this Hasty Treat, Scott and Wes talk through the differences between modals, popups, popovers, lightboxes, and dialog boxes.
    Show Notes 00:31 Welcome
    02:25 What’s popping up?
    02:59 What’s a modal?
    08:33 Pop overs and lightboxes
    10:41 Explicit dismiss and light dismiss
    11:30 Inert property
    inert
    Lees meer

    16:30 Backdrop pseudo element
    Dialog with animation

    19:26 Dialog
    28:12:11 Making accessibility easier
    const showButton = document.getElementById('showDialog'); const favDialog = document.getElementById('favDialog'); const outputBox = document.querySelector('output'); const selectEl = favDialog.querySelector('select'); const confirmBtn = favDialog.querySelector('#confirmBtn'); // "Show the dialog" button opens the modally showButton.addEventListener('click', () => { favDialog.showModal(); }); // "Favorite animal" input sets the value of the submit button selectEl.addEventListener('change', (e) => { confirmBtn.value = selectEl.value; }); // "Confirm" button of form triggers "close" on dialog because of [method="dialog"] favDialog.addEventListener('close', () => { outputBox.value = `ReturnValue: ${favDialog.returnValue}.`; }); Tweet us your tasty treats Scott’s Instagram

    LevelUpTutorials Instagram

    Wes’ Instagram

    Wes’ Twitter

    Wes’ Facebook

    Scott’s Twitter

    Make sure to include @SyntaxFM in your tweets

  48. Supper Club × Nate Weinert and Tamagui

    14 april 2023 · 52 min

    Afspelen
    In this supper club episode of Syntax, Wes and Scott talk with Nate Weinert, creator of Tamagui, about what Tamagui is, how styling works in React native, building and designing the Tamagui website, and more.
    Show Notes 00:29 Welcome
    01:22 Who is Nate Weinert?
    Nate (@natebirdman)
    Lees meer

    natew on GitHub

    Tamagui — React Native + Web UI kit

    tamagui: The worlds fastest React UI kit also happens to work on Native + Web seamlessly 🙏

    02:34 What is Tamagui?
    04:02 How does styling work in React native?
    05:35 What is React native web?
    08:27 What does Tamagui do besides styling?
    14:38 How did you build and design the Tamagui website?
    Stitches — CSS-in-JS with near-zero runtime

    Next.js by Vercel - The React Framework

    16:50 What are the docs made with?
    20:25 What are Atomic Styles?
    26:16 How is layout handled in react native?
    29:26 Where are things going in the React world?
    App.js Conference 2023

    react-native-reanimated - npm

    37:45 Supper Club questions
    iTerm2 - macOS Terminal Replacement

    47:15 SIIIIICK ××× PIIIICKS ×××
    ××× SIIIIICK ××× PIIIICKS ××× ABEO Footwear - Shop Biomechanical Sandals, Shoes and Orthotics

    Shameless Plugs foobully - Twitch

    Tamagui — React Native + Web UI kit

    Tweet us your tasty treats Scott’s Instagram

    LevelUpTutorials Instagram

    Wes’ Instagram

    Wes’ Twitter

    Wes’ Facebook

    Scott’s Twitter

    Make sure to include @SyntaxFM in your tweets

  49. 600th Episode! Major Announcement + SWAG Giveaway!

    12 april 2023 · 57 min

    Afspelen
    In the 600th episode of Syntax, Wes and Scott talk about the big announcement about Syntax’s future, exciting new opportunities coming for the show, and more!
    Show Notes 00:11 Scott’s big announcement
    00:58 Our big announcement
    01:39 Guest introduction
    David Cramer (@zeeg)
    Lees meer

    Application Performance Monitoring & Error Tracking Software | Sentry

    Sentry (@getsentry)

    02:28 Background on how we got here
    05:53 What does this mean for the podcast?
    08:58 Why did Sentry want to partner with Syntax?
    15:39 What does this mean for more + better Syntax?
    18:56 We want to hear from you
    23:17 Clarifications
    23:42 What’s David Cramer’s background?
    31:44 Helping spread the Syntax vibe
    World Famous HOTBOYS

    35:40 Silly questions
    37:52 What’s the ROI on Wes’ TikToks?
    38:37 Is Syntax going to become purple?
    40:46 The new Syntax website
    47:16 Giveaway coming!
    51:32 SIIIIICK ××× PIIIICKS ×××
    ××× SIIIIICK ××× PIIIICKS ××× David Cramer: Vitest | A blazing fast unit test framework powered by Vite

    Scott: Valley Heat Podcast - A Podcast About The Neighborhood

    Wes: CCS - The Premier Online Skate Shop for Skateboards & Skate Gear

    Shameless Plugs Scott: LevelUp Tutorials

    Wes: Wes Bos Tutorials

    Tweet us your tasty treats Scott’s Instagram

    LevelUpTutorials Instagram

    Wes’ Instagram

    Wes’ Twitter

    Wes’ Facebook

    Scott’s Twitter

    Make sure to include @SyntaxFM in your tweets

  50. oAuth APIs Explained

    10 april 2023 · 22 min

    Afspelen
    In this Hasty Treat, Scott and Wes talk all things oAuth - what is oAuth? What terms do you need to understand when working with oAuth? And tips for working with oAuth.
    Show Notes 00:26 Welcome
    Office Space
    Lees meer

    HTTPS + Tunnel Your Localhost - Cloudflare Tunnels, Ngrok, and more! — Syntax Podcast 590

    01:56 What is oAuth?
    05:30 Terminology in oAuth
    07:52 Once you have a client ID
    09:41 The callback URL
    12:11 The refresh token
    14:09 How a token could be stolen
    17:43 State token
    Tweet us your tasty treats Scott’s Instagram

    LevelUpTutorials Instagram

    Wes’ Instagram

    Wes’ Twitter

    Wes’ Facebook

    Scott’s Twitter

    Make sure to include @SyntaxFM in your tweets