Resumen de materiales frescos del mundo frontend de la última semana # 446 (14 al 20 de diciembre de 2020)

Llamamos su atención sobre una selección con enlaces a nuevos materiales del área de frontend y su entorno.

Medios     |    Desarrollo web     |    CSS     |    JavaScript     |    Navegadores

Medios de comunicación

• "News 512" de CSSSR: Firefox 84, "Frontend-2021" de Tinkoff, versiones de seguridad de Node.js, Deno 1.6, MDN Web DNA 2020

• Podcast "Make me beautiful" # 52 - Imprime un error tipográfico en 200 mil sitios

• Podcast Frontend Youth (18+) # 166: Toda la historia de JavaScript en 100 minutos

• Podcast de estándares web # 260: Web Almanac 2020, Safari TP, PWA, EStimate, Download by Request, Houdini, Squoosh 2 y CLI

• Front -end 2021 Hoja de ruta y tendencias | ¿Qué enseñar en 2021?

• Más, más frontend: informes de UMoneyDay

• Chrome Developer Summit 2020

• Chrome Dev Summit Rusia 2020 extendido

• Aspectos destacados de Chrome Dev Summit 2020

desarrollo web

• Front-end-2021: tendencias como las vemos

• Lo que un usuario de front-end debe saber sobre UX y por qué bombear en esta dirección

• Lista de verificación de SEO (PDF)

• Conceptos básicos sobre el almacenamiento en caché de aplicaciones web

• 
  
  • , Google Fonts.
  
  • PageSpeed Insights —
  
  • Observer vs Scroll Lazy Loading:
  
  • CSS, CMS CLS
  
  • 5 ,
  
  

• 
  
  • ?
  
  • GOV.UK
  
  • WCAG 2.1: Label in Name
  
  

• 
  
  • glitch- Cyberpunk 2077 CSS
  
  • Web Animations API — Pie Timer
  
  • «Inspirational Websites Roundup #21»
  
  • UI «UI Interactions & Animations Roundup #13»
  
  

CSS

• Eliminación de compensaciones en la superposición de diseño en CSS Grid

• CSS Scroll Snap: una poderosa herramienta para crear contenedores desplazables sin JavaScript

• Procesamiento de valores CSS

• AnimXYZ: una biblioteca de componentes para animaciones CSS que se pueden incrustar fácilmente en cualquier marco

• Propiedades CSS para transformaciones de puntos

• Procesamiento corto y contenido extenso en CSS

• Fuentes en correos electrónicos HTML

• Visibilidad del contenido y semántica accesible

• Diseño de formato console.log () con CSS

• Centrado en CSS

• Cómo crear páginas receptivas y temas de color con CSS mínimo

• Elementos fijos combinados con CSS Grid

JavaScript

• Nuevas funciones de ES2021 / ES12

• Módulos en JavaScript

• Iterables e iteradores: una guía detallada de JavaScript

• Convertir la recursividad en un bucle

• Comprender la sintaxis de desestructuración en JavaScript

• Cómo un desarrollador recreó AirDrop usando solo JavaScript

• Tutorial de Rust: una introducción a Rust para Desarrolladores de JavaScript

• JavaScript: JS condicional cargado solo cuando es necesario

• React
  
  • react
  
  • PWA create-react-app
  
  • React
  
  • 25 React,
  
  • Sitemap Next.js
  
  • Redux
  
  • Iframes React:
  
  

• Vue
  
  • SSR Vue Node.js
  
  • Vue.js MJML
  
  • Qui — - Vue.js
  
  • Vue.js
  
  

• Angular
  
  • Angular
  
  • Angular
  
  • context help component Angular global event listener
  
  • Angular @ngrx/component-store
  
  

• Ember
  
  • Ember 3.23
  
  • The Ember Times — Issue No. 170
  
  • Ember.js
  
  

• Libs & Plugins
  
  • Tiny-Swiper — JavaScript swiper
  
  • Locomotive Scroll
  
  • Moiva — JS-
  
  • EStimator , JavaScript
  
  

• Lanzamiento de Firefox 84

• Firefox 85 agregará protección de rastreo adicional basada en la segmentación de la red

• En Firefox, Chrome, Edge y Safari, el certificado utilizado para interceptar el tráfico en Kazajstán está bloqueado

• El nuevo administrador de contraseñas de Microsoft sincroniza datos entre Edge, Chrome, iOS y Android

• Avast encontró 28 extensiones maliciosas para Chrome y Edge que roban datos personales de los usuarios.

• Microsoft lanzó el navegador Edge para computadoras Apple basado en el chip



Digest M1 la semana pasada .

Material preparado por dersmolly alekskorovin .