JS Party: JavaScript, CSS, Web Development

Estelle Weyl has been building the web since 1999 and documenting it since 2007. Today she joins Amal for a loooong and deeeep conversation about new and !important features of CSS & HTML. Sit down, strap in, and prepare to be schooled! Join the discussionChangelog++ members save 5 minutes on this episode because they made the ads disappear. Join today!Sponsors:Raygun – Never miss another mission-critical issue again — Raygun Alerting is now available for Crash Reporting and Real User Monitoring, to make sure you are quickly notified of the errors, crashes, and front-end performance issues that matter most to you and your business. Set thresholds for your alert based on an increase in error count, a spike in load time, or new issues introduced in the latest deployment. Start your free 14-day trial at Raygun.com Sourcegraph – Transform your code into a queryable database to create customizable visual dashboards in seconds. Sourcegraph recently launched Code Insights — now you can track what really matters to you and your team in your codebase. See how other teams are using this awesome feature at about.sourcegraph.com/code-insights Retool – The low-code platform for developers to build internal tools — Some of the best teams out there trust Retool…Brex, Coinbase, Plaid, Doordash, LegalGenius, Amazon, Allbirds, Peloton, and so many more – the developers at these teams trust Retool as the platform to build their internal tools. Try it free at retool.com/changelog Featuring:Estelle Weyl – GitHub, XAmal Hussein – GitHub, XShow Notes: web platform tests test262 report Estelle’s CSS slides Google’s web.dev site Open Web Docs MDN: Cascade MDN: Cascade Layers MDN: Specificity MDN: important Merry-Go-Round Specificity with Fish Something missing or broken? PRs welcome!

Maggie Johnson-Pint from Stanza sits down with Amal & Divya for a deep-dive in to the production side of the development world. If you’re at all curious (and/or intimidated) by terms like Site Reliability Engineering (SRE), Service Level Objective (SLO), OpenTelemetry, distributed tracing, and the like… this episode’s for you! Join the discussionChangelog++ members save 5 minutes on this episode because they made the ads disappear. Join today!Sponsors:Raygun – Never miss another mission-critical issue again — Raygun Alerting is now available for Crash Reporting and Real User Monitoring, to make sure you are quickly notified of the errors, crashes, and front-end performance issues that matter most to you and your business. Set thresholds for your alert based on an increase in error count, a spike in load time, or new issues introduced in the latest deployment. Start your free 14-day trial at Raygun.com Square – Develop on the platform that sellers trust. There is a massive opportunity for developers to support Square sellers by building apps for today’s business needs. Learn more at changelog.com/square to dive into the docs, APIs, SDKs and to create your Square Developer account — tell them Changelog sent you. Sourcegraph – Transform your code into a queryable database to create customizable visual dashboards in seconds. Sourcegraph recently launched Code Insights — now you can track what really matters to you and your team in your codebase. See how other teams are using this awesome feature at about.sourcegraph.com/code-insights Featuring:Maggie Johnson-Pint – Website, GitHub, LinkedIn, XAmal Hussein – GitHub, XDivya – Website, GitHub, LinkedIn, XShow Notes: Stanza OpenTelemetry 📘 Site Reliability Engineering 📘 The Site Reliability Workbook web components has egg on its face because the zeitgeist Something missing or broken? PRs welcome!

Nick & Amelia welcome the co-authors of Tiny CSS Projects to discuss their awesome new (and still in-progress) Manning book all about CSS! Use code podjsparty20 when checking out to save 40% (good for all products in all formats!) and join the JS Party community chat for a chance to win a free ebook copy! Join the discussionChangelog++ members save 5 minutes on this episode because they made the ads disappear. Join today!Sponsors:Square – Develop on the platform that sellers trust. There is a massive opportunity for developers to support Square sellers by building apps for today’s business needs. Learn more at changelog.com/square to dive into the docs, APIs, SDKs and to create your Square Developer account — tell them Changelog sent you. Sentry – Working code means happy customers. That’s exactly why teams choose Sentry. From error tracking to performance monitoring, Sentry helps teams see what actually matters, resolve problems quicker, and learn continuously about their applications - from the frontend to the backend. Use the code CHANGELOG and get the team plan free for three months. Fly.io – Deploy your apps and databases close to your users. In minutes you can run your Ruby, Go, Node, Deno, Python, or Elixir app (and databases!) all over the world. No ops required. Learn more at fly.io/changelog and check out the speedrun in their docs. Featuring:Martine Dowden – Website, GitHub, XMichael Gearon – Nick Nisi – Website, GitHub, Mastodon, XAmelia Wattenberger – Website, GitHub, XShow Notes: Tiny CSS Projects (use code podjsparty20 to save 40%!) Join the JS Party community to win a free ebook! Something missing or broken? PRs welcome!

