Chrome 82 to be Skipped

Greetings! I hope your week went great! Here’s new frontend technologies news digest.

Learn about the fake CSS :nth-of-class selector, how to Animate CSS and SVG’s with AnimeJS, how to set up OAuth in NextJS with Passport and Github and other interesting stuff.

Guides

  • A Complete Guide to calc() in CSS

This tutorial covers everything you need to know about the calc() function in CSS

  • CSS :nth-of-class selector

This isn’t a real selector, but author looks at some possible shortcomings with nth-child, leading to the conclusion that maybe we do need something like :nth-of-class

  • The problem with snackbars and what to use instead

Learn why author beleives snackbars are bad what to use instead.

  • How to Animate CSS and SVG’s with AnimeJS

Learn how to use AnimeJS – a JS animation library with various features like SVG morphing animations and CSS animations

  • Build a Node.js Tool to Record and Compare Google Lighthouse Reports

A step-by-step guide that will show you how to create a Node.js tool for recoding and comparing Google Lighthouse reports

  • NextJS OAuth with Passport and Github

A detail tutorial on how to set OAuth in NextJS using Passport and Github 

Articles

  • ‘CSS X’

The big research on CSS versions numbering

  • npm is joining GitHub

Npm is now a part of Microsoft-owned GitHub, but the source code will remain opened for open source developers

  • Next Phase Montage

Some thoughts, related to the latest news around NPM – the acquisition by the GitHub

Podcast

  • The CSS Podcast

In the first episode of a new podcast from the Chrome Developers team all about CSS Una Kravets and Adam Argyle (Developer Advocates from Google and hosts) discuss the CSS box model.