Recopilación de materiales frescos del mundo frontend para la última semana # 422 (29 de junio - 5 de julio de 2020)

Traemos a su atención una selección con enlaces a nuevos materiales del área frontend y sus alrededores.

desarrollo web

• Una descripción general de las tecnologías de desplazamiento

• Detener la codificación, vamos a los diseños con automatización

• Google lanzó un complemento beta para publicar historias AMP en WordPress

• La guía completa del modo oscuro en la web

• Tiempos oscuros del desarrollo web

• Destacar un fragmento de texto: cómo vincular a texto específico en una página web y resaltarlo

• Aplicaciones web progresivas: una guía práctica

• 
  
  • npm 7 package-lock.json?
  
  • ESLint, Prettier TypeScript
  
  • tooling.report — - ,
  
  • DevTools (Chrome 85)
  
  

• 
  
  • 5
  
  • Browserstack SpeedLab:
  
  • JavaScript- ?
  
  • Core Web Vitals, Addy Osmani
  
  

• 
  
  • 6 ( )
  
  •
  
  

• 
  
  •
  
  • 3D ScrollTrigger
  
  • «UI Interactions & Animations Roundup #8»
  
  

CSS

• TailwindCSS: ¿otro marco o un nuevo paso evolutivo?

• Simplifique las imágenes de fondo utilizando gradientes cónicos.

• Contenedores de diseño para el contenido de la página web.

• Cree una página de destino simple en 5 minutos utilizando bloques de viento de cola CSS listos para usar.

• Filas de acordeón en la cuadrícula CSS

• Rendimiento - Pintura CSS vs. CSS Houdini Paint API

• Enlaces con formas irregulares usando Subgrid

• Obtención de valores de CSS Translation con JavaScript

• Alineación de imágenes de logotipos en CSS

• Importaciones de CSS dinámicas

• Propiedades de CSS inusuales

• Imágenes receptivas en proporciones variables del contenedor

• Cuando la línea no se rompe. Acerca de las opciones para implementar la separación silábica forzada en listas

• Nuevo en Chrome: Descripción general de CSS

• Cuando Sass y las nuevas características de CSS chocan

• Una guía completa para consultas de medios CSS

Javascript

• Lazy dispositivo de carga en los marcos populares front-end

• Cómo jugar a pantalla, ventanas y páginas web tamaños en JavaScript

• Hut en las piernas compatibles con versiones anteriores - JS compilación para los navegadores deseados

• Las tuplas en JS / ES y mecanografiado en 2020

• ¿Por qué el enfoque de vainilla JavaScript primero "puede NO ser la mejor opción

• Una guía técnica para SEO con Gatsby.js

• Su blog no necesita un marco de JavaScript

• Aprendizaje de expresiones regulares: una guía para principiantes

• 
  
  • ?
  
  • Var, let const?
  
  • double-bang (!!) , JavaScript /
  
  • JavaScript
  
  

• 
  
  • Node 14
  
  • React Web SpeechRecognition API
  
  

• React
  
  • , React,
  
  • React React Testing Library
  
  •
  
  • Typed React Component
  
  • Push- Firebase React
  
  • Server Side Rendering React App Deno
  
  • React
  
  

• Vue
  
  • localStorage Vue
  
  • Vue Demi — , Universal Vue Vue 2 3
  
  • Nuxt Content
  
  • 9 Vue JS ,
  
  • Vue 3: 2020
  
  • Vue
  
  

• Angular
  
  • Angular 10
  
  • Angular Dependency Injection:
  
  • Angular resolvers
  
  • Angular 10
  
  • Angular
  
  

• Svelte
  
  • Construyendo un centro de notificaciones con Svelte
  
  

• Libs & Plugins
  
  • emoji-picker-element - Un simple selector de emoji distribuido como un componente web.
  
  • efecto de paralaje: el efecto de paralaje en javascript que usa el seguimiento facial se puede usar para mejorar escenas 3D
  
  

Navegadores

• Lanzamiento de Firefox 78

• Firefox 78 , detalles técnicos para desarrolladores

• El nuevo Edge basado en Chromium se distribuye con actualizaciones forzadas del sistema operativo y es intrusivo

• Google Chrome ha batido su propio récord y Windows 10 continúa creciendo

Pedimos disculpas por cualquier error tipográfico o enlaces rotos / duplicados. Si nota un problema, escriba un mensaje personal, tratamos de solucionarlo rápidamente.

Resumen de la semana pasada .

Material preparado dersmoll y alekskorovin .