Resumen de materiales frescos del mundo del frontend de la última semana # 436 (5 al 11 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     |    Navegadores

Medios de comunicación

• Podcast CSSSR: CSS Grid en Chrome DevTools 87, microservicios, trucos de TypeScript, Spamtoberfest, era del código VS

• Podcast de estándares web # 250. Edge en VS Code, Grid Inspector, Gaps and Flexes, Matemáticas en CSS, Hacktoberfest, Open Source

• Podcast frontend Yunost # 159: SOLID vs SOLOD

desarrollo web

• Crear un favicon para el sitio 2020

• Usar una Política de seguridad de contenido (CSP) para proteger las aplicaciones web

• Extender la responsabilidad de los desarrolladores de aplicaciones para el usuario

• La web no se creó para la privacidad, pero podría hacerlo

• Su aplicación de una sola página ahora es un polyfill

• API
  
  • — Event Conversion Measurement API.
  
  • Web Share API
  
  • The File System Access API:
  
  

• 
  
  • Webpack 5
  
  • DevTools (Chrome 86)
  
  • RSLint — JS-, Rust, , .
  
  • npmx — CLI npm
  
  

• 
  
  •
  
  • HTML5 Lazy Loading CSS JavaScript
  
  • Cumulative Layout Shift
  
  • Cumulative Layout Shift
  
  

• 
  
  • :
  
  

• 
  
  • WebGL Curtains.js
  
  • Webgl SLider
  
  

CSS

• Variables CSS 101: una guía completa de variables CSS con ejemplos

• Animación de contadores con CSS

• : focus-visible está aquí

• Una elegante solución CSS Grid para diseños con contenido centrado dividido por un cuadro de ancho completo

• Guía de formulario HTML / CSS (sin hacks)

• Buenos ejemplos de transformaciones 3D en CSS

• Cree un navegador de medios receptivo con CSS

• Equilibre el eje con Flexbox

• Curioso pero funcional Flex: gráficos interactivos con Flexbox

• clamp () para diseño receptivo

JavaScript

• Mejores prácticas para el manejo de errores en JavaScript moderno

• Marco de Javascript para desarrollar aplicaciones comerciales

• Manejo de solicitudes de rango en un trabajador de servicios

• Cómo trabajar con un elemento de selección múltiple en Vanilla JS

• Cómo hacer un botón de desplazamiento hacia arriba discreto

• ¿Qué hay en el futuro para JavaScript?

• Lo que admiro de TypeScript 4.0

• 
  
  • - JavaScript
  
  • - JavaScript:
  
  • JavaScript
  
  • Event Loop Call Stack JavaScript
  
  • JavaScript —
  
  

• React
  
  • MobX, Redux,
  
  • useEffect
  
  • - React (PWA)
  
  • React Hooks:
  
  • JavaScript-less Static SSR Styled Components
  
  • Render React ?
  
  • Figma React
  
  

• Vue
  
  • - Vue.js
  
  • To-Do: Composition API Vuex
  
  

• Angular
  
  • Angular Component Libraries Accessibility
  
  • Inputs & Outputs: Angular
  
  • : Angular
  
  • angular/router: RouterScroller ?
  
  

• Ember
  
  • The Ember Times — Issue No. 165
  
  • in-element Ember.js
  
  • Ember Octane Glimmer Components
  
  • React Ember:
  
  • React Component Ember.js
  
  

• Libs y complementos
  
  • ZzFXM: pequeño generador de música JavaScipt
  
  • meta-fetcher: analizador de metadatos minúsculo para una URL determinada
  
  • spotify-api: un contenedor rápido para interactuar con la api de spotify
  
  

Navegadores

• Chrome inició la activación de IETF QUIC y HTTP / 3

• Lanzamiento de Chrome 86

• Google Chrome sigue siendo el navegador más popular en China

• Microsoft reveló por qué los navegadores en Windows 10 crean tantos procesos

• Microsoft anunció nuevas funciones para Microsoft Edge

• Historial del navegador web



← Recopilación la semana pasada

Material preparado dersmoll y alekskorovin