Digest of fresh materials from the world of the frontend for the last week # 442 (November 16 - 22, 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

Media

• CSSSR News 512: Angular 11, .NET 5.0, security releases, Container Query in Chrome, Bloomberg switches to TS, werf.io

• Make Me Pretty podcast # 50 - All Roads Lead to Booking

• Podcast “ Frontend Youth "# 164: Peasant test suite

Web development

• Modern HTML starter template

• Front-end developer: 10 directions to develop in 2021

• Oscilloscope in the browser

• Standardization of <select> and not only: the past, present and future of native form elements

• 9 new browser features of 2020, Which you probably didn't know about

• Unit Testing: Best Practices

• 1 Backend, 5 Frontends - Todo List with Rails, React, Angular, Vue, Svelte and jQuery

• Backend or frontend, who owns the API orchestration layer?

• 
  
  • Google WebP 2
  
  • GTmetrix Lighthouse
  
  • Google Lighthouse: vs.
  
  

• 
  
  • Blink Renderer
  
  • 10 -
  
  •
  
  

• 
  
  • «UI Interactions & Animations Roundup #12»
  
  • WebGL CurtainsJS
  
  

CSS

• A complete visual guide-cheat sheet for Flexbox and Grid + tutorial

• Languages ​​that almost became CSS

• Where to use flexes, and where are grids? Spoiler alert: wherever you want

• Tailwind CSS v2.0 release

• Color Theming with Custom CSS and Tailwind Properties

• What's New in Tailwind 2.0

• Complete Guide to CSS Gradients

• Dynamically sized sticky sidebar in HTML and CSS

• Create responsive components with transparency

• Thinking outside the box with CSS Grid

JavaScript

• TypeScript 4.1 announcement

• The most accurate way to schedule a function to run in a web browser

• Cases of weak dependencies in JS

• How to create a JavaScript PDF Viewer

• Theory
  
  • Dependency injection (dependency injection) through properties-functions in JavaScript
  
  • JavaScript: what awaits us next year
  
  • Three main new features of JavaScript ES 2021 (ES 12) that excite me
  
  • What is the difference between Event Handlers and addEventListener in JS ?
  
  • How to use Map, Filter and Reduce in JavaScript
  
  

• React
  
  • REACT + JEST = TDD ️
  
  • 7 JavaScript, , React
  
  • useRef() React
  
  • React
  
  • React
  
  • React.useEffect
  
  

• Vue
  
  • Vue
  
  • Vuex
  
  • Ionic Vue: UI Vue 3
  
  • React vs Vue – (2020 Update)
  
  

• Angular
  
  • : Angular
  
  • Ivy
  
  • Angular RxWeb
  
  • GitLab pipeline Angular. 1
  
  

• Ember
  
  • The Ember Times — Issue No. 168
  
  • ember-mirage-gen
  
  • Ember 2015 , 2020 .
  
  • @tracked @cached?
  
  

• Svelte
  
  • Svelte TypeScript
  
  

• Libs & Plugins
  
  • ThreeJS
  
  • ts-standardx — TypeScript JavaScript.
  
  • upptime — - GitHub
  
  • Harold — CLI-,
  
  

• Modern Chrome Web Browser Device: (part 1/4) , (part 2/4) , (part 3/4) , (part 4/4)

• Firefox 83 introduced HTTPS only mode

• Firefox 83 released

• Mozilla donated Servo engine to the Linux Foundation

• Google unveiled Chrome 87 - the latest browser update this year with "the biggest performance gain in years" and new features

• A bug in Firefox could steal cookies from an Android device

• Throttling tabs and other performance improvements in Chrome M87



Last week's digest...

Material prepared dersmoll and alekskorovin .