Resumen de materiales frescos del mundo frontend de la última semana # 431 (1 al 6 de septiembre 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     |    Navegadores

Medios de comunicación

• Podcast CSSSR: Chrome 85, NodeJS 14.9.0, css-reset vs css-normalize, versiones de framework JS y PHP, Goodbye PhoneGap

• UnderJS Podcast # 25 - A Little Break, TypeScript 4, Angular 10

• Frontend Youth (18+ ) - # 153 Editando PSD en VSCode

• Podcast "Make Me Beautiful", Edición # 43: Cuanto peor es el código, mejores programadores (en Aviasales)

• Podcast "Estándares Web" # 245. Firefox 80 y Chrome 85, ningún IE nuevo, por qué Yarn 2, nuevos AVIF y WebP v2

• El Podcast CSS # 023: Filtros

• Podcast Toolsday: "Svelte: Una segunda mirada"

desarrollo web

• Comparación de Blazor y herramientas JavaScript

• Seguridad de los proyectos npm, parte 1

• Acerca de Shadow DOM

• Cómo proteger las API REST

• 4 formas de falsificar API en el desarrollo de front-end

• 11 marcos de micro-frontend que debe conocer

• Herramientas
  
  • Todo lo que necesita saber para comenzar con Deno
  
  • Comparación de herramientas para trabajar con diseño receptivo
  
  • Todo lo que los desarrolladores necesitan saber sobre Figma
  
  

• 
  
  • . 2. Event loop, layout, paint, composite
  
  •
  
  • GTmetrix : Lighthouse, , PRO .
  
  • JavaScript ( )
  
  • SVG
  
  

• 
  
  • -
  
  •
  
  •
  
  

CSS

• Propiedades personalizadas en CSS. Parte 1: qué es y cómo funciona , Parte 2: consideraciones de la aplicación , Parte 3: limitaciones

• Procesamiento de imágenes con CSS

• Cómo usar la cuadrícula CSS para anclar el encabezado y el pie de página

• Trazar texto con CSS: la guía completa

• Técnica para agregar envoltura nueva línea después del elemento en línea

• Marcadores personalizados usando CSS :: marcador

• Más allá de las consultas de medios: usando nuevas funciones HTML y CSS para un diseño receptivo

• Diseño de encabezado usando CSS Flexbox

• Opciones para resolver el error de la ventana gráfica en Safari móvil

• Cómo crear un componente receptivo con una tarjeta de producto sin consultas de medios

• Estilos CSS personalizados para campos de entrada y texto

• Crear una barra de desplazamiento personalizada en 24 líneas de CSS

JavaScript

• Una descripción general de ts-migrate: una herramienta para traducir proyectos a gran escala a TypeScript

• Recetas para preparar aplicaciones sin conexión

• Manejo de errores en JavaScript

• 10 API web poco conocidas que puede usar

• 
  
  • JavaScript:
  
  • JavaScript Array Insert — JavaScript — Push, Unshift Concat
  
  • JavaScript - Native Private Fields
  
  • async/await JavaScript
  
  • JavaScript:
  
  

• React
  
  • React
  
  • Temper — React
  
  • React
  
  • React Storybook
  
  • React Emotion
  
  

• Vue
  
  • 5 Vue.js,
  
  • 4 Vue
  
  • Vue
  
  • Vue 3.0 Composition API
  
  • VueJS
  
  

• Angular
  
  • NgRx
  
  •
  
  

• Ember
  
  • Ember.js
  
  • Ember Domain Components
  
  • CI GitHub Actions Ember: 2
  
  

• Svelte
  
  • Svelte —
  
  • Svelte/Sapper vs Vue
  
  

• Libs & Plugins
  
  • fg-modal — - filament group
  
  • Brahmos — JS API React .
  
  

• Microsoft ha prometido deshacerse de Adobe Flash en sus navegadores para fin de año

• Mozilla: el historial del navegador es suficiente para identificar de manera confiable a un usuario

• Protección DNS, ahora en Chrome para Android

• Chrome 86: enfoque mejorado, WebHID y más

• Por qué la diversidad es valiosa navegadores?

Pedimos disculpas por posibles errores tipográficos o enlaces rotos / duplicados. Si nota un problema, escríbalo personalmente, estamos tratando de solucionarlo rápidamente.

Recopilación de la última semana .

Material preparado dersmoll y alekskorovin .