Digest of fresh materials from the world of the frontend for the last week # 441 (November 9 - 15, 2020)

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     |    Entertaining     |    

Media

• “News 512” from CSSSR: NodeJS 15.1.0, TS 4.1 RC, Promises from scratch, native Sketch, Travis-CI rates, MDN Web DNA 2020

• Podcast “Make Me Beautiful” Issue # 49: Try not to burn out by the Juniors

• Podcast "Frontend Youth" # 162 : Hundreds of new front -endrs are taking our bread , # 163 Chair-request

• Podcast "Web Standards" # 256: Chrome DevTools, HTTP push, Apple ARM, markup, CSS-book, pixel-perfect, VK miniaps

Web development

• Prepare console.log () correctly

• Comparison of the speed of static site generators

• Are there any prospects for monolithic web applications?

• What is the rel = noopener attribute

• Clickjacking attacks and how to prevent them

• Creating micro-frontends

• The story of Wix's transition to React Native

• Web Development for Beginners: 12-week curriculum of 24 lessons on the basics of JavaScript, CSS and HTML from Microsoft

• Bootstrap 5 Alpha 3 Released

• Tools
  
  • Chrome DevTools: Create custom keyboard shortcuts and improve productivity
  
  • What's new in DevTools (Chrome 88)
  
  

• SVG
  
  • SVGBox — - SVG
  
  • SVG Path Editor
  
  • SVG
  
  

• 
  
  • Core Web Vitals Google
  
  • WebP WordPress: (+ )
  
  

• 
  
  • Puppetaria: accessibility-first Puppeteer
  
  • aria-label — Big Table Edition
  
  •
  
  

• 
  
  • 20 , -
  
  • Inline Menu Layout with Gallery Panel
  
  • WebGL- curtainsjs
  
  

CSS

• Tables and CSS float in modern web development

• Native Masonry Layout in CSS Grid Level 3

• Simple Pie Charts with Fallback

• Quick Tip: How to Make the New CSS Overview feature in Chromium Devtools available

• Raven Technique: One Step Closer to Container Queries

• The right trick to automatically grow textarea

• What are flex-grow, flex-shrink and flex-basis

• Deep dive into CSS Grid minmax ()

JavaScript

• Parsing Markdown to automatically insert a TOC on a page

• How I wrote JavaScript to avoid JavaScript

• 10 takeaways from large scale TypeScript implementation

• Web workers to improve UI performance

• Theory
  
  • Everything You Need to Know About Proxy in JavaScript
  
  • Getting Started with Modern JavaScript - Template Literals
  
  • JavaScript Decorators from Scratch
  
  

• React
  
  • Intersection Observer API React
  
  • React Three.js
  
  • React Forms: ,
  
  • CSS React Context
  
  • React Frontload — React ,
  
  • React Auth0
  
  • Create React App:
  
  

• Vue
  
  • Vuejs
  
  • Vue Node.js
  
  • Vue.js Web Worker
  
  

• Angular
  
  • Angular 11
  
  • Angular
  
  • Hot Module Replacement Angular 11
  
  • Angular 11 —
  
  • Angular
  
  • Cypress Angular
  
  

• Ember
  
  • The Rock & Roll with Ember band interview series: Serguei Cambour , Stuart Guthrie
  
  • The use of @action and @tracked Decorators in Ember Classic Classes
  
  

• Svelte
  
  • Svelte is the "new" frontend framework
  
  • Why Svelte isn't ready for prime time yet (and why it will be awesome in due time)
  
  

Browsers

• Google has closed two more zero-day vulnerabilities in Chrome. Five of them have been fixed in a month

• In Chrome intends to remove support for Server Push technology

• Warp: improved JS performance in Firefox 83

• IE11 support discontinued - this is a progressive improvement

Entertaining

• Python creator Guido van Rossum goes to work at Microsoft

• The latest release of WordPress 5.6 will carry another major change in jQuery

• Google has mandated the use of inclusive terminology in its open source projects

• Microsoft urges users to abandon multi-factor authentication via phone

• Google asks for help from users to improve Google Photos algorithms

• Google Photos will cease to be unlimited from June 1, 2021, and files of inactive accounts (at least two years) will be deleted

• The British company was obliged to change the strange name because it provoked attacks on Digest websites



over the past week...

Material prepared dersmoll and alekskorovin .