Digest of fresh materials from the frontend world for the last week # 434 (September 21 - 27, 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

• Podcast "Web Standards" No. 249. Chat in Telegram, Firefox 81, Vue 3, GitHub CLI, CSS debugging, new Nova, editor for the web

• Podcast "Frontend Youth (18+)" - # 156 Switch from Styleguidist needle to Cosmos

• CSSSR podcast: Release Vue 3, PostCSS 8, TypeScript 4.1 Beta, Github CLI 1.0, sunset moment.js, internet history

• YGLF 2020 Vilnius: Digital Edition

Web development

• The layout designer doesn't need math 2: Matrices, basic transformations, 3D rendering and image filters

• Why do websites need an HTTP Strict Transport Security (HSTS) header

• Unfulfilled hopes of web components

• Simplify your stack with a custom static site generator

• Getting Started working with Eleventy

• Folding the Web: making a truly responsive design for folding devices

• Vital Web Performance . Essential performance metrics for your website

• 
  
  • Chrome DevTools
  
  • Chrome DevTools Issues
  
  • Fiddler Lighthouse
  
  

• 
  
  • -: WCAG
  
  • ComicA11y — ,
  
  • “W3C , ”. ?
  
  

• 
  
  • - «UI Interactions & Animations Roundup #10»
  
  • 25+ CSS
  
  • ray marching 2D webgl
  
  • Spring Physics: css
  
  

CSS

• Responsive video using built-in CSS math

• Why :: before and :: after pseudo-elements don't work for input fields and images

• CSS math

• RatioBuddy is a simple online tool that creates an SCSS snippet for any aspect ratio.

• What's going on with CSS Houdini?

• 4 relatively unknown properties for building CSS layouts

• Finding the cause of the CSS error

• Styling the details element

• 3 things you might not know about CSS variables

• Linear scaling of the font size with CSS-clamp () based on the viewport

JavaScript

• Mastering JavaScript ES6 Symbol

• Building a JavaScript Promise from Scratch, Part 1: The Constructor

• An Overview of What's New in ECMAScript 2021

• All About Null in JavaScript

• Object-Oriented JavaScript: Primitives and Objects

• Looping Array Methods from the Inside

• React
  
  • ReactJS:
  
  • React,
  
  • 15 React
  
  • SX Transform
  
  • React Suspense
  
  • visx Airbnb — React
  
  • JSX React
  
  • SPA React Helmet
  
  

• Vue
  
  • Vue.js 3.0 «One piece»
  
  • villus — GraphQL Vue.js.
  
  • code-splitting Nuxt.js
  
  • Vue 3 — ,
  
  • Vuex:
  
  • … Nuxt.js
  
  • Vue 3 Composition API Introduction [FULL TUTORIAL]
  
  • Vue 3 — ? ?
  
  

• Angular
  
  • TypeScript Angular
  
  • Angular
  
  • DOM Angular?
  
  

• Ember
  
  • The Ember Times — Issue No. 164
  
  • ember-data-jsonapi-fields
  
  • Autotracking: Elegant DX Via Cutting-Edge CS
  
  

• Svelte
  
  • Single File Components
  
  • 3 Svelte
  
  

• Libs & Plugins
  
  • Moon.js
  
  • fflate — JavaScript.
  
  • importabular — , Excel.
  
  

• Firefox 81 release

• Microsoft announced the start of testing Linux-version of Edge in October

• Issues in the Chrome Web Store: Google finally closes the Payments API

• Release of Firefox Reality 12, a browser for virtual reality devices



Digest last week .

Material prepared dersmoll and alekskorovin .