Digest of fresh materials from the frontend world for the last week # 446 (December 14 - 20, 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

• "News 512" from CSSSR: Firefox 84, "Frontend-2021" from Tinkoff, security releases of Node.js, Deno 1.6, MDN Web DNA 2020

• Podcast "Make me beautiful" # 52 - Print a typo on 200 thousand sites

• Podcast Frontend Yunost (18+) # 166: The Entire JavaScript History in 100 Minutes

• Web Standards Podcast # 260: Web Almanac 2020, Safari TP, PWA, EStimate, Download by Request, Houdini, Squoosh 2 and CLI

• Front -end 2021 Roadmap & Trends | What to teach in 2021?

• More, more frontend - reports from UMoneyDay

• Chrome Developer Summit 2020

• Chrome Dev Summit Russia 2020 Extended

• Highlights of Chrome Dev Summit 2020

Web development

• Front-end-2021: trends as we see them

• What a front-end user should know about UX and why to pump in this direction

• SEO checklist (PDF)

• Basics of caching web applications

• 
  
  • , Google Fonts.
  
  • PageSpeed Insights —
  
  • Observer vs Scroll Lazy Loading:
  
  • CSS, CMS CLS
  
  • 5 ,
  
  

• 
  
  • ?
  
  • GOV.UK
  
  • WCAG 2.1: Label in Name
  
  

• 
  
  • glitch- Cyberpunk 2077 CSS
  
  • Web Animations API — Pie Timer
  
  • «Inspirational Websites Roundup #21»
  
  • UI «UI Interactions & Animations Roundup #13»
  
  

CSS

• Remove offsets in the layout overlay in CSS Grid

• CSS Scroll Snap - a powerful tool for creating scrollable containers without JavaScript

• CSS value processing

• AnimXYZ - a component library for CSS animations that can be easily embedded in any framework

• CSS properties for point transformations

• Processing short and long content in CSS

• Fonts in HTML emails

• Content-visibility and Accessible Semantics

• Styling console.log () formatting with CSS

• Centering in CSS

• How to Create Responsive Pages and Color Themes with Minimal CSS

• Sticky Elements Combined with CSS Grid

JavaScript

• New ES2021 / ES12 Features

• Modules in JavaScript

• Iterables and Iterators: An In-Depth Guide to JavaScript

• Turning Recursion into a Loop

• Understanding the destructuring syntax in JavaScript

• How one developer recreated AirDrop using only JavaScript

• Rust Tutorial: An Introduction to Rust for JavaScript Developers

• JavaScript: Conditional JS, loaded only when needed

• React
  
  • react
  
  • PWA create-react-app
  
  • React
  
  • 25 React,
  
  • Sitemap Next.js
  
  • Redux
  
  • Iframes React:
  
  

• Vue
  
  • SSR Vue Node.js
  
  • Vue.js MJML
  
  • Qui — - Vue.js
  
  • Vue.js
  
  

• Angular
  
  • Angular
  
  • Angular
  
  • context help component Angular global event listener
  
  • Angular @ngrx/component-store
  
  

• Ember
  
  • Ember 3.23
  
  • The Ember Times — Issue No. 170
  
  • Ember.js
  
  

• Libs & Plugins
  
  • Tiny-Swiper — JavaScript swiper
  
  • Locomotive Scroll
  
  • Moiva — JS-
  
  • EStimator , JavaScript
  
  

• Firefox 84 release

• Firefox 85 will have additional tracking protection based on network segmentation

• In Firefox, Chrome, Edge and Safari, the certificate used to intercept traffic in Kazakhstan is blocked

• New Microsoft password manager synchronizes data between Edge, Chrome, iOS and Android

• Avast found 28 malicious extensions for Chrome and Edge that steal personal data of users

• Microsoft released the Edge browser for Apple computers based on the M1 chip



Digest last week .

Material prepared by dersmolland alekskorovin .