Resumen de materiales frescos del mundo frontend de la última semana n. ° 467 (del 10 al 16 de mayo de 2021)

Traemos a su atención una selección con enlaces a nuevos materiales del área de frontend y alrededor de ella.

Medios     |    Desarrollo web     |    CSS     |    JavaScript     |    Navegadores

Medios de comunicación

• Podcast "Estándares web" # 281. SpiderMonkey 25 años, Safari TP, Bootstrap 5, GitHub, prefijos, monoreps y tu propio git en Yandex

• Podcast frontend Yunost # 186. Plancha la telaraña. El invitado es el creador y editor en jefe de Smashing Magazine Vitaly Fridman.

• Videocasete “Front-end. Preguntas de la entrevista "# 2

• ¿Necesita June un código perfecto: una entrevista con Vadim Makeev?

• El podcast" ¿Cómo es? " Número 4: de un filólogo japonés a un frontend independiente

desarrollo web

• Interfaces sólidas: supervisión

• Registro de un controlador de protocolo URL para PWA

• Diferencias entre WebSockets y Socket.IO

• Ir a "Meta GSAP": encontrar el desplazamiento infinito "perfecto"

• Rendimiento
  
  • Optimización de los elementos fundamentales de la Web: estrategias básicas
  
  • Cómo medir la velocidad del sitio mediante la API de rendimiento
  
  • Optimización de los elementos vitales de la Web mediante Lighthouse
  
  

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

CSS

• Identificación de dispositivos de pantalla táctil CSS puros

• La corona de la evolución de CSS-in-JS está aquí: estilos completamente escritos sin tiempo de ejecución en extracto de vainilla

• Comparación del rendimiento de CSS y CSS-in-JS en el mundo real

• Herramientas de auditoría de CSS

• "Selector de padres": tiene () - ¡en realidad!

• Consultas de contenedor
  
  • CSS de próxima generación: @container
  
  • Introducción a las consultas de contenedor de CSS
  
  • Decoración a nivel de componente con consultas de contenedor de CSS
  
  • Soporte (no) desconocido. Agregar validación de consultas de contenedor a CSS con @support
  
  

• Diseño de lectura: Consejos para optimizar el contenido para los modos de lectura y aplicaciones de lectura

• Avanzada CSS animación usando cúbicas de Bezier ()

• relación de aspecto y rejilla

• ! Hojas de estilo Banderas función de creación de Uso Sass defecto

• Adherido desplazamiento suave ScrollSpy navegación con CSS fondo fijo

• Una mirada a CSS Tailwind

JavaScript

• Seguimiento y visualización de la posición de la ISS usando 30 líneas de código JavaScript

• Hoja de trucos sobre métodos JS para trabajar con DOM

• Patrones de inicialización diferida de propiedades de objetos en JavaScript

• Lancé Grafar - una biblioteca JS para visualización

• 7 pasos para JavaScript seguro en 2021

• Javascript moderno: todo lo que te perdiste en los últimos 10 años (ECMAScript 2020)

• Crea Tetris con JavaScript moderno

• 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
  
  

• Uso de controladores de protocolos personalizados para el seguimiento entre navegadores en Tor, Safari, Chrome y Firefox

• Identificación mediante el análisis de controladores de protocolos externos en Browser



Digest durante la semana pasada.

Material preparado dersmoll y alekskorovin .