Digest of fresh materials from the frontend world for the last week # 466 (May 3 - 9, 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

Media

• 'Callback Hell' podcast: Webpack Killers, Microsoft + Bytecode Alliance, removed

• CSSSR News 512: Bootstrap 5, V8 9.1, generics in TypeScript, RxJS in Angular, e2e tests with Cypress, bug in Safari 14.1

• " News 512 "from CSSSR:" Front End Story "Part 2, Safari 14.1, CORS, Cookie Store API, Next.js 10.2, RxJS 7, Google I / O 2021

• Web Standards podcast # 280. Safari 14.1, gaps in flexes, history of JS, mosaic JS, who needs algorithms

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

• " Pro Conf "podcast # 95: HollyJS Moscow 2020

Web development

• Out Bootstrap 5: 7 assess the major innovations

• Why use tag <picture> instead of <img>

• The basic structure of HTML-document with an explanation of each line

• the HTML tricks

• Jamstack Evolution

• How do we use the web components on GitHub

• Audit design- systems for accessibility

• Speed ​​up development with Bootstrap 5

• How we speed up the Chrome DevTools stack trace by 10x

• 
  
  • Webpack Vite
  
  •
  
  

• 
  
  • GPU JavaScript
  
  • PWA, AMP,
  
  • - 2021 :
  
  • History Graphs GTmetrix
  
  • Google Page Experience Update -
  
  

• 
  
  • CSS GSAP
  
  • 2021 — HTML- WebGL
  
  

CSS

• State of CSS Cross-Browser Development

• Container Queries: Clarifications and Suggestions

• Two Use Cases for Custom Properties

• A Complete Guide to Web Fonts in Letter Templates

• Is CSS a Programming Language?

• CSS Hell - A collection of common mistakes in CSS and how to fix them

• Text that is 16 pixels or more prevents the form from scaling in iOS

• Fluid typography - Create text that is scaled to fit the window so that titles look great on any screen.

• Are vendor prefixes dead?

• Compilation of CSS on demand using the latest version of the Tailwind compiler

JavaScript

• How I wrote a browser-based 3D FPS shooter in Three.js, Vue and Blender

• Custom data types in TypeScript: validation at compile time

• Is 0kb JavaScript possible in your future?

• Vue Composition API vs React Hooks - the main difference

• Build a satellite tracker from scratch with 30 lines of JavaScript

• React
  
  • React Spectrum:
  
  • , React
  
  • useStateMachine — React
  
  • XState React
  
  

• Vue
  
  • Vue
  
  • Vue 3
  
  

• Angular
  
  • Ngrx Angular. RootStore.
  
  • RxJS 7
  
  • NgRx Selectors
  
  

• Ember
  
  • The Ember Times — Issue No. 179
  
  • Ember Apollo Client + @use
  
  

• Libs & Plugins
  
  • Fastify.js is not only the fastest web framework for node.js
  
  • WinBox is a modern window manager for the web. Lightweight, fast, no dependencies and many customizations
  
  

Digest for the last week .

Material prepared dersmoll and alekskorovin .