What do Story of the Week, HeadLIES & Pro Tip Time have in common? They’re all games we play on this seriously ridiculous episode of JS Party! Join the discussionChangelog++ members get a bonus 8 minutes at the end of this episode and zero ads. Join today!Sponsors:Sentry – Working code means happy customers. That’s exactly why teams choose Sentry. From error tracking to performance monitoring, Sentry helps teams see what actually matters, resolve problems quicker, and learn continuously about their applications - from the frontend to the backend. Use the code CHANGELOG and get the team plan free for three months. Vercel – Vercel combines the best developer experience with an obsessive focus on end-user performance. Our platform enables frontend teams to do their best work. Unlock a better frontend workflow today. Fly.io – Deploy your apps and databases close to your users. In minutes you can run your Ruby, Go, Node, Deno, Python, or Elixir app (and databases!) all over the world. No ops required. Learn more at fly.io/changelog and check out the speedrun in their docs. Featuring:Jerod Santo – GitHub, LinkedIn, Mastodon, XAmelia Wattenberger – Website, GitHub, XAmal Hussein – GitHub, XNick Nisi – Website, GitHub, Mastodon, XShow Notes:Story of the Week The Future of the Web is on the Edge Brave blocking annoying and privacy-harming cookie consent banners Linear’s website temporarily replaced with a Figma file HeadLIES Apple’s Mixed Reality Headset to Offer Iris Scanning for Payments, Logging In The US department of Veteran Affairs postpones rollout of electronic health record systems, developed by Oracle under a $50B contact, until 2030 Heroku reverses course, plans to reintroduce free plans after facing community backlash Decentraland’s reported to have only has 38 Daily Active Users in their $1.3B Ecosystem Meta Avatar Legs Demo ‘Created By Motion Capture’, Not Live VR Pro Tip Time Nick: How I use git worktrees Jerod: Get a Pi-hole! Something missing or broken? PRs welcome!

Docusaurus maintainer Sébastien Lorber joins Jerod & Amal for a deep-dive on everybody’s favorite documentation generator. It’s back with a big 2.0 release, boasts some big users, and has a big set of new features such as document versioning, a plugin architecture, and more. Join the discussionChangelog++ members get a bonus 6 minutes at the end of this episode and zero ads. Join today!Sponsors:Raygun – Never miss another mission-critical issue again — Raygun Alerting is now available for Crash Reporting and Real User Monitoring, to make sure you are quickly notified of the errors, crashes, and front-end performance issues that matter most to you and your business. Set thresholds for your alert based on an increase in error count, a spike in load time, or new issues introduced in the latest deployment. Start your free 14-day trial at Raygun.com Retool – The low-code platform for developers to build internal tools — Some of the best teams out there trust Retool…Brex, Coinbase, Plaid, Doordash, LegalGenius, Amazon, Allbirds, Peloton, and so many more – the developers at these teams trust Retool as the platform to build their internal tools. Try it free at retool.com/changelog Sourcegraph – Transform your code into a queryable database to create customizable visual dashboards in seconds. Sourcegraph recently launched Code Insights — now you can track what really matters to you and your team in your codebase. See how other teams are using this awesome feature at about.sourcegraph.com/code-insights Featuring:Sébastien Lorber – GitHub, XJerod Santo – GitHub, LinkedIn, Mastodon, XAmal Hussein – GitHub, XShow Notes: Docusaurus The showcase docusaurus.new This Week in React Something missing or broken? PRs welcome!

