Major browser updates - Chrome 87, Edge 87, and Firefox 83 - and 10 years of HTTP Archive | Front End News #008
Tags: frontendnews
Published: 2020-11-30 08:29:46

> **NOTE:** This is issue #008 of my newsletter, that went live on Monday, November 23rd. If you find this information useful and interesting and you want to receive future issues as they are published, ahead of everyone else, I invite you to join the subscriber list at [frontendnexus.com](https://frontendnexus.com/).

***

This week brought us a lot of updates to the major browsers. We got Chrome 87, Edge 87, and Firefox 83. Safari Technology Preview 116 has been released, and WebKit has an update for Safari 14 as well. The HTTP Archive celebrates 10 years of existence. In the software updates section, we have stuff like Electron 11, TypeScript 4.1, or Tailwind CSS 2. And I've included some great projects as well because awesome work deserves recognition.

***

## 10 Years of HTTP Archive

I've talked a lot recently about the HTTP Archive, and it's for a good reason. Their data is a vital part of understanding how the Web grows and evolves. And while we're waiting for this year's edition of their almanac, let's take a moment to consider how all this began in the first place.

10 years ago, [Steve Sounders](https://twitter.com/Souders) ran a data crawl over a set of over 16K URLs. The results would be the foundation of the HTTP Archive project. 

We can now listen to an interview with Steve Sounders, together with two of the project maintainers -  Patrick Meenan and Paul Calvano. There is also the original blog post announcing the launch of the project. All this should keep us busy for a little while more. Enjoy!

- [https://twitter.com/HTTPArchive/status/1328136215682560000](https://twitter.com/HTTPArchive/status/1328136215682560000)
- [Announcing the HTTP Archive](https://www.stevesouders.com/blog/2011/03/30/announcing-the-http-archive/)
- [The State of the Web: HTTP Archive's 10th Anniversary](https://thestateoftheweb.libsyn.com/http-archives-10th-anniversary)

***

## Browser news

As I mentioned in the beginning, this week was marked by version bumps to all major browsers. Here are some more details, together with links to the release notes.

### Chrome

Many top-range video conference cameras have controls to pan, tilt, or zoom the view. Bot those features are available on many mainstream webcams as well. With Chrome 87 you can now access these controls once the user gives their permission.

This update also brings improved range requests for service workers, a trial option for the Font Access API, increased support for new `text-decoration` and `underline` CSS properties, and more. The full release notes can be accessed using the link below.

- [New in Chrome 87](https://developers.google.com/web/updates/2020/11/nic87)

### Edge

I've mentioned one of the updates from this release in one of the previous issues. There is now a list of websites that will be automatically redirected from Internet Explorer to Microsoft Edge.

Many features will be turned on by default from now on. These include the privacy features in kiosk mode, while enterprise users can count on the shopping features and ClickOnce deployment being there ready to use.

There are also changes regarding the policies implemented in Edge. The full list, together with the other details, can be consulted in the official release notes.

- [Release notes for Version 87.0.664.41: November 19](https://docs.microsoft.com/en-us/deployedge/microsoft-edge-relnote-stable-channel#version-87066441-november-19)

### Firefox

The Firefox team has been busy with the latest update. Firefox 83 brings a lot of features and improvements, of which I will only mention a few:

- The JavaScript engine, Spider Monkey, was tuned up for better performance
- There is a new HTTPS-Only Mode that ensures that every connexion is done over a secured channel, and it raises up an alert when no secure connection is available.
- Developers can now debug scrollable overflow using the new `scroll` badge in the Page Inspector
- You can now use conical CSS gradients

This is also the second-to-last version of Firefox that still supports Flash. It will be gone at the end of January when version 85 will roll out.

- [Firefox 83 is upon us](https://hacks.mozilla.org/2020/11/firefox-83-is-upon-us/)
- [Firefox 83 introduces HTTPS-Only Mode](https://blog.mozilla.org/security/2020/11/17/firefox-83-introduces-https-only-mode/)
- [Ending Firefox support for Flash](https://blog.mozilla.org/futurereleases/2020/11/17/ending-firefox-support-for-flash/)

### Safari

The WebKit team rolled up a nice set of features in the latest update for Safari 14:

- Safari Web Extensions are now supported.
- Users can now translate web pages between English, Spanish, Simplified Chinese, French, German, Russian, and Brazilian Portuguese.
- Web developers can now allow users to login into websites using Face ID and Touch ID.
- There is now support for the WebP image format

Of course, there's a lot more going on, like performance improvements or new CSS and JavaScript features. You can check the release notes in the article linked below.

- [New WebKit Features in Safari 14](https://webkit.org/blog/11340/new-webkit-features-in-safari-14/)

We can now also try the Safari Technology Preview 116. Release notes for this particular update can be found using the following link.

- [Release Notes for Safari Technology Preview 116](https://webkit.org/blog/11348/release-notes-for-safari-technology-preview-116/)

***

## Software updates and Releases

The launch of Electron 11 is, by far, the most important release of this week. Tailwind CSS is another piece of software that got a major version update to v2.0, while TypeScript went up to version 4.1.

### Electron 11.0.0

Electron allows developers to build cross-platform desktop apps with JavaScript, HTML, and CSS.

- [https://www.electronjs.org/releases/stable#11.0.0](https://www.electronjs.org/releases/stable#11.0.0)

### Immer v8.0.0

Immer allows you to work with immutable state more conveniently.

- [https://github.com/immerjs/immer/releases/tag/v8.0.0](https://github.com/immerjs/immer/releases/tag/v8.0.0)

### Prettier 2.2

Prettier is an opinionated code formatter.

- [https://prettier.io/blog/2020/11/20/2.2.0.html](https://prettier.io/blog/2020/11/20/2.2.0.html)

### Tailwind CSS v2.0

A utility-first CSS framework that can be composed to build any design directly in your markup.

- [https://blog.tailwindcss.com/tailwindcss-v2](https://blog.tailwindcss.com/tailwindcss-v2)
- [https://github.com/tailwindlabs/tailwindcss/releases/tag/v2.0.0](https://github.com/tailwindlabs/tailwindcss/releases/tag/v2.0.0)

### TypeScript 4.1

TypeScript is a language that builds on JavaScript by adding syntax for type declarations and annotations. 

- [https://devblogs.microsoft.com/typescript/announcing-typescript-4-1/](https://devblogs.microsoft.com/typescript/announcing-typescript-4-1/)

***

## Developer Projects

### The Bluesman

The first project is a use-case for the Web Audio API that allows you to pretend you are a blues guitar player. I had a great time playing around with it, although my cat has expressed her reservations about my level of artistic talent. Very loudly.

- [https://codepen.io/gregh/pen/zNzvOm](https://codepen.io/gregh/pen/zNzvOm)

### Hell Yes! CSS!

Wizard Zines is an older project of [Julia Evans](https://twitter.com/b0rk) where she shares her passion for various IT and geeky topics as short comics. The latest addition to the family is a series dedicated to CSS, but there are also ones about Git, the Command Line, SQL, and more.

Most importantly, if you live in a country with lower buying power, you can get a nice discount.

- [https://wizardzines.com/zines/css/](https://wizardzines.com/zines/css/)

### SVGBox

SVGBox is an API for web icons, and it can be an alternative to Font Awesome. It's completely free, delivered over Cloudflare CDN, and includes a large number of icons.

- [https://svgbox.net/](https://svgbox.net/)

***

## Wrapping things up

That's it for this issue. Have a great and productive week, keep yourselves safe, and I will see you next time!