Resumen de materiales frescos del mundo frontend de la última semana n. ° 465 (26-2 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

Medios de comunicación

• Podcast "proConf" n. ° 94: GraphQL Galaxy

• "512 News" de CSSSR: Chrome 91 Beta, postcss-easy-z, bibliotecas modificables en árbol, guías sobre propiedades CSS personalizadas y CLS

• Podcast "Callback Hell": el último otoño bastión de Dart, lenguajes de programación visual en el ejemplo de Enso, Lucy - DSL para máquinas de estado

• Podcast "Frontend Yunost" # 185: Desarrollo impulsado de pie

desarrollo web

• La historia de la interfaz: JavaScript como reflejo de la nueva era

• HTMHell - marcado infernal

• Etiquetas y atributos HTML que probablemente no conocías

• Diseño receptivo como antipatrón

• El elemento humilde img y Core Web Vitals

• Cómo implementar la elección de acciones para el texto seleccionado utilizando la API de selección

• Herramientas
  
  • Yarn 2 - Instalar y comprender
  
  • Por qué cambiamos de Webpack a Vite
  
  • Nuevo editor Flex en Chrome 90
  
  • Servidor web en Ubuntu 20 desde cero: nginx, HTTPS, Brotli y HTTP / 2
  
  

• 
  
  • Google Core Web Vitals
  
  • ,
  
  • Google Web Vitals
  
  

• 
  
  •
  
  • Apple Keynote Event SVG, Canvas GreenSock
  
  • «Inspirational Websites Roundup» #25
  
  • Three.js GLSL
  
  

CSS

• Ejemplos de variables CSS en la práctica

• Consultas de contenedor en CSS

• Cómo proporcionar Glassmorphism con HTML y CSS

• VDS (sintaxis de definición de valor)

• fit-content y fit-content ()

• Una guía completa de propiedades personalizadas

• Un primer vistazo CQFill. Polyfill para consultas de contenedor CSS

• Aprendiendo color-contrast () por primera vez

• GPT-3 y frameworks CSS

• Comprensión de las funciones de aceleración para animaciones y transiciones en CSS

• Nuevas funciones de WebKit en Safari 14.1 (Flexbox Gap, entradas de fecha y hora, propiedades de transformación individual de CSS)

JavaScript

• El poder curativo de JavaScript

• JavaScript legible por humanos: una historia de dos expertos

• El principio del mosaico, o cómo hicimos JavaScript verdaderamente modular

• Tutorial: De nivel intermedio a ingeniero sénior en JavaScript

• Patrones de API del lado del cliente Todos los desarrolladores front-end Debe saber

• Teoría
  
  • Puede usar etiquetas con una declaración "if"
  
  • Hoja de trucos de importación y exportación de ES6
  
  • Iteradores y generadores de JavaScript: la guía completa
  
  

• React
  
  • 5 React-,
  
  • 5 React
  
  • React Table: headless React
  
  • React Table React
  
  • , Icons-Components React.js
  
  

• Angular
  
  • Angular docs. Angular
  
  • Banx. HTTP Angular. API.
  
  • Banx. Config service Environment service Angular Nx
  
  • Angular: Angular ngStyle
  
  • Angular RxJS
  
  • Angular —
  
  • Angular (Ng-Conf 21 Update)
  
  

• Ember
  
  • Ember
  
  

• Svelte
  
  • Svelte UI
  
  • Svelte — !
  
  

• Libs y complementos
  
  • Bibliotecas JavaScript útiles
  
  • js-tokens: minúsculo tokenizador de JavaScript flexible que funciona con expresiones regulares
  
  • Fower: una biblioteca CSS utilitaria en JS para desarrollar interfaces rápidamente.
  
  

Recopilación de la última semana .

Material preparado dersmoll y alekskorovin .