Apple vs the EU, Chrome 122, Firefox 123, MS Edge 122, Polypane 18, Safari 17.4, and more | Front End News #107
Tags: frontendnews, newsletter, news, webdev
Published: 2024-03-25 21:32:47

> **NOTE:** This is issue #107 of my newsletter, which went live on Monday, March 11. You might find this information valuable and exciting and want to receive future issues as they are published ahead of everyone else. In that case, I invite you to join the subscriber list at [frontendnexus.com](https://frontendnexus.com/).

***

In this issue, we examine the recent interactions between Apple and the EU and their impact on the web platform and the industry. Interaction to Next Paint (INP) replaces First Input Delay (FID) in the Core Web Vitals lineup. Browser News covers Chrome 122, Firefox 123, MS Edge 122, Polypane 18, Vivaldi 6.6 for desktop, Safari 17.4, and Wolvic 1.6.

The Release Radar tracks many updates and releases, such as Angular v17.2, Astro 4.3, Babel 7.24, Deno 1.41, jQuery 4.0.0 BETA, Redwood v7.0, TypeScript 5.4, and more. Today's Web Resources include icons, gradients, generators, and valuable utilities.

***

## Apple vs the EU

Apple is currently locked in a struggle with the EU. I covered in the last issue how they were forced to allow other browser engines to run on iOS devices for EU users. As the DMA deadline loomed closer, things escalated further.

Initially, Apple announced cutting support for progressive web apps from the home screen. As expected, this caused a wave of outrage. People started dissecting the official announcements and highlighting Apple's malicious compliance. Open Web Advocacy even penned an open letter to Tim Cook.

Faced with all this opposition, Apple backtracked on its decision regarding PWAs. The fight is far from over, though. As this topic is too large and 
important for a single article, I've selected multiple viewpoints to help you better understand what's happening.

