Compendio de materiales frescos del mundo frontend de la última semana №443 (23-29 de noviembre 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

• "News 512" de CSSSR: navegador desde el interior, git de un vistazo, bfcache, Electron 11, escepticismo y Web Vitals, TIOBE en noviembre

• Podcast "Web Standards" # 258. Bocoup y apariencia, anidamiento de CSS, adaptación de tablas, dispositivo de navegador, encaja todo en JS

• CSSSR News 512: Chrome 87, Firefox 83, TypeScript 4.1, etiqueta aria, formularios HTML, gradientes CSS, CSSBattle 2020

• JavaScript fwdays'20 Otoño en línea

• The Overflow Podcast 289: React, jQuery, Vue: ¿cuál es tu sabor favorito de vainilla JS?

• ShopTalk # 440: Sin servidor, base de datos local, funciones perimetrales y uso de WordPress sin servidor

• Podcast de Syntax.fm: Potluck - Frameworks vs Bibliotecas × Depuración × Módulos CSS vs Componentes con estilo × Currículums × Manejo del estrés × Más

desarrollo web

• Por qué es bueno para los usuarios que HTML, CSS y JS sean lenguajes diferentes

• Piense como un desarrollador front-end

• Explore las capacidades de los elementos de Detalles y Resumen

• Una plantilla de inicio HTML moderna

• Una inmersión profunda en la API del ciclo de vida de la página

• Una introducción a GraphQL para desarrolladores

• Volver a Conceptos básicos: cree tarjetas en las que se puede hacer clic en HTML, CSS y JavaScript

• 
  
  • 5 accessibility Chrome DevTools
  
  • NPM 7: ,
  
  • Dev Fonts —
  
  

• 
  
  • Brotli
  
  • Core Vitals
  
  • Layout Shift netlify.com
  
  • , FOUT Lighthouse
  
  • , AVIF
  
  • Lighthouse 96.
  
  

• 
  
  • «Inspirational Websites Roundup #20»
  
  • -
  
  • - Rogier de Boevé’s
  
  • , : ,
  
  • GSAP
  
  

CSS

• Detalles sobre el uso de la función CSS minmax () en diseños de cuadrícula

• Máquina de estado construida con casillas de verificación HTML y CSS

• Chrome DevTools: refactorización y mejora de hojas de estilo con el panel de descripción general de CSS

• 5 pseudo-elementos CSS que ni siquiera sabe que existen sospechoso (según el autor)

• navegación del Centro con un ajuste de contenido

• directrices marco CSS

• punta CSS rápida: cómo mostrar fácilmente el código fuente

• Crear un botón CSS con un efecto de brillo y suavizar los cambios de color con el tiempo

JavaScript

• ECMAScript 4: La versión que no lo era

• Una mirada detallada a los símbolos conocidos

• Marko.js - frontend de ebay.com

• Decoradores de JavaScript desde cero

• Representación del lado del servidor en JavaScript: un enfoque moderno

• Selectores DOM de JavaScript - Aprenda a obtener Acceso DOM [Infografía]

• Usa console.log () como un profesional

• React
  
  • React i18next
  
  • React
  
  • Boop! —
  
  • React workflow JavaScript
  
  • UI c SVG
  
  • React Redux: React Redux
  
  • PageSpeed ​​Insights React
  
  • React
  
  

• Vue
  
  • Vue.js
  
  • Vue (x) + Firebase
  
  • Vue Vue Testing Library
  
  

• Angular
  
  • , , Action Streams Angular
  
  • Angular
  
  • Angular
  
  

• Ember
  
  • Glimmer Snowpack
  
  • Component Primitives Deep Dive
  
  

• Libs y complementos
  
  • ODIFF: la herramienta de diferenciación de píxeles más rápida del mundo.
  
  • Estoy listo: biblioteca js para verificar si se han cargado imágenes o videos.
  
  • Suri: su propio acortador de enlaces que se puede implementar fácilmente como un sitio estático.
  
  

Recopilación de la última semana .

Material preparado dersmoll y alekskorovin .