Resumen de materiales frescos del mundo frontend de la última semana n. ° 463 (12-18 de abril 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

• "News 512" de CSSSR: Chrome 90, Deno 1.9, análisis de rendimiento de JS, compiladores, diseño de correos electrónicos, pnpm 6, ESLint 7.24.0

• Podcast "proConf" n. ° 92: GatsbyConf 2021

• Podcast "Make me beautiful" n. ° 60 - La única interfaz que pone huevos

• Podcast "Frontend Yunost" # 183: El camino de una idea a un proyecto OpenSource popular

• Podcast "¿Cómo es?" Problema n. ° 2: jefes de equipo, directores de proyectos, evaluadores: ¿quiénes son todas estas personas?

desarrollo web

• Atributos poco conocidos pero geniales en HTML

• Microfrontends: Divide y vencerás

• Una guía completa para crear plantillas de correo electrónico HTML

• Accesibilidad práctica Parte 2: Dale un nombre a (casi) todo

• Noticias de la plataforma: Uso: focus-visible, la nueva BBC DOMs declarativos Shadow, A11Y y marcadores de posición

• Lento y cuidadoso: Conversión de toda la interfaz Sentry a TypeScript

• Las tensiones entre Wix y WordPress están creciendo

• 
  
  • Parcel Snowpack —
  
  •
  
  • natto.dev — JavaScript-
  
  • Frontend Toolkit — -
  
  

• 
  
  • Cumulative Layout Shift
  
  • WebAssembly ?
  
  • JavaScript DevTools
  
  • CSS CSS-in-JS
  
  

• 
  
  • 2D- Matter.js Paper.js
  
  • Meta GSAP: «»
  
  

CSS

• Fuentes no estándar: cómo conectar y optimizar

• Qué generadores CSS se pueden usar en 2021

• Variables CSS personalizadas, inversión de color y creación de temas oscuros en 5 minutos

• CSS: trabajar con texto en imágenes

• Tailwind CSS: para usar, o ¿no usar?

• Interfaz de usuario Tailwind: ahora con soporte React + Vue

• Problemas de desbordamiento en CSS

• Cómo crear estilos con la API de pantalla completa

• Saluda a las consultas de contenedor de CSS

• CSS es un lenguaje fuertemente tipado

• Una guía para principiantes sobre nuevas utilidades en Bootstrap 5

• Use Reseter.css en lugar de Normalize y Reset.css. Para mejorar la compatibilidad entre navegadores.

JavaScript

• Seguridad de escritura en JavaScript: Flow y TypeScript

• Trabajar con fechas y zonas horarias en JavaScript

• Cambiar el tamaño de las imágenes según el contexto con JavaScript

• Trabajar con cadenas en JavaScript moderno

• Generadores de JavaScript: async superior / await

• Un enfoque diferente para la arquitectura frontend

• React
  
  • React, Preact, Inferno
  
  • React: . JavaScript
  
  • The next big thing! React Query server-state data management
  
  • React Router Hooks: ,
  
  • React
  
  • Redux
  
  • Remotion: React.
  
  • 5 , React
  
  

• Vue
  
  • Nuxt.js, Node Express
  
  • Vue Vue 3
  
  • provide/inject Vue.js 3 Composition API
  
  • , React- Vue
  
  

• Angular
  
  • LocalStorage, SessionStorage Cookies.
  
  • Angular CSS
  
  

• Libs & Plugins
  
  • lazyfill —
  
  

• Fuera de Chrome 90

• La habilitación de HTTP / 3 en Firefox está programada para finales de mayo

• En Firefox 90 se eliminará el código que admite el FTP

• Los desarrolladores Vivaldi y Brave se negaron a usar FLoC de Google, para reemplazar el tercero por una cookie

• Microsoft Edge ahora es un "modo especial para niños"

• Firefox Nightly y Beta ahora son compatibles con QUIC y HTTP / 3

• WebKit: Presentamos CSS Grid Inspector



Digest de la semana pasada .

Material preparado por dersmoll y alekskorovin .