Digest of fresh materials from the frontend world for the last week # 459 (March 15 - 21, 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

• "News 512" from CSSSR: History of React API, reports and workshops with "I <3 frontend", nuances of this, browser and V8 releases, semver

• Podcast "Make me beautiful" # 57 - If everything works, then the tests do not needed

• Podcast "Web Standards" # 273. Old Edge, Safari, React Native and Preact, MDN in Russian, print, EditorConfig, hovers, fonts

Web development

• Another guide to HTML elements that can be used in each project

• Explanation of how Webpack's Hot Module Replacement Feature works

• How to simulate mobile devices in Device Mode in Chrome

• Russian locale on MDN is unfrozen and you can again participate in the translation of the best materials for the web - developers. Those wishing to join the project can unsubscribe in the corresponding issue

• PWAs
  
  • Minimal PWAs
  
  • Your PWAs will break in August 2021
  
  • Is this the beginning of the end for PWAs?
  
  

• 
  
  •
  
  • Vodafone: LCP 31% 8%
  
  • Google , Core Web Vitals
  
  

• 
  
  • , 1: ARIA
  
  • Good, Better, Best:
  
  •
  
  

CSS

• Official CSS nesting - the final piece of the puzzle

• Do you know about the CSS selector: has?

• Three important things you should know about: is () in CSS

• 100 underline / overlay animations | The ultimate CSS collection

• CSS Generators

• Fluid Space Calculator

• Best Line Breaking Techniques for Long URLs

• Platform News: Prefers Contrast, MathML,: is (), and CSS Background Initial Values

• What I Do With Font Sizes

• Yes, here is the best CSS framework in 2021

JavaScript

• Convenient clipboard access with the Clipboard API

• JavaScript prototype pollution: search and exploitation practices

• Handling custom permissions in JavaScript

• Tip # 1 for familiarizing yourself with new JavaScript codebases

• What is the JavaScript Internationalization API (I18n)?

• Theory
  
  • JavaScript Basics: Why You Should Know How a JS Engine Works
  
  • 7 Questions About JavaScript Closures
  
  • Reimagining the Ternary Operator in JavaScript
  
  

• React
  
  • React — React & Context API
  
  • 10 React
  
  • Gatsby 3.0
  
  • Google Maps React
  
  

• Vue
  
  • Vue.js
  
  • 5 Vue
  
  • Vue 3:
  
  

• Angular
  
  • Angular Universal:
  
  • RBAC Angular-
  
  • 2 Angular Components
  
  • Angular: Material tree
  
  • NGRX
  
  • Reduced Motion Angular
  
  • event listeners NgZone
  
  

• Svelte
  
  • Svelte React
  
  • 10 Svelte 2020
  
  • Storybook Svelte
  
  

• Libs & Plugins
  
  • Hanákana is a Universal Writing System (UWS) capable of representing all the sounds of the human voice in a concise and readable form.
  
  • Copenhagen is a free, lightweight and highly customizable code editor
  
  

Browsers

• We intend to remove the compact mode of displaying panels from Firefox

• In the night and beta builds of Firefox, HTTP / 3 support is enabled by default

• Chrome has received the Live Captions function and can now automatically create subtitles for video and audio with the





Digest speech for the past week .

Material prepared dersmoll and alekskorovin .