Digest of fresh materials from the frontend world for the last week # 451 (January 18 - 24, 2021)

We bring to your attention a selection with links to new materials from the frontend area and around it.

Media     |    Web Development     |    CSS     |    JavaScript     |    Browsers

Media

• Web Standards podcast # 265: Smashing Conf, Puppeteer and Firefox, state of everything, video as picture, performance checklist

• News 512 from CSSSR: Chrome 88, Meteor.js 2.0, Deno 1.7, CSS clip -path (), 300+ questions on React, JS Rising Stars 2020

• Podcast "Frontend Yunost" # 170: # opu state managers

Web development

• Web standards need to run twice as fast to stay ahead of the web

• Think in the Jamstack paradigm

• HTML and CSS are still not about drawing with code

• What's new in DevTools (Chrome 89)

• Performance
  
  • How site metrics are measured: LCP, FID, and CLS
  
  • How we improved SmashingMagazine performance
  
  • Browser-based JPEG optimizer that respects confidentiality and uses Web Workers and WebAssembly
  
  • How to avoid layout shifts due to web fonts
  
  • Importance of `@font connection order -face` when using preload
  
  • Using Performance Web API with Chrome DevTools
  
  

• Availability
  
  • First draft of WCAG 3 published
  
  • What to expect from the first public draft of WCAG 3.0
  
  

• 
  
  •
  
  • - «Awesome Demos Roundup #19»
  
  • SVG javascript
  
  

CSS

• First public draft of the Level 5 CSS Cascade

• Understanding the Clip Path in CSS

• How does CSS work?

• CSS scope using the Shadow DOM

• CSS Clamp (): the responsive combination we've all been waiting for

• New in Chrome 88: aspect-ratio

• Use the CSS Clamp to create more flexible wrapper

• How to play and pause CSS animations using custom properties CSS

• A Guide to CSS Units - Part 1: Look At These Absolute Units!

JavaScript

• An introduction to the JavaScript Temporal API

• Long-term support for JavaScript applications

• The JavaScript landscape in 2021

• An explanation of memory management in JavaScript

• React
  
  • Server-Side Rendering
  
  • React Context « » ( Redux)
  
  • Redux? —
  
  • 5 React
  
  • , React
  
  • Styled-components vs. Emotion-JS CSS
  
  • React Router
  
  • React
  
  

• Vue
  
  • Vue.js — -     React
  
  • GraphQL Vue
  
  

• Angular
  
  • Angular RxJs.
  
  • Angular SOLID
  
  • RxJS Angular: III
  
  • Angular
  
  

• Ember
  
  • I Love Ember.js —
  
  

• Svelte
  
  • Svelte
  
  • Awesome Svelte: Svelte
  
  • Svelte
  
  

• Libs & Plugins
  
  • iSSR — Side Effects React SSR .
  
  • JerryScript: JavaScript-
  
  • tinyX —
  
  

• Brave is the first browser with native IPFS support. This is the first step towards a decentralized web

• Chrome 88 release

• V8 breakdown. Looking under the hood of Chrome on a virtual machine with Hack The Box

• Edge 88 has been released: "sleeping tabs", password manager, sidebar search, etc.

• Privacy and security updates in Microsoft Edge 88

• In Safari 14 added support for WebExtensions. So where are the extensions?

• Comparison of privacy browsers





Digest for the last week .

Material prepared by dersmolland alekskorovin .