El resumen de materiales frescos del mundo del front-end para la última semana No. 415 (11-17 de mayo 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: Github Codespaces, Playwright and Puppeteer, Masonry layout, Firefox 76, NodeJS 14.2.0 y otras versiones
• Web Standard podcast No. 230: Relación de aspecto, publicidad, apariencia: ninguna, espera de nivel superior, Deno, almacenamiento, precio de los estilos
• UnderJS Podcast # 21 - Node.js 14, TypeScript 3.9 [Clásico]
• Podcast Frontend Youth # 138 Tareas de Signor
• Vadim Makeev video blog número 21. Guías adaptables de cuadrícula sobre gradientes y propiedades personalizadas

desarrollo web

• Arquitecturas front-end modernas (Parte 2)
• Martin Splitt: No intente reinventar la rueda en SEO
• Conquista de etiquetas UTM
• Imágenes disponibles cuando más importan
• Almacenamiento persistente
• Visualizador en línea SVG Path
• Una selección de conceptos creativos "Resumen de interacciones y animaciones de interfaz de usuario # 6"

• Rendimiento
  
  • Estilos costosos. Informe Yandex
  • Optimización de la carga de la fuente manuscrita
  • ¿Vale la pena alojar Google Fonts?

CSS

• Fuente receptiva. Adaptación de texto entre valores simulados y mínimos
• Funciones CSS min (), max () y clamp ()
• Animación de línea de tiempo en CSS: creación de una máquina Goldberg
• Soluciones CSS modernas para problemas CSS antiguos
• Solución CSS para 100vh en WebKit móvil
• Cómo domar Altura de línea en CSS
• Diseño de mampostería receptivo en cuadrícula CSS + JavaScript vainilla
• Uso de máscaras CSS para crear bordes dentados
• Convertir un objeto de tamaño fijo en un elemento adaptativo

Javascript

• Nos unimos a la ISS usando JavaScript y la brújula
• Node.js introdujo la plataforma segura de JavaScript Deno 1.0
• Las preguntas más difíciles en las entrevistas de JavaScript. Parte 2
• El manual de Deno: una breve introducción a Deno
• Certificación Node.js: mi experiencia y consejos
• Funciones de JavaScript que puede olvidar
• Versión TypeScript 3.9
• Comparación de Elm con Ember Octane y React

• 
  
  • Async/Await
  • , spread JavaScript
  • JavaScript
  • Javascript- Google
  

• React
  
  • « React»: Recoil — A state management library for React Pro Unlimited
  • : Deno React SSR
  • Recoil — React
  • React — ( !)
  • : () React
  • React. “prefers-reduced-motion”
  • React
  • TypeScript React Webpack Babel
  • stale props React
  • React Cool Inview — React , ( )

• Vue
  
  • Vue , ,
  • 5 JavaScript, Vue
  • TypeScript Vue.js.
  

• Angular
  
  • Angular
  • Angular
  • - Angular
  • if- Angular
  • Angular Starter: Angular 9 + Material + Transloco + Jest + Compodoc
  

• Ember
  
  • Ember 3.18
  • MDN web docs: Ember tutorials
  • The Ember Times — Issue No. 148
  • Coveralls Ember
  • Ember:
  

• Svelte
  
  • 3 Svelte
  • Typescript Svelte
  

• Libs & Plugins
  
  • 5 JavaScript-
  • Perfume v5 — -
  

• Extensión de Chrome para ocultar recomendaciones que distraen en YouTube
• A partir de agosto, Google Chrome comenzará a bloquear anuncios "pesados" que ponen mucho estrés en la CPU y la batería
• Google agregará agrupación de pestañas y resaltado en Chrome para aumentar la productividad
• En Firefox 78, aparecerá un administrador de procesos
• Google Chrome comenzará a bloquear la carga de anuncios de uso intensivo de recursos
• Se han realizado cambios controvertidos en la interfaz del modo lector en las versiones nocturnas de Firefox
• Mozilla ha desactivado la autenticación adicional para sistemas sin una contraseña maestra
• Novedades de DevTools (Chrome 84)

Nos disculpamos por cualquier error tipográfico o enlaces rotos / duplicados. Si nota un problema, escriba un correo electrónico personal, intentaremos solucionarlo rápidamente.

← Resumen de la semana pasada .
Material preparado dersmoll y alekskorovin .