Resumen de materiales frescos del mundo frontend de la última semana # 437 (12 al 18 de octubre de 2020)

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 "Estándares web" # 251. Chrome 86, Safari y Firefox, el comienzo del kit de interfaz de usuario, SSR y Next.js, sobre los maratones de Zara y JS

• Podcast "Make Me Beautiful" Número 45: 18+ Cool Front End Stories

• Podcast CSSSR: Webpack 5 y Módulo Federación, Chrome 86, npm 7, Event Loop & Call Stack, Python 3.9, materiales a11y

desarrollo web

• Hacemos aplicaciones web en aras de la economía, pero este camino nos lleva a la oscuridad

• Modo oscuro: Hola oscuridad, mi viejo amigo

• De HTTP a HTTP 3: la Internet del futuro

• 11 trucos de front-end que muchos desarrolladores de front-end no conocen

• Web Componentes: la guía completa

• Cómo se construye la comunicación en tiempo real con Socket.io y Node.js

• 
  
  • :
  
  • NPM 7.0
  
  • webpack: webpack 5
  
  • Webpack 5
  
  • Chrome DevTools
  
  

• 
  
  • Core Web Vitals: - Google
  
  • ?
  
  • - PRPL
  
  • Largest Contentful Paint:
  
  

• 
  
  • CSS , 2:
  
  • Checka11y.css — CSS .
  
  • , CSS
  
  

• 
  
  • , Mark Appleby
  
  • Material Design
  
  •
  
  • Motion Blur CSS Transitions
  
  • -
  
  • CSS
  
  

CSS

• Variables CSS - Curso de Young Fighter

• 10 diseños modernos en una línea de CSS

• CSS-in-TS avanzado

• Elección de un diseño CSS - ¿Cuadrícula o Flexbox?

• - -var:; hack para alternar múltiples valores con una sola propiedad personalizada

• Tamaño de fuente sensible usando CSS vainilla

• Mejoras de propiedades booleanas con atajos

• El truco: foco visible

• Una selección de 20 cargadores animados en CSS puro

• min (), max () y clamp (): tres funciones CSS booleanas para usar hoy

• Layoutit Grid: Explore visualmente la cuadrícula CSS con un generador

• Nueva función de imagen CSS ()

• Seguimiento de usuarios con CSS

JavaScript

• WorkBox: su conjunto de herramientas en el mundo de los trabajadores de servicios

• ¿Qué es WeakSet en JavaScript y cómo funciona?

• ¿Por qué debería utilizar Await de nivel superior en JavaScript?

• Introducción a JavaScript moderno - Proxy

• El viaje hacia el rendimiento de renderizado isomórfico

• JavaScript orientado a objetos: un poco de práctica

• Documentación de sus proyectos de TypeScript: opciones

• React
  
  • D3 React
  
  • . Part 1
  
  • React Wallaby.js
  
  • Framer Motion — React.
  
  • long-running React -
  
  • Wouter: React Router
  
  

• Vue
  
  • Nuxt Content ( )
  
  • Vue
  
  • VueJS script gadgets
  
  

• Angular
  
  • Angular DI,
  
  • Lazy Load Angular
  
  • Angular LetDirective — 1
  
  • .CSS .SCSS Angular
  
  

• Ember
  
  • yieldable named blocks
  
  

• Svelte
  
  • Svelte , React
  
  • Svelte
  
  

• Bibliotecas y complementos
  
  • Plataforma conveniente para la selección de bibliotecas y marcos de JavaScript - openbase
  
  • Detectar GPU: detecta GPU en función de sus resultados en pruebas de rendimiento de renderizado 3D, lo que permite al desarrollador proporcionar configuraciones predeterminadas razonables para aplicaciones con uso intensivo de gráficos.
  
  • dragmove.js: una pequeña biblioteca de JavaScript para arrastrar y soltar elementos en el DOM
  
  • Introducción a Malina.js
  
  • 3 razones para usar menos bibliotecas de JavaScript
  
  

Recopilación de la última semana .

Material preparado dersmoll y alekskorovin .