Hang with Jerod, Nick & KBall while we discuss what’s new & noteworthy in the web world. Cloudflare Turnstile, Linkify 4.0, TC39 updates, the Figma acquisition, Penpot, pay transparency, and more! We might even discuss TypeScript if Nick gets his way… Join the discussionChangelog++ members get a bonus 16 minutes at the end of this episode and zero ads. Join today!Sponsors:Raygun – Never miss another mission-critical issue again — Raygun Alerting is now available for Crash Reporting and Real User Monitoring, to make sure you are quickly notified of the errors, crashes, and front-end performance issues that matter most to you and your business. Set thresholds for your alert based on an increase in error count, a spike in load time, or new issues introduced in the latest deployment. Start your free 14-day trial at Raygun.com Square – Develop on the platform that sellers trust. There is a massive opportunity for developers to support Square sellers by building apps for today’s business needs. Learn more at changelog.com/square to dive into the docs, APIs, SDKs and to create your Square Developer account — tell them Changelog sent you. Sourcegraph – Transform your code into a queryable database to create customizable visual dashboards in seconds. Sourcegraph recently launched Code Insights — now you can track what really matters to you and your team in your codebase. See how other teams are using this awesome feature at about.sourcegraph.com/code-insights Fly.io – Deploy your apps and databases close to your users. In minutes you can run your Ruby, Go, Node, Deno, Python, or Elixir app (and databases!) all over the world. No ops required. Learn more at fly.io/changelog and check out the speedrun in their docs. Featuring:Jerod Santo – GitHub, LinkedIn, Mastodon, XNick Nisi – Website, GitHub, Mastodon, XKevin Ball – Website, GitHub, LinkedIn, XShow Notes: Nick finished a transition to Vite Jerod shipped chapters support KBall shipped… Cloudflare announces Turnstile Updates from the 92nd TC39 meeting Extractors Array.fromAsync Linkify v4.0 😱 Obsidian plugin Figma acquisition Figjam Penpot SVG-based figma alternative? open source on GitHub California pay transparency law TypeScript 4.9 beta satisfies Something missing or broken? PRs welcome!

Patformatic co-founders Matteo Collina & Luca Maraschi join Amal & Chris to discuss their just-announced (and we mean just announced) open source database tool: Platformatic DB! It’s a daemon that can turn any PostgreSQL, MySQL, MariaDB, or SQLite database into a REST and GraphQL endpoint. What makes it special is that it allows massive customization thanks to the flexibility of Fastify plugins. Join the discussionChangelog++ members save 4 minutes on this episode because they made the ads disappear. Join today!Sponsors:Square – Develop on the platform that sellers trust. There is a massive opportunity for developers to support Square sellers by building apps for today’s business needs. Learn more at changelog.com/square to dive into the docs, APIs, SDKs and to create your Square Developer account — tell them Changelog sent you. Sentry – Working code means happy customers. That’s exactly why teams choose Sentry. From error tracking to performance monitoring, Sentry helps teams see what actually matters, resolve problems quicker, and learn continuously about their applications - from the frontend to the backend. Use the code CHANGELOG and get the team plan free for three months. Fly.io – Deploy your apps and databases close to your users. In minutes you can run your Ruby, Go, Node, Deno, Python, or Elixir app (and databases!) all over the world. No ops required. Learn more at fly.io/changelog and check out the speedrun in their docs. Featuring:Matteo Collina – Website, GitHub, Mastodon, XLuca Maraschi – GitHub, XAmal Hussein – GitHub, XChristopher Hiller – Website, GitHub, Mastodon, XShow Notes: 🎧 JS Party #197: Fastify served with a refreshing Pino 🍷 Our first Open Source tool: Platformatic DB Platformatic on GitHub @databases Adventures in Nodeland Something missing or broken? PRs welcome!

We’re back with another spicy YepNope debate! This time, Amelia and KBall are arguing that there’s real value to (continue) using React in 2022, while Amal and special guest (and author of the post which stemmed the whole debate) Josh Collinsworth argue that React’s time leading innovation has passed. Of course, the stance each panelist is taking is assigned ahead of time. Is that how they really feel? Tune in and find out! Join the discussionChangelog++ members save 7 minutes on this episode because they made the ads disappear. Join today!Sponsors:Square – Develop on the platform that sellers trust. There is a massive opportunity for developers to support Square sellers by building apps for today’s business needs. Learn more at changelog.com/square to dive into the docs, APIs, SDKs and to create your Square Developer account — tell them Changelog sent you. DEX: Sort the Madness – Join our friends at Sentry for their upcoming developer experience conference called DEX: Sort the Madness. This event will be in-person in San Francisco AND virtual on September 28. This is a free conference by developers for developers where you’ll sort through the madness and look at ways to improve workflow productivity. Learn more and register Fly.io – Deploy your apps and databases close to your users. In minutes you can run your Ruby, Go, Node, Deno, Python, or Elixir app (and databases!) all over the world. No ops required. Learn more at fly.io/changelog and check out the speedrun in their docs. Sourcegraph – Transform your code into a queryable database to create customizable visual dashboards in seconds. Sourcegraph recently launched Code Insights — now you can track what really matters to you and your team in your codebase. See how other teams are using this awesome feature at about.sourcegraph.com/code-insights Featuring:Josh Collinsworth – Website, GitHub, XNick Nisi – Website, GitHub, Mastodon, XAmal Hussein – GitHub, XAmelia Wattenberger – Website, GitHub, XKevin Ball – Website, GitHub, LinkedIn, XShow Notes: The self-fulfilling prophecy of React React Svelte Vue Angular Nick’s spicy initial take on React at JS Conf 2013 Svelte Summit 🐴 RxJS. lol. Not a lot to back it up, but okay. Something missing or broken? PRs welcome!

