loading...
Cover image for Web Vitals metrics from Google, Firefox 76 update, GitHub Satellite 2020 announcements | Front End News

Web Vitals metrics from Google, Firefox 76 update, GitHub Satellite 2020 announcements | Front End News

adriansandu profile image Adrian Sandu ・4 min read

Front End News Season 2 (11 Part Series)

1) Web Vitals metrics from Google, Firefox 76 update, GitHub Satellite 2020 announcements | Front End News 2) Say "Hello" to Deno, what's new in Chrome 84 DevTools, TypeScript 3.9 and the Mozilla Builders Incubator | Front End News 3 ... 9 3) Lighthouse 6.0, what's new in Chrome 83, highlights of MS Build 2020 | Front End News 4) Responsive web design turns ten, tools to measure web vitals and browser news | Front End News 5) Bootstrap 5 Alpha is available, Flash Player EOL plans and the 2019 Web Almanac in PDF format | Front End News 6) Safari 14 preview, WWDC 2020 announcements, what's new in Chromium DevTools | Front End News 7) Web Dev LIVE binge-watching, Firefox 78 update, and help needed for the 2020 Web Almanac | Front End News (Snakes edition) 8) Lighthouse 6.1, VSCode 1.47, and tracking frameworks performance with Perf Track | Front End News 9) The new CSS Zen Garden, Chromium 84 updates and Rachel Andrew's CSS news for July | Front End News 10) MDN gets 15, Software Releases and the #100DaysOfProjects challenge | Front End News 11) 10 Years of Web Fonts, GitHub roadmap, Firefox 79, and Beta CanIUse | Front End News

Hello everyone and welcome back to Season 2 of Front End News. I hope you will find the following topics both interesting and useful.


Google announces Web Vitals

Web Vitals

Google brought us Web Vitals, a set of metrics designed to qualify the user experience quality on any website. The core set contains three metrics that apply to all web pages, should be measured by all site owners, and will be available across all Google tools. They are Largest Contentful Paint (LCP), First Input Delay (FID), and Cumulative Layout Shift (CLS). More details are available in the official announcement:


Firefox 76 is live

Firefox 76

Firefox 76 update went out to all users this week. Most of the changes are happening under the hood, such as the introduction of support for Audio Worklets or improvements to handling Intl in JavaScript. There are also a lot of improvements to the Developer Tools: better JavaScript debugging, improved network inspection and we take a peek at the upcoming CSS Compatibility Panel. In the links below you can check both the highlights and the release notes for this update:


GitHub Satellite 2020 announcements

GitHub Satellite 2020

GitHub hosted a virtual 2020 edition of their Satellite events, where they announced a set of upcoming features to their suite of products. People will be able to run a complete cloud-based dev environment with Codespaces, GitHub Discussions will enable better collaboration between team members and contributors, code scanning and secret scanning will improve the security of your code, and the upcoming GitHub Private Instances targeted to enterprise clients.


Software updates and releases

Here are the updates and releases for this edition. In each case, you can find the full details in the release notes linked down below.

V8 release v8.3

Node v14.2.0

Visual Studio Code 1.45

ESLint 7.0.0

Jest 26


Announcements

The Grant For The Web Hackathon on DEV.to

Grant For The Web Hackathon on DEV.to

The DEV community is hosting a hackathon in partnership with the Grant for the Web team, to help drive exploration and experimentation with Web Monetization. The organizers are hoping that participation in this event will not only give you a chance at the offered prizes, but it will also prepare the ground for a full application to the grant program. More details are available in the official announcement below.

Meet SmashingConf Live

SmashingConf Live tickets

The Smashing Magazine team announced their upcoming online live version of their SmashingConf event. It will take place on June 9-10 and will feature (as always) an amazing lineup of speakers. 100 early-bird tickets were made available - so hurry up if you want to secure your place.


That's all there is in this edition. I'm doing some experiments with this second season, such as going live on Twitch every Saturday as I pick the topics for each week (go to twitch.tv/frontendnexus at 20:00 EEST). At the moment there is no YouTube video version yet, but I'm looking into doing another live stream on Sundays where we go diving into the selected topics. So you might want to subscribe to the YouTube channel at https://www.youtube.com/channel/UCgACtqiDmnSaskDIBsK54ww. Your support is highly appreciated.

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

Front End News Season 2 (11 Part Series)

1) Web Vitals metrics from Google, Firefox 76 update, GitHub Satellite 2020 announcements | Front End News 2) Say "Hello" to Deno, what's new in Chrome 84 DevTools, TypeScript 3.9 and the Mozilla Builders Incubator | Front End News 3 ... 9 3) Lighthouse 6.0, what's new in Chrome 83, highlights of MS Build 2020 | Front End News 4) Responsive web design turns ten, tools to measure web vitals and browser news | Front End News 5) Bootstrap 5 Alpha is available, Flash Player EOL plans and the 2019 Web Almanac in PDF format | Front End News 6) Safari 14 preview, WWDC 2020 announcements, what's new in Chromium DevTools | Front End News 7) Web Dev LIVE binge-watching, Firefox 78 update, and help needed for the 2020 Web Almanac | Front End News (Snakes edition) 8) Lighthouse 6.1, VSCode 1.47, and tracking frameworks performance with Perf Track | Front End News 9) The new CSS Zen Garden, Chromium 84 updates and Rachel Andrew's CSS news for July | Front End News 10) MDN gets 15, Software Releases and the #100DaysOfProjects challenge | Front End News 11) 10 Years of Web Fonts, GitHub roadmap, Firefox 79, and Beta CanIUse | Front End News

Posted on by:

adriansandu profile

Adrian Sandu

@adriansandu

I am a UX Front-End Developer, consultant, creator and speaker currently living in Iasi, Romania.

Discussion

markdown guide