Resumen de materiales frescos del mundo frontend de la última semana # 445 (7 al 13 de diciembre 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     |    Entretenido

Medios de comunicación

• "Noticias 512" de CSSSR: PhpStorm 2020.3; Dramaturgo, Titiritero y Selenio; Next.js en Lyft Vaso de precipitados 1.0; Estado de JS 2020 , así como versión de texto

• Podcast de estándares web # 259: Chrome 88, Estado de CSS y JS, fuentes para codificación, Monument Valley, diseño de 2008, historia, punk

• Maquillaje como en 2020 o Trucos en SVG: Máscaras, transformaciones y Calc

• Los 10 mejores podcasts para diseñadores web, desarrolladores y profesionales digitales

desarrollo web

• Pensar como un desarrollador front-end

• Web Almanac 2020: Informe anual de HTTP Archive sobre el estado de la Web

• Depurar WebAssembly con herramientas modernas

• Cómo creé accidentalmente la API empresarial

• Superposición de transparencia en video con compatibilidad entre navegadores

• Herramientas
  
  • Hoja de ruta para Webpack en 2021
  
  • Una guía para principiantes de NPM
  
  • Profundización en Roma: Linting, compilación y construcción
  
  

• 
  
  • Google: Core Vitals
  
  • CSS
  
  • Lighthouse GitHub Actions
  
  • Web Vitals WebPageTest
  
  • Network Chrome Dev Tools
  
  

• 
  
  • — , 5
  
  • Alt vs Figcaption
  
  • , 1: ARIA, Focus Focus Management
  
  •
  
  

• Efectos
  
  • Diseños con desplazamiento horizontal suave
  
  • Implementación de texto con efecto de falla en CSS en 3 minutos
  
  

CSS

• CSS Scroll Snap

• Uso de propiedades CSS personalizadas para ajustar el peso de fuente variable en modo oscuro

• Reglas de margen de colapso

• Diseñar cadenas de comentarios

• Por qué me encanta Tailwind

• ¿Qué se puede agregar a una variable CSS?

• Efecto de paralaje con CSS Sticky

• Clase de utilidad para cubrir elementos

JavaScript

• Servicio diferencial: hace que su código sea más limpio y de mayor rendimiento

• Mover un personaje en sprites con JavaScript: parte 1 , parte 2

• Una introducción a la API de geolocalización en JavaScript

• Pensar en 25 años de JavaScript

• Publicar, enviar e incrustar JavaScript moderno para más rápido Aplicaciones

• Cómo crear un juego de serpientes en JavaScript

• CSS Paint API: Aleatoriedad predecible

• Creemos un Bus de eventos nativo en JavaScript

• 9 JS CLI 2021(React, Svelte, Angular, Vue+)

• 
  
  • JavaScript – , , Let, Const, ES6+
  
  • JavaScript
  
  • JavaScript
  
  

• React
  
  • Effector React + TypeScript
  
  • React
  
  • JSX React 17
  
  • 5 , React Hooks
  
  • - React
  
  • CSS-in-JS 175
  
  • React 17 Webpack 5
  
  

• Vue
  
  • Vue 2 Vue 3
  
  • Tricky, Tricky— Vue 3
  
  • Vue 3
  
  • React Vue.js
  
  

• Angular
  
  • - Dialogflow Angular-
  
  • Angular Code Splitting
  
  • @ngneat/dag
  
  • Angular. Angular
  
  

• Ember
  
  • Ember Octane
  
  • Autotracking: Elegant DX Via Cutting-Edge CS
  
  

• Svelte
  
  • Svelte React
  
  • Svelte:
  
  

• Google, Intel, Zoom y otros han formado una alianza para promover Chrome entre las empresas

• Google finaliza el sufrido Internet Explorer

• Google facilita la sincronización de contraseñas y datos de facturación en Chrome entre dispositivos

• Chrome 88 se ha trasladado a un nuevo manifiesto incompatible con uBlock Origin

Entretenido

• WordPress 5.6 "Simone" lanzado con un nuevo tema Twenty Twenty-One y un editor mejorado

• Cloudflare lanzó un servicio de análisis web gratuito con soporte de privacidad de datos

• Google presentó una calificación de proyectos críticos de código abierto

• Gmail ahora le permite editar documentos adjuntos directamente en el correo

• Adobe Flash El jugador recibió la última actualización antes del final del soporte

• El nuevo protocolo de Internet Apple y Cloudflare ocultará información sobre los sitios visitados por el usuario de terceros

• La pixelación ya no protege la información de las imágenes: había un algoritmo capaz de restaurar la imagen

• Inteligencia artificial y conciencia: juego de imitación



← Recopilación de la semana pasada

Material preparado dersmoll y alekskorovin