JS Party: JavaScript & Web Dev

CSS! Everyone's favorite programming language

This week Emma and Adam are joined by Una Kravets to discuss difficult parts of CSS. Discuss on Changelog News [https://changelog.com/jsparty/176/discuss] Join Changelog++ [https://changelog.com/++] to support our work, get closer to the metal, and make the ads disappear! Sponsors * O'Reilly Media [https://www.oreilly.com/changelog] – Learn by doing — Python, data, AI, machine learning, Kubernetes, Docker, and more. Just open your browser and dive in. Learn more and keep your teams’ skills sharp at oreilly.com/changelog [https://www.oreilly.com/changelog] * Raygun [https://raygun.com/?utm_medium=podcast&utm_source=jsparty&utm_campaign=changelog&utm_content=homepage] – With Raygun Error and Performance Monitoring you have all the information you need at your fingertips to quickly find and fix errors and performance issues across your tech stack down to the line of code. Get started with a free 14-day trial, head to raygun.com [https://raygun.com/?utm_medium=podcast&utm_source=jsparty&utm_campaign=changelog&utm_content=homepage] and join thousands of customer-centric software teams who use Raygun every day. * Sentry [https://sentry.io/] – Build better software, faster with Sentry’s application monitoring platform. Diagnose, fix, and optimize the performance of your code. Cut your time on error resolution from hours to minutes. Use the code PARTYTIME and get the team plan free for three months. Featuring * Una Kravets – Twitter [https://twitter.com/Una], GitHub [https://github.com/una], Website [https://una.im] * Emma Bostian – Twitter [https://twitter.com/EmmaBostian], GitHub [https://github.com/EmmaBostian], LinkedIn [https://www.linkedin.com/in/emmabostian] * Adam Stacoviak – Twitter [https://twitter.com/adamstac], GitHub [https://github.com/adamstac], LinkedIn [https://www.linkedin.com/in/adamstacoviak], Website [https://adamstacoviak.com/] Notes and Links * The CSS Podcast [https://thecsspodcast.libsyn.com/] * Toolsday [https://spec.fm/podcasts/toolsday] * Atomic Habits by James Clear [https://jamesclear.com/atomic-habits] * Tailwind CSS [https://tailwindcss.com/] * Bootstrap [https://getbootstrap.com/] * Adam Argyle [https://twitter.com/argyleink] * Open UI [https://open-ui.org/] * Inverted Triangle CSS [https://www.freecodecamp.org/news/managing-large-s-css-projects-using-the-inverted-triangle-architecture-3c03e4b1e6df/#:%7E:text=The%20Inverted%20Triangle%20architecture%2C%20also,upside%2Ddown%2C%20layered%20triangle.] * CSS The Definitive Guide by Eric Meyer [https://meyerweb.com/eric/books/css-tdg/] * 10 modern layouts in 1 line of CSS by Una [https://www.youtube.com/watch?v=qm0IfG1GyZU] * Grid Garden [https://cssgridgarden.com/] * Flexbox Froggy [https://codepip.com/games/flexbox-froggy/] * CSS Tricks Grid Guide [https://css-tricks.com/snippets/css/complete-guide-grid/] * CSS Tricks Flexbox Guide [https://css-tricks.com/snippets/css/a-guide-to-flexbox/] * Container Queries [https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Container_Queries] * Learn CSS by Una’s team [https://web.dev/learn/css/]

This is ReScript

Ever wanted a language like JavaScript, but without the warts, with a great type system, and with a lean build toolchain that doesn’t waste your time? Patrick Ecker from the ReScript Association sits down with Jerod and Feross to tell us all about this “JavaScript-like language you have been waiting for”. Discuss on Changelog News [https://changelog.com/jsparty/175/discuss] Join Changelog++ [https://changelog.com/++] to support our work, get closer to the metal, and make the ads disappear! Sponsors * O'Reilly Media [https://www.oreilly.com/changelog] – Learn by doing — Python, data, AI, machine learning, Kubernetes, Docker, and more. Just open your browser and dive in. Learn more and keep your teams’ skills sharp at oreilly.com/changelog [https://www.oreilly.com/changelog] * Square [https://squareup.com/go/changelog] – Develop on the platform that sellers trust! Use API Explorer to interact with, test, or play with your applications in Square. You can build, view, and send HTTP requests that call Square APIs with API Explorer. Get started with Square [https://squareup.com/go/changelog], check out the API Explorer [https://developer.squareup.com/explorer/square], or the API Explorer docs [https://developer.squareup.com/docs/testing/api-explorer]. * Sentry [https://sentry.io/] – Build better software, faster with Sentry’s application monitoring platform. Diagnose, fix, and optimize the performance of your code. Cut your time on error resolution from hours to minutes. Use the code PARTYTIME and get the team plan free for three months. Featuring * Patrick Ecker – Twitter [https://twitter.com/ryyppy], GitHub [https://github.com/ryyppy] * Jerod Santo – Twitter [https://twitter.com/jerodsanto], GitHub [https://github.com/jerodsanto] * Feross Aboukhadijeh – Twitter [https://twitter.com/feross], GitHub [https://github.com/feross], Website [https://feross.org/] Notes and Links * Wormhole [https://wormhole.app] * The nitty gritty on BitMidi [https://jsparty.fm/47] * ReScript’s website [https://rescript-lang.org] * The ReScript Association [https://rescript-association.org]

For a more dope web!

Paul Bakaus from Google Web Creators [https://blog.google/web-creators/] joins Amal, Nick, & Jerod to talk about this new initiative to promote, educate, and equip people to create on the web. Along the way we discuss Web Stories, AMP, RSS, Google Reader, and more, of course. Join us: for a more dope web! Discuss on Changelog News [https://changelog.com/jsparty/174/discuss] Join Changelog++ [https://changelog.com/++] to support our work, get closer to the metal, and make the ads disappear! Sponsors * O'Reilly Media [https://www.oreilly.com/changelog] – Learn by doing — Python, data, AI, machine learning, Kubernetes, Docker, and more. Just open your browser and dive in. Learn more and keep your teams’ skills sharp at oreilly.com/changelog [https://www.oreilly.com/changelog] * Square [https://squareup.com/go/changelog] – Develop on the platform that sellers trust! Use API Explorer to interact with, test, or play with your applications in Square. You can build, view, and send HTTP requests that call Square APIs with API Explorer. Get started with Square [https://squareup.com/go/changelog], check out the API Explorer [https://developer.squareup.com/explorer/square], or the API Explorer docs [https://developer.squareup.com/docs/testing/api-explorer]. * Sentry [https://sentry.io/] – Build better software, faster with Sentry’s application monitoring platform. Diagnose, fix, and optimize the performance of your code. Cut your time on error resolution from hours to minutes. Use the code PARTYTIME and get the team plan free for three months. Featuring * Paul Bakaus – Twitter [https://twitter.com/pbakaus], GitHub [https://github.com/pbakaus], LinkedIn [https://www.linkedin.com/in/paulbakaus], Website [https://paulbakaus.com] * Amal Hussein – Twitter [https://twitter.com/nomadtechie], GitHub [https://github.com/nomadtechie] * Jerod Santo – Twitter [https://twitter.com/jerodsanto], GitHub [https://github.com/jerodsanto] * Nick Nisi – Twitter [https://twitter.com/nicknisi], GitHub [https://github.com/nicknisi], Website [https://nicknisi.com] Notes and Links * Web Stories on Google [https://stories.google/] * French company that is using Stories on their site [https://join-stories.com/] * Web Stories for WordPress [https://wp.stories.google/] * Make Stories [https://makestories.io/] * Newsroom AI [https://www.nws.ai/] * AMP Story Player [https://amp.dev/documentation/guides-and-tutorials/integrate/embed-stories/] * Web Creators on: * YouTube [https://youtube.com/GoogleWebCreators] * Instagram [https://www.instagram.com/googlewebcreators/] * Twitter [https://twitter.com/WebCreators] * Blog [https://blog.google/web-creators/]

Blasting off with Apollo 🚀

KBall, Amal, and Feross are joined by special guest Jenn Creighton to talk about all things Apollo. How does Apollo fit into the GraphQL ecosystem, what’s the next big thing, and when would you choose to use it? Discuss on Changelog News [https://changelog.com/jsparty/173/discuss] Join Changelog++ [https://changelog.com/++] to support our work, get closer to the metal, and make the ads disappear! Sponsors * O'Reilly Media [https://www.oreilly.com/changelog] – Learn by doing — Python, data, AI, machine learning, Kubernetes, Docker, and more. Just open your browser and dive in. Learn more and keep your teams’ skills sharp at oreilly.com/changelog [https://www.oreilly.com/changelog] * Raygun [https://raygun.com/?utm_medium=podcast&utm_source=jsparty&utm_campaign=changelog&utm_content=homepage] – With Raygun Error and Performance Monitoring you have all the information you need at your fingertips to quickly find and fix errors and performance issues across your tech stack down to the line of code. Get started with a free 14-day trial, head to raygun.com [https://raygun.com/?utm_medium=podcast&utm_source=jsparty&utm_campaign=changelog&utm_content=homepage] and join thousands of customer-centric software teams who use Raygun every day. * Sentry [https://sentry.io/] – Build better software, faster with Sentry’s application monitoring platform. Diagnose, fix, and optimize the performance of your code. Cut your time on error resolution from hours to minutes. Use the code PARTYTIME and get the team plan free for three months. Featuring * Jenn Creighton – Twitter [https://twitter.com/gurlcode] * Kevin Ball – Twitter [https://twitter.com/kbal11], GitHub [https://github.com/kball], LinkedIn [https://www.linkedin.com/in/kbal11], Website [https://zendev.com/] * Amal Hussein – Twitter [https://twitter.com/nomadtechie], GitHub [https://github.com/nomadtechie] * Feross Aboukhadijeh – Twitter [https://twitter.com/feross], GitHub [https://github.com/feross], Website [https://feross.org/] Notes and Links * Single Threaded podcast by Jenn Creighton [https://anchor.fm/single-threaded] * Apollo [https://www.apollographql.com/] * GraphQL Fragments [https://www.apollographql.com/docs/react/data/fragments/] * Apollo Federation [https://www.apollographql.com/docs/federation/] * GraphQL Foundation [https://graphql.org/foundation/] * hey JS buds, i know lots of you have had some “moments” [https://twitter.com/horse_js/status/1381964876772306953]

Sweet setups for easier dev

The gang talks about thier favorite software and hardware as developers. Brian Douglas joins to share his unique and open GitHub Actions flow. Discuss on Changelog News [https://changelog.com/jsparty/172/discuss] Join Changelog++ [https://changelog.com/++] to support our work, get closer to the metal, and make the ads disappear! Sponsors * O'Reilly Media [https://www.oreilly.com/changelog] – Learn by doing — Python, data, AI, machine learning, Kubernetes, Docker, and more. Just open your browser and dive in. Learn more and keep your teams’ skills sharp at oreilly.com/changelog [https://www.oreilly.com/changelog] * Square [https://squareup.com/go/changelog] – Develop on the platform that sellers trust! Use API Explorer to interact with, test, or play with your applications in Square. You can build, view, and send HTTP requests that call Square APIs with API Explorer. Get started with Square [https://squareup.com/go/changelog], check out the API Explorer [https://developer.squareup.com/explorer/square], or the API Explorer docs [https://developer.squareup.com/docs/testing/api-explorer]. * Sentry [https://sentry.io/] – Build better software, faster with Sentry’s application monitoring platform. Diagnose, fix, and optimize the performance of your code. Cut your time on error resolution from hours to minutes. Use the code PARTYTIME and get the team plan free for three months. Featuring * Brian Douglas – Twitter [https://twitter.com/bdougieyo], GitHub [https://github.com/bdougie], Website [https://briandouglas.me/] * Nick Nisi – Twitter [https://twitter.com/nicknisi], GitHub [https://github.com/nicknisi], Website [https://nicknisi.com] * Kevin Ball – Twitter [https://twitter.com/kbal11], GitHub [https://github.com/kball], LinkedIn [https://www.linkedin.com/in/kbal11], Website [https://zendev.com/] Notes and Links SOFTWARE * Macvim [https://macvim-dev.github.io/macvim/] * Vim [https://www.vim.org] * VSCode [https://code.visualstudio.com] * Neovim [https://neovim.io] * coc.nvim [https://github.com/neoclide/coc.nvim] * Fortran [https://fortran-lang.org] * Nick’s Dotfiles [https://github.com/nicknisi/dotfiles] * tmux [https://github.com/tmux/tmux] * GitHub Codespaces [https://github.com/features/codespaces] * Docker [https://www.docker.com] * Personalize Codespaces for your account [https://docs.github.com/en/github/developing-online-with-codespaces/personalizing-codespaces-for-your-account] * VSCode Live Share [https://marketplace.visualstudio.com/items?itemName=MS-vsliveshare.vsliveshare] * iTerm2 [https://iterm2.com] * Base16 [https://github.com/chriskempson/base16] * Kitty [https://sw.kovidgoyal.net/kitty/] * vim-devicons [https://github.com/ryanoasis/vim-devicons] PRODUCTIVITY SOFTWARE * Roam Research [https://roamresearch.com] * Zettelkasten [https://en.wikipedia.org/wiki/Zettelkasten] * Calendly [https://calendly.com] * Obsidian [https://obsidian.md] * Jamstack Radio [https://podcasts.apple.com/us/podcast/jamstack-radio/id1148797643] * Dropbox Paper [https://www.dropbox.com/paper] * Notion [https://www.notion.so/] * Brian’s Github [https://github.com/bdougie/live] * Github Actions [https://github.com/features/actions] * GitHub GraphQL API [https://docs.github.com/en/graphql/overview/explorer] * OneGraph [https://www.onegraph.com] * Relay [https://chentsulin.github.io/relay/] * OmniFocus [http://omnifocus.com] * GTD [https://gettingthingsdone.com] HARDWARE * Spectacle [https://www.spectacleapp.com] * Moom [https://manytricks.com/moom/] * LG 38UC99-W [https://www.lg.com/us/monitors/lg-38UC99-W-ultrawide-monitor] * Easy Window Resize - Chrome Extension [https://chrome.google.com/webstore/detail/easy-window-resize/cfpenpohaapdgnkglcbgjiooipcbcebi] * RDM [https://github.com/avibrazil/RDM] * Elgato HD60 [https://www.elgato.com/en/game-capture-hd60-pro] * OBS Studio [https://obsproject.com] * Apple Magic Keyboard [https://www.apple.com/shop/product/MLA22LL/A/magic-keyboard-us-english] * Keychron K3 [https://www.keychron.com/pages/keychron-k3-wireless-mechanical-keyboard] * Magicforce Mechanical Keyboard [https://www.amazon.com/Qisan-Mechanical-Keyboard-68-Keys-Magicforce/dp/B01E8KO2B0/ref=sr_1_3] * Aplpe Magic Mouse [https://www.apple.com/shop/product/MLA02LL/A/magic-mouse-2-silver] * Magic Trackpad [https://www.apple.com/shop/product/MJ2R2LL/A/magic-trackpad-2-silver?fnode=f60c3f44b6a2376593e084a97c0a540383ac1ad27e28d30d7ab3c5bb654dee2784a206b3ec65b75e2265955a464c8258a2d1f5c78d8602a9180227fda1310e47779cf406c7bd21e1b60ffefd92b7d098afb8f72432f0f16b3cf5832efd59cffe142c2dd4d7feb8d60e38483624954df6] * Kettlebells [https://en.wikipedia.org/wiki/Kettlebell] * Canon EOS M200 Camera [https://www.amazon.com/Canon-M200-EF-M-15-45mm-Black/dp/B07XYPVFCH] * Sigma 16 Lens [https://www.amazon.com/Sigma-16mm-Contemporary-Lens-Sony/dp/B077BWD2BB] * Aazon Basics Premium Single Monitor Stand [https://www.amazon.com/AmazonBasics-Premium-Single-Monitor-Stand/dp/B00MIBN16O/ref=sr_1_4]