El resumen de materiales frescos del mundo del front-end para la última semana No. 421 (22 al 28 de junio de 2020)

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

Medios de comunicación     |    Desarrollo web     |    CSS     |    Javascript     |    Navegadores

Medios de comunicación

• Podcast CSSSR - Telegram desbloqueado, WWDC 2020, DX, funciones NodeJS 14, Webpack 5 beta 18, VPN de Mozilla

• Podcast de estándares web # 235: Safari Evangelist, Bootstrap 5, visibilidad de contenido, cuadrículas, casillas de verificación, formularios, API para PWA

• Podcast Frontend Youth (18+) # 143: la vida de los desarrolladores es importante

desarrollo web

• Cómo hacer que las interfaces web sean rápidas, de alta calidad e interesantes

• Cómo ganar dinero con el scraping web

• Cómo convertirse en un líder de equipo front-end y cómo vivir después de eso - decodificando la transmisión

• Mirando hacia atrás a los cinco años de existencia de AMP

• Descripción general de las técnicas de desplazamiento de página

• 
  
  • DevTools (Chrome 85)
  
  •
  
  • npm v7 — `package-lock.json`?
  
  

• 
  
  •
  
  •
  
  • Core Vitals Google
  
  • WebP , JPEG?
  
  •
  
  • 100 Google PageSpeed ​​Insights
  
  

• 
  
  •
  
  • - +
  
  

• 
  
  • «Awesome Demos Roundup #16»
  
  • A Glitchy Grid Layout Slideshow
  
  • «Inspirational Websites Roundup #16»
  
  • Custom Shape Dividers — SVG
  
  

CSS

• Emulando varias expresiones de medios en Chrome y depurando el modo oscuro

• Inconsistencias en la representación de fuentes del navegador

• Envolturas de diseño de estilo en CSS

• Efecto de póster arrugado en CSS

• Prueba de soporte de animación con "movimiento reducido preferido"

• Conceptos básicos de CSS: Animación

• Depuración de HTML usando selectores avanzados de CSS

• Usando la propiedad personalizada "Pilas" para domar la cascada

Javascript

• Lo que los desarrolladores de JavaScript deben saber sobre Curl

• Evitar el captcha usando Headless Chrome

• Simulación de crecimiento de cristal: agregación limitada por difusión en JavaScript

• Memoria de JavaScript: sin fugas

• Tutorial. Lista de tareas de arrastrar y soltar

• Cómo obtener dimensiones de pantalla, ventana y página web en JavaScript

• Nuevas características en TypeScript 3.9

• Conceptos de JavaScript para dominar antes de aprender Reaccionar

• React
  
  • - ReactJS Netlify PWA Store
  
  • 15 React
  
  • React 2020
  
  • SWR: React
  
  • React- Jest
  
  • React React Native — Wix.com
  
  • MDX: Markdown
  
  • Zelda BOTW React, Tailwind Framer-motion: 1
  
  • Next JS 9.4
  
  • React Query 2.0
  
  

• Vue
  
  • Vue.js: The Documentary ( )
  
  • PWA Vue.js
  
  • localStorage Vue
  
  

• Angular
  
  • DI Angular —
  
  • Angular 10
  
  • Angular 10
  
  • RxJS:
  
  • Angular
  
  

• Ember
  
  • The Ember Times — Issue No. 154
  
  • Ember
  
  • Ember:
  
  • Netlify-CMS Empress-
  
  

• Libs & Plugins
  
  • keen-slider — , typescript, , IE 10.
  
  • Checkboxland — JavaScript HTML-.
  
  • SolidJS:
  
  • tragopan — pan/zoom
  
  • Rando.js —
  
  • Noact — Virtual DOM
  
  

• Chrome ofrece una nueva interfaz de visor de PDF y agrega soporte para AVIF

• Chrome, Firefox y Safari limitarán la vida útil de los certificados TLS a 13 meses

• Bienvenido Safari a la comunidad de WebExtensions

• Safari, Web y Autenticación

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 última semana .

Material preparado dersmoll y alekskorovin .