Austin Gil joins the show and KBall continues an old email correspondence about the JS community and growth. Then, the gang plays a round of TIL where Austin shares his learnings about the HTML capture attribute. Finally, Austin shares what it’s like to have a blog post blow up. Join the discussionChangelog++ members save 9 minutes on this episode because they made the ads disappear. Join today!Sponsors:DEX: Sort the Madness – Join our friends at Sentry for their upcoming developer experience conference called DEX: Sort the Madness. This event will be in-person in San Francisco AND virtual on September 28. This is a free conference by developers for developers where you’ll sort through the madness and look at ways to improve workflow productivity. Learn more and register Vercel – Vercel combines the best developer experience with an obsessive focus on end-user performance. Our platform enables frontend teams to do their best work. Unlock a better frontend workflow today. Fly.io – Deploy your apps and databases close to your users. In minutes you can run your Ruby, Go, Node, Deno, Python, or Elixir app (and databases!) all over the world. No ops required. Learn more at fly.io/changelog and check out the speedrun in their docs. Hasura – Create dynamic high-performance GraphQL & REST APIs from your database(s) in minutes with granular authorization and caching baked in. All without touching your underlying database. Go from data to API in minutes. Get started for free at hasura.io/jsparty Featuring:Austin Gil – Website, GitHub, LinkedIn, XNick Nisi – Website, GitHub, Mastodon, XKevin Ball – Website, GitHub, LinkedIn, XShow Notes: TIL: You can access a user’s camera with just HTML HN Link Video Explainer Obsidian Obsidian Sample Plugin OODA Loop Function Call podcast Submit to Changelog News Something missing or broken? PRs welcome!

Jerod, KBall & Nick “Holla!” at React India, share what we’re excited about these days, and then take up a KBall topic that goes off the rails but manages to climb back on them, power through, and end up in a good place. Join the discussionChangelog++ members save 7 minutes on this episode because they made the ads disappear. Join today!Sponsors:Retool – The low-code platform for developers to build internal tools — Some of the best teams out there trust Retool…Brex, Coinbase, Plaid, Doordash, LegalGenius, Amazon, Allbirds, Peloton, and so many more – the developers at these teams trust Retool as the platform to build their internal tools. Try it free at retool.com/changelog Raygun – Never miss another mission-critical issue again — Raygun Alerting is now available for Crash Reporting and Real User Monitoring, to make sure you are quickly notified of the errors, crashes, and front-end performance issues that matter most to you and your business. Set thresholds for your alert based on an increase in error count, a spike in load time, or new issues introduced in the latest deployment. Start your free 14-day trial at Raygun.com Hasura – Create dynamic high-performance GraphQL & REST APIs from your database(s) in minutes with granular authorization and caching baked in. All without touching your underlying database. Go from data to API in minutes. Get started for free at hasura.io/jsparty Sourcegraph – Transform your code into a queryable database to create customizable visual dashboards in seconds. Sourcegraph recently launched Code Insights — now you can track what really matters to you and your team in your codebase. See how other teams are using this awesome feature at about.sourcegraph.com/code-insights Featuring:Jerod Santo – GitHub, LinkedIn, Mastodon, XNick Nisi – Website, GitHub, Mastodon, XKevin Ball – Website, GitHub, LinkedIn, XShow Notes:Holla! React India I’m Excited About $X Can I use container queries? Obsidian Obsidian Dataview Stable Diffusion is a really big deal img2img source image img2img result image KBall’s Topic How to start a movement ~~Conway’s Law~~ Goodhart’s Law Cory Wilkerson on The Changelog The Dip Something missing or broken? PRs welcome!