35 Years of Web, Speedometer 3, Chrome 123-124, Firefox 124-125, Vivaldi mobile 6.6, and more | Front End News #108
Tags: frontendnews, newsletter, news, webdev
Published: 2024-05-08 15:32:43

> **NOTE:** This is issue #108 of my newsletter, which went live on Wednesday, April 17. 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/).

***

We mark a significant milestone in this issue - 35 years of the World Wide Web. Speedometer 3.0 sets a new standard for browser performance. Browser News brings you the latest updates for Chrome (123-124), Firefox (124-125), and Vivaldi mobile (6.6), ensuring you stay ahead in the digital landscape. The Release Radar has new releases and updates, including Angular 17.3, Bun 1.1, Deno 1.42, ESLint v9, Gulp v5, WordPress 6.5, and more. We wrap things up with tools, utilities, images, and fonts, equipping you with everything you need for your web design and development needs.

***

## The Web’s 35th Birthday

March 12 marks 35 years since the birth of the Web. This year, we received an open letter from its creator, Tim Berners-Lee, and an article from the CEO of the W3C.

What are the key points we should remember? Big corporations still influence the Web, and the fast rise of AI only exacerbates the situation. We must address power concentration and the personal data market that enables targeted advertising.

- [Marking the Web’s 35th Birthday: An Open Letter](https://webfoundation.org/2024/03/marking-the-webs-35th-birthday-an-open-letter/)
- [From a humble beginning 35 years ago, the Web is now central to the daily lives of billions](https://www.w3.org/blog/2024/from-a-humble-beginning-35-years-ago-the-web-is-now-central-to-the-daily-lives-of-billions/)

***

## Speedometer 3.0

Speedometer is a browser benchmark that has just reached the third major iteration.

- [Announcing Speedometer 3.0: A Shared Browser Benchmark for Web Application Responsiveness](https://browserbench.org/announcements/speedometer3/)
- WebKit: [Speedometer 3.0: The Best Way Yet to Measure Browser Performance](https://webkit.org/blog/15131/speedometer-3-0-the-best-way-yet-to-measure-browser-performance/)
- Firefox: [Improving Performance in Firefox and Across the Web with Speedometer 3](https://hacks.mozilla.org/2024/03/improving-performance-in-firefox-and-across-the-web-with-speedometer-3/)

***

## 💻 Browser News

Rachel Andrew provides the March synopsis of what new things launched on the web platform.

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

### Chrome

Chrome 123 supports the new `light-dark()` function, allows you to diagnose responsiveness on your site with the **Long Animation Frames API**, and more. The DevTools have been updated extensively, including the Elements and Network panels and upgrading Lighthouse to version 11.5.

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

Chrome 124 has just been released. It brings two new APIs for using declarative shadow DOM in JavaScript, a new API for WebSocket Stream, better view transitions, and more. DevTools include a new AutoFill panel, better CSS nesting, Lighthouse 11.6, and so on.

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

### Firefox

Firefox 124 brings a suite of quality-of-life improvements and security fixes.

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

Firefox 125 supports the AV1 codec and the `popover` global attribute, providing numerous security fixes and minor web platform additions.

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

### Vivaldi

Vivaldi mobile users get their upgrade to version 6.6, both on Android and iOS.

- [Vivaldi on Android gets Custom Wallpapers](https://vivaldi.com/blog/vivaldi-on-android-6-6/)
- [Vivaldi on iOS goes colorful](https://vivaldi.com/blog/vivaldi-on-ios-6-6/)

***

## 📡 The Release Radar

- **[Angular v17.3.0](https://github.com/angular/angular/releases/tag/17.3.0)** - The modern web developer's platform
- **[Babylon.js 7.0.0](https://github.com/BabylonJS/Babylon.js/releases/tag/7.0.0)** - A game and rendering engine packed into a friendly JavaScript framework
- **[Bun 1.1](https://bun.sh/blog/bun-v1.1)** - An all-in-one toolkit for JavaScript and TypeScript apps
- **[Cypress 13.7.0](13.7.0)** - Fast, easy, and reliable testing for anything that runs in a browser
- **[D3 v7.9.0](https://github.com/d3/d3/releases/tag/v7.9.0)** - A free, open-source JavaScript library for visualizing data
- **[Deno 1.42](https://deno.com/blog/v1.42)** - A modern runtime for JavaScript and TypeScript
- **[Docusaurus 3.2](https://docusaurus.io/blog/releases/3.2)** - Easy to maintain open source documentation websites
- **[ESLint v9.0.0](https://eslint.org/blog/2024/04/eslint-v9.0.0-released/)** - Find and fix problems in your JavaScript code
- **[Express 4.19.0](https://github.com/expressjs/express/releases/tag/4.19.0)** - Fast, unopinionated, minimalist web framework for Node
- **[Gulp v5](https://medium.com/gulpjs/announcing-gulp-v5-c67d077dbdb7)** - A toolkit to automate & enhance your workflow
- **[Neutralinojs v5.1.0](https://neutralino.js.org/docs/release-notes/framework/#v510)** - Portable and lightweight cross-platform desktop application development framework
- **[Next.js 14.2](https://nextjs.org/blog/next-14-2)** - The React Framework for the Web
- **Node:** Security Releases **[April 3](https://nodejs.org/en/blog/vulnerability/april-2024-security-releases)**, **[April 10](https://nodejs.org/en/blog/vulnerability/april-2024-security-releases-2)** | Current: **[v21.7.0](https://nodejs.org/en/blog/release/v21.7.0)**, **[v21.7.1](https://nodejs.org/en/blog/release/v21.7.1)**, **[v21.7.2](https://nodejs.org/en/blog/release/v21.7.2)**, **[v21.7.3](https://nodejs.org/en/blog/release/v21.7.3)** | LTS: **[v20.12.0]()**, **[v20.12.1](https://nodejs.org/en/blog/release/v20.12.1)**, **[v20.12.2](https://nodejs.org/en/blog/release/v20.12.2)**, **[v18.20.0](https://nodejs.org/en/blog/release/v18.20.0)**, **[v18.20.1](https://nodejs.org/en/blog/release/v18.20.1)**, **[v18.20.2](https://nodejs.org/en/blog/release/v18.20.2)** - An asynchronous event-driven JavaScript runtime
- **[Nuxt 3.11](https://nuxt.com/blog/v3-11)** - The Intuitive Vue Framework
- **[Preact 10.20.0](https://github.com/preactjs/preact/releases/tag/10.20.0)** - Fast 3kB alternative to React with the same modern API
- **[Storybook 8](https://storybook.js.org/blog/storybook-8/)** - A frontend workshop for building UI components and pages in isolation
- **[VitePress 1.0](https://blog.vuejs.org/posts/vitepress-1.0)** and **[1.1](https://github.com/vuejs/vitepress/releases/tag/v1.1.0)** - Vite & Vue powered static site generator
- **[WordPress 6.5 “Regina”](https://wordpress.org/news/2024/04/regina/)** - The most popular website platform in the world
- **[zx 8.0.0](https://github.com/google/zx/releases/tag/8.0.0)** - A tool for writing better scripts

***

## 🛠️ Front End Resources

- **[AI Color Combination Generator](https://colors.muz.li/ai-color-combination-generator/)** - Generate color combinations for any project using AI
- **[CSSmatic](https://www.cssmatic.com/)** - The ultimate CSS tools for web designers
- **[Figma Checklists](https://figmachecklists.com/)** - A set of benchmarks to elevate the design and quality of your Figma components
- **[Gradientor](https://gradientor.app/)** - A minimalist, beautiful Radial Background Generator
- **[Hex Colors](https://hexcolor.co/)** - Free color tools, palettes, and color schemes
- **[Lumni](https://www.lummi.ai/)** - free AI-generated stock photos and royalty-free images
- **[The Inter typeface family](https://rsms.me/inter/)** - A free and open source font family
- **[Variable Fonts](https://v-fonts.com/)** - A simple resource for finding and trying variable fonts

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 want to find ways to help, please read 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/108/)
- ❤️ [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!