- Apple.com: [.Update on apps distributed in the European Union](https://developer.apple.com/support/dma-and-apps-in-the-eu)
- Open Web Advocacy:
* [Apple backs off killing web apps, but the fight continues](https://open-web-advocacy.org/blog/apple-backs-off-killing-web-apps/)
* [Open Letter to Tim Cook, Sabotaging Web Apps Is Indefensible](https://letter.open-web-advocacy.org/)
- Adactio: [Rotten Apple](https://adactio.com/journal/20888)
- Alex Russel: [Home Screen Advantage](https://infrequently.org/2024/02/home-screen-advantage/)

***

## Core Web Vitals updates

March 12 marks the day that the First Input Delay (FID) will be replaced in the Core Web Vitals program. In preparation for this move, the Web Vitals team prepared a suite of introduction materials, tutorials, and guides to help you update your websites.

- [Interaction to Next Paint becomes a Core Web Vital on March 12](https://web.dev/blog/inp-cwv-march-12)
- [Interaction to Next Paint (INP)](https://web.dev/articles/inp)

***

## 💻 Browser News

If the calendar moved to a new month, there's a "new to the web platform" article from Rachel Andrew. This edition covers the release of Chrome 122 and Firefox 123 and the rest of the changes that landed in February.

- [New to the web platform in February](https://web.dev/blog/web-platform-02-2024)

### Chrome

Chrome 122 brings the Storage Buckets API, DevTool improvements in the Performance panel, and more.

- [New in Chrome 122](https://developer.chrome.com/blog/new-in-chrome-122)
- [What's new in DevTools (Chrome 122)](https://developer.chrome.com/blog/new-in-devtools-122)

### Firefox

Firefox 123 supports declarative ShadowDOM, the 103 Early Hints HTTP status code, and more, along with plenty of security fixes.

- [Firefox 123 Release Notes](https://www.mozilla.org/en-US/firefox/123.0/releasenotes/)
- [Firefox 123 for developers](https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/123)

### Microsoft Edge

As usual, the release notes for MS Edge focus mainly on features specific to this browser: policies and Edge-only features.

- [MS Edge 122 Release Notes](https://learn.microsoft.com/en-us/deployedge/microsoft-edge-relnote-stable-channel#version-1220236552-february-23-2024)

### Polypane

Polypane has now reached version 18. It would be a legal adult in many countries if that were its age. This release brings Chromium 122, new features, quality-of-life updates, and bug fixes.

- [Polypane 18: Introducing Polypane Portal](https://polypane.app/blog/polypane-18-introducing-polypane-portal/)

But wait! There is more! Polypane is now thinking with Portals. You can now open your local host to the world and share your work with anyone. And the landing page of this new feature is simply gorgeous!

- [Introducing Portal](https://polypane.app/portal/)

### Vivaldi

Vivaldi released a new version of their desktop client. The 6.6 update brings page navigation and extension support for Web Panels, a redesigned Mail Search, and overhauled Website Permissions and Theming (Dark Mode) settings.

- [Vivaldi improves Mail Search and Translate, extends Web Panels with extension support](https://vivaldi.com/blog/vivaldi-on-desktop-6-6/)

### WebKit

iOS 17.4 is the update to bring Apple devices in line with the EU DMA regulations. This means a new version of Safari is included in the package. This release brings an improved layout engine, support for CSS scoping, a long list of fixes and improvements, and more.

- [WebKit Features in Safari 17.4](https://webkit.org/blog/15063/webkit-features-in-safari-17-4/)
- [Safari 17.4 Release Notes](https://developer.apple.com/documentation/safari-release-notes/safari-17_4-release-notes)

### Wolvic

It's been a while since we last mentioned Wolvic. The team just released version 1.6, which includes Gecko 121 and Android Components 121.1, supports full-screen vertical video, includes new environments, and a lot more.

- [Wolvic 1.6 Released](https://wolvic.com/blog/release_1.6/)

***

## 📡 The Release Radar

- **[AdminJS v7.6.0](https://github.com/SoftwareBrothers/adminjs/releases/tag/v7.6.0)** - An admin panel for apps written in Node.js
- **[Angular v17.2](https://blog.angular.io/angular-v17-2-is-now-available-596cbe96242d)** - Deliver web apps with confidence
- **[Apache ECharts 5.5.0](https://echarts.apache.org/handbook/en/basics/release-note/5-5-0/)** - An Open Source JavaScript Visualization Library
- **[Astro 4.3](https://astro.build/blog/astro-430/)**, **[4.4](https://astro.build/blog/astro-440/)** - The web framework for content-driven websites
- **[Babel 7.24.0](https://babeljs.io/blog/2024/02/28/7.24.0)** - a compiler for writing next generation JavaScript
- **[billboard.js 3.11](https://netil.medium.com/billboard-js-3-11-release-range-text-for-arc-more-e0100627f06e)** - Re-usable, easy interface JavaScript chart library based on D3.js
- **[Deno 1.41](https://deno.com/blog/v1.41)** - A modern runtime for JavaScript and TypeScript
- **[Electron Forge v7.3.0](https://github.com/electron/forge/releases/tag/v7.3.0)** - A complete tool for building and publishing Electron applications
- **[Ember.js v5.7.0](https://github.com/emberjs/ember.js/releases/tag/v5.7.0)** - A JavaScript framework for creating ambitious web applications
- **[Hono v4.0.0](https://github.com/honojs/hono/releases/tag/v4.0.0)** - A small, simple, and ultrafast web framework for the Edges
- **[jest-puppeteer v10.0.0](https://github.com/argos-ci/jest-puppeteer/releases/tag/v10.0.0)** - Run tests using Jest & Puppeteer
- **[JointJS v4.0](https://www.jointjs.com/blog/introducing-version-4)** - A proven SVG-based JavaScript diagramming library powering exceptional UIs
- **[jQuery 4.0.0 BETA](https://blog.jquery.com/2024/02/06/jquery-4-0-0-beta/)** - The jQuery JavaScript Library
- **[Lightning CSS v1.24.0](https://github.com/parcel-bundler/lightningcss/releases/tag/v1.24.0)** - An extremely fast CSS parser, transformer, bundler, and minifier written in Rust
- **[Node v21.6.2 (Current)](https://nodejs.org/en/blog/release/v21.6.2)**, **[v20.11.1 (LTS)](https://nodejs.org/en/blog/release/v20.11.1)**, **[v18.19.1 (LTS)](https://nodejs.org/en/blog/release/v18.19.1)** - An asynchronous event-driven JavaScript runtime
- **[Nuxt 3.10](https://nuxt.com/blog/v3-10)** - The Intuitive Vue Framework
- **[Parcel v2.12.0](https://parceljs.org/blog/v2-12-0/)** - The zero configuration build tool for the web
- **[Puppeteer v22.2.0](https://github.com/puppeteer/puppeteer/releases/tag/puppeteer-v22.2.0)**, **[v22.3.0](https://github.com/puppeteer/puppeteer/releases/tag/puppeteer-v22.3.0)** - Node.js API for Chrome
- **[React Native boilerplate v4.1.](https://github.com/thecodingmachine/react-native-boilerplate/releases/tag/v4.1.0)** - A React Native template for building solid applications
- **[Redwood v7.0.0](https://community.redwoodjs.com/t/redwood-v7-0-0-is-now-available/5777)** - The full-stack web framework designed to help you grow from side project to startup
- **[Remix v2.7.0](https://remix.run/docs/en/main/start/changelog#v270)** - Create modern, resilient user experiences with web fundamentals
- **[TypeScript 5.4](https://devblogs.microsoft.com/typescript/announcing-typescript-5-4/)** - A superset of JavaScript that compiles to clean JavaScript output
- **[Vite 5.1](https://vitejs.dev/blog/announcing-vite5-1.html)** - Next generation frontend tooling
- **[Vue DevTools v6.6.0](https://github.com/vuejs/devtools/releases/tag/v6.6.0)** - Browser devtools extension for debugging Vue.js applications.
- **[Vue Language Tools v2.0.0](https://github.com/vuejs/language-tools/releases/tag/v2.0.0)** - High-performance Vue language tooling based-on Volar.js

***

## 🛠️ Front End Resources

- **[Bootstrap 5 Modern Backgrounds](https://ui.bootstrap.ninja/ninja-backgrounds/)** - Plug 'n play modern background made with Bootstrap, CSS variables, and plain CSS
- **[CSS Generators: Tooltips & Speech Bubbles]()** - A CSS-only collection of Tooltips & Speech Bubbles made with a single element
- **[Figicon](https://www.figicon.com/)** - Discover Thousands of Free Minimal and Pixel-Perfect Figma Icons for Your Projects.
- **[Game-icons.net](https://game-icons.net/)** - An ever growing collection of free game icons
- **[Gradients List](https://gradientslist.com/)** - Biggest collection of gradients on the web
- **[ICONSVG](https://iconsvg.xyz/)** - Quick customizable icons for your projects
- **[NEAT](https://neat.firecms.co/)** - Beautiful gradient animations for your website
- **[Nucleo Essential Icons](https://nucleoapp.com/free-icons)** - A carefully curated subset of the broader Nucleo icon library
- **[Social Media Icons](https://nucleoapp.com/social-media-icons)** - A collection of free SVG social media icons
- **[Specificity battle!](https://css.land/specificity/)** - CSS Specificity calculator
- **[SVG Encoder / Converter](https://svgencode.com/)** - A simple tool to convert an SVG into different formats
- **[SVG Flag Icons](https://nucleoapp.com/svg-flag-icons)** - Explore over 200 optimized SVG country flag icons
- **[SVGFM](https://svgfm.chriskirknielsen.com/)** - A node graph builder for SVG filters

There's more where that came from. Explore the rest of the [Front End Resource collection](https://frontendnexus.com/resources/).

***

## Wrapping things up

Ukraine is still suffering from the Russian invasion. If you are looking for ways to help, please check Smashing Magazine's article [We All Are Ukraine 🇺🇦](https://www.smashingmagazine.com/2022/02/we-all-are-ukraine/) or contact your trusted charity.

If you enjoyed this newsletter, there are a couple of ways to support it:

- 📢 [share the link to this issue on social media](https://frontendnexus.com/news/107/)
- ❤️ [follow this newsletter on Twitter](https://twitter.com/frontendnexus)
- ☕ [buy me a coffee](https://ko-fi.com/adriansandu)

Each of these helps me out, and I would appreciate your consideration.

That's all I have for this issue. Have a great and productive week, keep yourselves safe, and spend as much time as possible with your loved ones. I will see you again next time!