Digest of fresh materials from the frontend world for the last week # 467 (May 10 - 16, 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

• Podcast "Web Standards" # 281. SpiderMonkey 25 years old, Safari TP, Bootstrap 5, GitHub, prefixes, monoreps and your own git in Yandex

• Frontend Yunost podcast # 186. Iron the web. The guest is the creator and editor-in-chief of Smashing Magazine Vitaly Fridman.

• Videocast “Front-end. Interview questions "# 2

• Does June need a perfect code: an interview with Vadim Makeev

• The podcast" How is it? " Issue No. 4: from a Japanese philologist to a freelance frontend

Web development

• Solid frontends: monitoring

• Registering a URL protocol handler for PWA

• Differences between WebSockets and Socket.IO

• Going to "Meta GSAP": Finding the "perfect" infinite scrolling

• Performance
  
  • Optimizing Core Web Vitals: Basic Strategies
  
  • How to Measure Site Speed ​​Using the Performance API
  
  • Optimizing Web Vitals Using Lighthouse
  
  

• 
  
  • toggle
  
  • ? ? [ ]
  
  •
  
  • 7 Winn-Dixie ADA (2021 .)
  
  • Logical Content Flow — - Logical Content Flow
  
  

CSS

• Identifying pure CSS touchscreen devices

• The crown of the evolution of CSS-in-JS is here: fully typed styles without runtime in vanilla-extract

• Comparison of CSS and CSS-in-JS performance in the real world

• CSS auditing tools

• “Parent selector ": has () - in reality!

• Container Queries
  
  • Next Gen CSS: @container
  
  • Introduction to CSS Container Queries
  
  • Component-level decoration with CSS Container Queries
  
  • Support (Not) Unknown. Adding Container Query Validation to CSS with @support
  
  

• Design for Reading: Tips for Optimizing Content for Reading Modes and Reader Applications

• Advanced CSS Animation Using Cubic-Bezier ()

• Aspect-Ratio and Grid

• Stylesheet Feature Flags Creation Using Sass! Default

• Sticky Smooth Scrolling ScrollSpy Navigation with Fixed Background CSS

• A Look at CSS Tailwind

JavaScript

• Tracking and visualizing the position of the ISS using 30 lines of JavaScript code

• Cheat sheet on JS methods for working with the DOM

• Patterns of lazy initialization of object properties in JavaScript

• I released Grafar - a JS library for visualization

• 7 steps to secure JavaScript in 2021

• Modern Javascript: Everything You Missed Out on in the Last 10 Years (ECMAScript 2020)

• Create Tetris with Modern JavaScript

• Typescript
  
  • , 2021 TypeScript, JavaScript
  
  • DRY TypeScript
  
  • TypeScript:
  
  

• React
  
  • React, TypeScript TDD
  
  • React Hooks
  
  • React Virtual DOM
  
  • Debounce Throttle React
  
  • React
  
  • React
  
  • VR React 360
  
  • React- 2021
  
  

• Vue
  
  • Vue.js : -
  
  • Vuex, the Official Vue.js Store
  
  • Vue Router:
  
  

• Angular
  
  • Angular @taiga-ui/cdk: 5
  
  • , Angular 12, Nx 12.3
  
  • RxJS Angular: If/Else
  
  • Angular Forms:
  
  • Angular
  
  

• Ember
  
  • Emberjs 3.2x Storybook.js 2021
  
  • Tailwind css 2.0 + EmberJs 3.2+ 2021
  
  

• Svelte
  
  • Svelte
  
  

• Using custom protocol handlers for cross-browser tracking in Tor, Safari, Chrome and Firefox.

• Identification through analysis of external protocol handlers in Browser



Digest over the past week.

Material prepared dersmoll and alekskorovin .