Material You and Android 12 Beta from Google I/O, the end of IE11, and Firefox Site Isolation | Front End News #030
Tags: frontendnews, news
Published: 2021-05-25 17:10:00

> **NOTE:** This is issue #030 of my newsletter, which went live on Monday, May 24th. 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/).

***

Google I/O announced (among other things) Material You and Android 12 Beta. Microsoft will end support for Internet Explorer 11 next year. Firefox is migrating to new security architecture. And new releases include Ghost 4.5.0, Node v16.2.0, Sass 1.33.0/1.34.0, and more.

***

## What did Google I/O bring for developers?

Google held the attention of the tech world last week with its I/O event. Here are the highlights I think have a direct impact on web development.

### Unveiling Material You

We're getting an update to the Material Design paradigm. The new look will come first to Google Pixel later this year. We can already get a preview though with the new Android 12 Beta. Expect more details over the next months.

- [Unveiling Material You](https://material.io/blog/announcing-material-you)

### What's new for Android developers at Google I/O

As I mentioned above, the beta version of Android 12 was unveiled at Google I/O. It promises unprecedented customization, fluid motion and animations, redesigned system elements, and more.

- [What's new for Android developers at Google I/O](https://android-developers.googleblog.com/2021/05/whats-new-for-android-developers-at.html)
- [Android 12 Beta: Designed for you](https://blog.google/products/android/android-12-beta/)

### The business impact of Core Web Vitals

As expected, one of the presentations focused on Core Web Vitals. It featured case studies of companies that optimized their web presence and the positive impact generated by this change:

- Vodafone (Italy) improved LCP by 31% to achieve 8% more sales.
- iCook improved CLS by 15% to achieve 10% more ad revenue.
- Tokopedia improved LCP by 55% and saw a 23% better average session duration.

More details can be found in the article linked below:

- [The business impact of Core Web Vitals](https://web.dev/vitals-business-impact/)

### The new responsive: Web design in a component-driven world

Una Kravets held a presentation I find very interesting. It focused on "Controlling macro and micro layout in a new era of responsive web design." Some major topics covered are container queries, how to deal with user media preferences, and some interesting ways to mix tried and true techniques with new exciting ones. What a great time to be a web developer.

- [The new responsive: Web design in a component-driven world](https://web.dev/new-responsive/)

***

## Browser news

### Edge

We finally have a solid date for the end of Internet Explorer on Windows 10 - June 15, 2022. Legacy applications and websites will make use of the "IE Mode" built inside Microsoft Edge. More details are available in the official announcement.

- [The future of Internet Explorer on Windows 10 is in Microsoft Edge](https://blogs.windows.com/windowsexperience/2021/05/19/the-future-of-internet-explorer-on-windows-10-is-in-microsoft-edge/)

### Firefox

Firefox is migrating to a new security architecture named Site Isolation. Essentially, this will load each website on its separate process. The feature is already available for some of the users of Nightly and Beta channels.

- [Introducing Firefox’s new Site Isolation Security Architecture](https://hacks.mozilla.org/2021/05/introducing-firefox-new-site-isolation-security-architecture/)

***

## Software updates and Releases

- **[Dart 2.13](https://medium.com/dartlang/announcing-dart-2-13-c6d547b57067)** - a client-optimized language for fast apps on any platform
- **[Ghost 4.5.0](https://github.com/TryGhost/Ghost/releases/tag/v4.5.0)** - Popular Node-based CMS
- **[Meow v10.0.0](https://github.com/sindresorhus/meow/releases/tag/v10.0.0)** - CLI app helper
- **[Node v14.17.0 (LTS)](https://nodejs.org/en/blog/release/v14.17.0/)**
- **[Node v16.2.0](https://nodejs.org/en/blog/release/v16.2.0/)**
- **[node-mssql v7.1.0](https://github.com/tediousjs/node-mssql/releases/tag/v7.1.0)** - Microsoft SQL Server client for Node.js
- **[ReacType 7.0.0](https://github.com/open-source-labs/ReacType/releases/tag/7.0.0)** - Prototyping Tool for exporting React/Typescript Applications
- **[Sass 1.33.0/1.34.0](https://sass-lang.com/documentation/breaking-changes/slash-div)**
- **[Vuestic UI 1.0.0](https://github.com/epicmaxco/vuestic-ui)** - Free and Open Source UI Library for Vue 3
- **[vue-next 3.1.0-beta.3](https://github.com/vuejs/vue-next/blob/master/CHANGELOG.md)** - JavaScript framework for building UI on the web

***

## Wrapping things up

Have a great and productive week, keep yourselves safe, and I will see you next time!