El resumen de materiales frescos del mundo del front-end para la última semana No. 417 (25 al 31 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     |    Entretenido     |    

Medios de comunicación

• Podcast "Five Minutes React": ReasonML en 2020
• UnderJS Podcast # 22 - GitLab, GraphQL, Vue3 con Natalia Teplukhina [Lamp]
• Podcast CSSSR "Argumentarium": Svelte y los tres grandes marcos JS
• Pro Conf # 64: ReactEurope 2020 - Reemplazo de Redux en Facebook | Fast Gatsby | React Native para web | Next.js
• Enlaces a todas las diapositivas y videos de ngVikings 2020
• Jamstack conf virtual 2020

desarrollo web

• ¿ Por qué la UE erradica las paredes de cookies?
• ¿Cómo asegurar su sitio web?
• Tipografía para la web
• El último número de la revista Increment, dedicada a la interfaz. Artículos de actualidad de estrellas de la industria: Chris Coyer, Lea Verou, Evan You y otros
• Guía de sintaxis de imagen HTML adaptable
• Los mayores escándalos con NPM
• Ejemplo de uso de la API Wake Lock: 300% de aumento en los indicadores de intención de compra en BettyCrocker.com
• htmx - potentes herramientas HTML para acceder a AJAX, WebSockets y eventos enviados por el servidor directamente en HTML utilizando atributos
• El diseño web receptivo tiene diez años.
• Especial # 20 HTMHell: botones de cierre. Implementación de patrones y antipatrones de botones de cierre
• Uso de datos estructurados para mejorar la optimización del motor de búsqueda

• Herramientas
  • Putout: una nueva generación de linter
  • Pruebas locales en iPhone
  • Familiaridad con las herramientas de desarrollador en Chrome y Firefox
  • Convertir la base gulpfile.js v3 a la versión de gulpfile v4
  

• Rendimiento
  • 10 maneras de mejorar la velocidad de la página
  • Prevenir el diseño y el destello del desplazamiento de texto invisible (FOIT) mediante la precarga de fuentes adicionales
  • Herramientas de medición de Web Vitals centrales
  

CSS

• Pregunta para el experto: ¿por qué CSS es tan ... qué es?
• Guía del usuario de variables CSS
• Tailblocks: bloques CSS listos para usar para Tailwind
• Acerca de elementos fijos y fondos
• Primero observe la relación de aspecto
• Esto es lo que no sabía sobre el "contenido"
• La gama de colores en expansión en la web
• Crear gradientes adicionales usando filtros CSS
• Herramienta CLI para crear diseños de Cuadrícula CSS

Javascript

• Innovaciones de ES2020 que realmente me gustan
• Acerca de la mejora diaria del programador de JavaScript
• El efecto de una página realista en JS
• ¿Qué es Deno y reemplazará a Node.js?
• Una mirada a JavaScript desde un lado
• 5 razones principales por las que los desarrolladores de Javascript prefieren Deno sobre Node
• Raspado web básico de páginas web usando JavaScript con Node.js + Puppeteer
• ECMAScript 4: versión faltante

• 
  • JavaScript
  • JavaScript?
  • JavaScript-. 3
  • 10 JavaScript
  • — JavaScript
  • JavaScript: , Console.log?
  • Cache API JavaScript
  

• React
  • React. 2: UseState, UseEffect
  • , Concurrent Mode React 2020
  • React
  • React Redux CRM
  

• Vue
  • : Vue 3
  • Vue.js /
  • Typescript VueJS 2.6+
  

• Angular
  • Angular Pug
  • Angular
  • Angular: The Unexpected
  • TDD Angular —
  

• Ember
  • The Ember Times — Issue No. 150
  • Empress-blog Netlify CMS
  

• Svelte
  • Svelte ?
  • , Svelte, JavaScript
  • Svelte
  

• Libs & Plugins
  • Alpine.js
  • Rough Notation — JavaScript
  • Fluor.js — JS , .
  • ac-colors — JS RGB, HSL, HEX, XYZ, LAB, LCHab, LUV LCHuv,
  • Motionia — .
  

• Cómo Microsoft hace que Edge sea un mejor navegador para PWA
• Los navegadores no son motores de renderizado
• Chrome 84 Beta: Web OTP, animaciones web, ensayos de nuevo origen y mucho más
• Chrome 84 activará la protección contra notificaciones molestas de forma predeterminada

Entretenido

• Microsoft está desarrollando un nuevo administrador de paquetes de winget abierto
• La depreciación del certificado raíz AddTrust se bloqueó en sistemas con OpenSSL y GnuTLS
• El sitio más rastreado en Internet ( compruébelo usted mismo abriendo la consola)
• Dato curioso: la interfaz de control de Dragon 2 funciona en Chromium y JavaScript
• Stackoverflow Developer Survey 2020: encuesta anual de desarrolladores

Nos disculpamos por cualquier error tipográfico o enlace roto / duplicado. Si observa un problema, escriba un correo electrónico personal, intentaremos solucionarlo rápidamente.

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