JS Party: JavaScript, CSS, Web Development

Big news in Deno Land

Deno creator Ryan Dahl goes one-on-one with Jerod to discuss their new npm support, why he’s so excited about JavaScript containers, Deno Deploy’s present & future, what he thinks about alternative runtimes like Bun, WinterCG, how Wasm fits into the story & more! Discuss on Changelog News Changelog++ members save 5 minutes on this episode because they made the ads disappear. 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. 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 Lolo Code – If you’re familiar with building severless apps, think of Lolo Code as your backend with a visual editor that lets you think and build at the same time. All this without having to provision or manage servers. Use the visual editor to build your app, connect nodes, and add any npm libraries you need. You can even write your own integrations. This makes Lolo Code very Zapier-ish, but for devs. Try it free today with no credit card required at lolo.co/jsparty Featuring Ryan Dahl – GitHub, Website Jerod Santo – Mastodon, Twitter, GitHub, LinkedIn Notes and Links Ryan on The Changelog #443 Deno 1.28 announcement JavaScript ShadowRealms JavaScript Containers WinterCG Something missing or broken? PRs welcome!

Learning CSS in 2023

KBall interviews CSS instructor & YouTuber extraordinaire Kevin Powell in a wide ranging discussion about CSS and how to learn it - what to start with, what to ignore, and various topics in between. Discuss on Changelog News Changelog++ members save 5 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 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. Lolo Code – If you’re familiar with building severless apps, think of Lolo Code as your backend with a visual editor that lets you think and build at the same time. All this without having to provision or manage servers. Use the visual editor to build your app, connect nodes, and add any npm libraries you need. You can even write your own integrations. This makes Lolo Code very Zapier-ish, but for devs. Try it free today with no credit card required at lolo.co/jsparty 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 Featuring Kevin Powell – Twitter, GitHub, Website Kevin Ball – Twitter, GitHub, LinkedIn, Website Notes and Links Take the State of JS survey! Kevin Powell website Kevin’s Youtube Channel Flexbox Froggy Flexbox Zombies Grid Garden Grid Critters Designing Intrinsic Layouts CSS Stats MJML (for emails) Utopia.fyi CSS-Tricks Smashing Magazine Josh Comeau) ModernCSS SmolCSS I am not a fan of what React has done to the web, but it’s VERY nice Something missing or broken? PRs welcome!

Project Fugu 🐡

Thomas Steiner (Web Developer Advocate at Google) joins Amal & Nick to talk about Project Fugu – an effort to close gaps in the web’s capabilities enabling new classes of applications to run on the web. Discuss on Changelog News Changelog++ 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. 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. Lolo Code – If you’re familiar with building severless apps, think of Lolo Code as your backend with a visual editor that lets you think and build at the same time. All this without having to provision or manage servers. Use the visual editor to build your app, connect nodes, and add any npm libraries you need. You can even write your own integrations. This makes Lolo Code very Zapier-ish, but for devs. Try it free today with no credit card required at lolo.co/jsparty 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. Featuring Thomas Steiner – Twitter, GitHub, Website Amal Hussein – Twitter, GitHub Nick Nisi – Twitter, GitHub, Website Notes and Links Web Capabilities (Project Fugu :blowfish:) New capabilities status - Chrome Developers Fugu API Tracker Web Incubator Community Group (WICG) Web Hypertext Application Technology Working Group (WHATWG) World Wide Web Consortium (W3C) Getting started with Chrome’s origin trials - Chrome Developers Chrome Origin Trials Firefox Origin Trials Fugu API Tracker Fugu App Showcase Something missing or broken? PRs welcome!

All about Playwright

Debbie O’Brien –Senior Program Manager at Microsoft– joins Amal & Nick for a deep-dive on Playwright, an automation library for cross-browser end-to-end testing. Along the way, we learn why Microsoft decided to fork Puppeteer, Playwright’s unique value proposition, cool features like auto-waiting & the trace viewer, how it compares to Cypress & a lot more. Discuss on Changelog News Changelog++ members save 3 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. Ship It! – A podcast about getting your best ideas into the world and seeing what happens. Listen to an episode that interests you and subscribe today. Featuring Debbie O'Brien – Twitter, GitHub, Website Amal Hussein – Twitter, GitHub Nick Nisi – Twitter, GitHub, Website Notes and Links Shout out to Caio Amaral for requesting this episode. You, too, can request an episode! Mallorca playwright.dev Playwright on GitHub Nuxt puppeteer Selenium Playwright test for VSCode Getting started - VS Code Testing Library Playwright on YouTube What’s new in Playwright 1.27 Test Generator CI GitHub Actions Something missing or broken? PRs welcome!

Gremlins in the water

KBall and Boneskull dive deep with Paloma Oliveira on the cultural and social consequences of open source software, explore her background in arts and government-supported open source, and discuss practical approaches to change the culture of open source towards more sustainability. Discuss on Changelog News Changelog++ members save 5 minutes on this episode because they made the ads disappear. 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. 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 Paloma Oliveira – Twitter, GitHub Kevin Ball – Twitter, GitHub, LinkedIn, Website Christopher Hiller – Twitter, GitHub, Website Notes and Links Something missing or broken? PRs welcome!