loading...
Cover image for Responsive web design turns ten, tools to measure web vitals and browser news  | Front End News

Responsive web design turns ten, tools to measure web vitals and browser news | 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 another episode of Front End News. I hope you will find the following topics both interesting and useful.

Responsive web design turns ten

Cover art of the original RWD article on A List Apart

Ten years ago, A List Apart published Ethan Marcotte's "Responsive Web Design" article. And web design and development was never going to be the same.

Ethan takes us all now down the memory lane, as he talks about the details around the birth of the original article and the circumstances that made all this possible.


Tools to measure Core Web Vitals

Core Web Vitals

Recently Google introduced an updated set of metrics for web performance - the Web Vitals. In the following article we are finding out more details on what tools we can use to measure these metrics and a closer look to the measuring process itself.


Browser news

There are a number of browser-related news topics that happened over the last two weeks. Here are the most important of them:

What's new in Firefox 77

Firefox 77 update is now available for all users. Read the article below for more details on what changes took place.

Microsoft Edge rolls out with Windows Updates

The Verge is reporting on the latest version of the new Microsoft Edge browser (based on the Chromium engine) to be available via Windows Update. Up until now, users had to download and install the browser manually. The process is expected to happen gradually for everyone who already has Windows 10 version 1803 and higher.

Brave faces scandal over affiliate code injection

Brave browser is facing scandal as users reported referal codes being injected in the URL bar when accessing certain crypto-currency platforms. An official statement has been released, saying that the situation is the result of a mistake, which has been fixed.

Vivaldi updates their Android browser and discloses their revenue model

Vivaldi released an update for their Android browser, bringing dark mode, ad and track blocker and note taking functionality.

They also released an overview of their business model, disclosing the ways they are finincing the development of the browser.


MDN launches the Front End Developer pathway course

Front End Developer pathway course

MDN enhanced their Web Docs Learning Area with the brand new Front-end developer learning pathway. This is a structured course that covers basic setup, an overview of web technologies, web standards and best practices, HTML, CSS, JavaScript, and tooling used in modern web development.


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.

NodeJS June 2020 Security Releases

Safari Technology Preview 108

VSCode May 2020 Update

Babel 7.10.0

Deno v1.1.0

Karma 5.1.0

Mocha 8.0.0

Puppeteer v3.2.0


Interesting things worth having a look at

I also stumbled upon the following news items and I think they are way too interesting to be ignored, but they are also not fitting in the normal structure.

How to start contributing to the Web Platform

GitHub Etiquette

EA releases CnC code on GitHub


That's all there is in this edition. If you want a front-row seat to the selection process for the next episode, join me on Twitch every Saturday (go to twitch.tv/frontendnexus at 20:00 EEST). I am also working on bringing you new content on the YouTube channel. So you might want to subscribe 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
 

Wow. I know it took some work to compile all this. Thanks Adrian!

 

Thanks! As I mentioned at the end of the article, I live stream the process on Twitch every Saturday evening. It does take a couple of hours to find the topics, then I spend a couple more on Sunday to put some "meat" on the article and make the artwork.