El resumen de materiales frescos del mundo de la interfaz para la última semana No. 414 (4 al 10 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 “Web Standards” No. 228: DevTools, sitio web de Web Standards, selección de texto, px vs rem, Atomic CSS-in-JS, refactorización
• Podcast “Frontend Youth (18+)” # 136: sobre conferencias en línea con Alexei Fedorov
• Codificación en vivo con Vadim Makeev: tapa en cuadrículas y flexiones con huecos y BEM

desarrollo web

• ¿Quién enterrará la web moderna?
• Un enfoque simple para trabajar con imágenes receptivas
• Almacenamiento para la Web
• Nota API de Canvas
• Cómo y por qué debe evitar CORS en SPA
• 13 consejos de seguridad para aplicaciones front-end
• El proyecto HTML5 Boilerplate tiene 10 años

• 
  • 5 , -
  • Google Web Vitals:
  • ESLint v7.0.0
  •
  • actions-cli — GitHub Actions
  

• 
  • 5 +
  • FID (First Input Delay)
  • LCP (Largest Contentful Paint)
  • CLS (Cumulative Layout Shift)
  • webpack
  

• 
  • SVG
  • —
  • Range Slider CSS
  • WordPress
  • generic-components — -
  

CSS

• Comprensión de la cuadrícula CSS (2 partes): líneas de cuadrícula , (3 partes): áreas de cuadrícula
• Resaltado y CSS
• Diseño de aventuras de mampostería en CSS
• Formas de listas de estilos
• Unidades de `lh` y` rlh`
• Juegue con (falso ) Consultas de contenedores con caja de vigilancia y cambio de tamaño
• Todo lo que aprendí sobre min (), max () y clamp () en CSS
• Profundicemos en las propiedades del contenedor CSS
• Cómo crear fácilmente un ritmo vertical adaptativo usando CSS
• Aparece In Chromium Compatibilidad con gap de Flexbox
• Inmersión profunda en CSS Grid
• CSS encuentra en el diseño de Twitter
• Agregar CSS a una página usando encabezados HTTP
• Cómo crear juegos de CSS puro
• Una guía completa de características de CSS

Javascript

• JavaScript Workplace Hall of Fame , parte 2
• Comprender (todos) los formatos y herramientas "modulares" de JavaScript
• ES2020: todo lo que necesita saber
• Crear un generador de crucigramas usando JavaScript
• Representación de JavaScript y problemas para SEO en 2020
• Contando el tiempo en javascript

• React
  • Tablist Vanilla JavaScript React
  • -
  • React
  • React ?
  • react-virtual — React
  • React Flow —
  • react-select-search — select- React
  • React-Tiny-Link — - -
  

• Vue
  • Vue Firebase
  • Vue 3 Composition API —
  

• Angular
  • Observable Angular
  • Angular: Outlook
  • Angular — ,
  • Angular: ,
  • 6 , Angular
  

• Ember
  • Ember Octane React
  • The Ember Times — Issue No. 147
  

• Svelte
  • Svelte
  • 7 Svelte,
  • Svelte headless CMS
  • SvelteJS:
  • Sapper Svelte
  

• Libs & Plugins
  • RoughJS
  • Pico — Javascript
  • Selecto.js — , .
  

• Lanzamiento de Firefox 76
• Lanzamiento de Firefox 76 - Worklets de audio, colores del sistema CSS y más
• Playwright 1.0 publicado, un paquete para automatizar el trabajo con Chromium, Firefox y WebKit
• Firefox 76: worlets de audio y otros trucos

Entretenido

• Otra respuesta de Zoom. Google insertará la videoconferencia Meet directamente en Gmail
• Los hackers han aprendido a ocultar los skimmers web detrás de los sitios favicon
• GitHub ha analizado el impacto de COVID-19 en la actividad de desarrollo
• Se ha agregado un entorno de desarrollo y un sistema de discusión a GitHub
• Cómo diseñar un perfil en GitHub para que funcione cuando se busca un trabajo
• Facebook introdujo un servicio para países pobres: Internet será gratuito, pero solo en texto Material editorial
• La UE prohíbe el uso de "cookies de muro" en los sitios para restringir el acceso al contenido y forzar la recopilación de datos

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 .