Resumen semanal de Frontend (25 de febrero - 3 de marzo de 2019)

Esta semana publicamos una gran selección de todas las noticias esenciales que quizás te hayas perdido en el desarrollo front-end. Asegúrese de verificar las últimas actualizaciones en CSS, HTML y JavaScript.

Desarrollo web | CSS | Javascript

---

Desarrollo web

• Retrabajo del portafolio Parte 1: Animación, Micro interacción y SVG
• Generadores de sitios estáticos: una guía para principiantes

• Accesibilidad:
  • ¿Cuándo es un botón no un botón?
  • La accesibilidad no es un "problema de reacción"
  • Guía de accesibilidad web : una colección curada de consejos, trucos y mejores prácticas de accesibilidad web.
  • Prácticas de creación de ARIA en recolectores de fechas accesibles
  • Un análisis de accesibilidad de las primeras 1,000,000 páginas de inicio
  • Uso de inteligencia artificial para generar texto alternativo en imágenes
  

• Rendimiento:
  • Un poco de rendimiento
  • Sirve imágenes receptivas
  

• Animaciones:
  • Efectos de filtro SVG: avanzar
  • Efecto de rastro de texto
  
  

CSS

• Diseños receptivos y propiedades personalizadas de CSS: definición de variables y puntos de interrupción
• El modelo mental CSS de PPK
• El grupo de trabajo CSS acordó agregar muchas funciones matemáticas
• Rompiendo cajas con fragmentación CSS por Rachel Andrew
• Recreando el efecto de degradado de Facebook Messenger con CSS
• Hoja de trucos y detalles de selectores CSS
• Propiedades CSS menos conocidas en GIF
• 8 pequeños videos sobre el editor de rutas de formas de Firefox
• ¿Las propiedades personalizadas de CSS superan los bucles Sass?
• ¡Mira mamá, no hay consultas de medios! Diseños receptivos con CSS Grid

Javascript

• JavaScript SEO: ¡Bienvenido a una nueva serie!
• Cómo escribir aplicaciones JavaScript simples y modernas con Webpack y técnicas web progresivas
• Lanzamientos: Apollo Client 2.5 , Ember 3.8 , GSAP 2.1
• Comprender un problema de rendimiento con datos JSON "polimórficos"

• Teoría:
  • La guía completa de bucles en JavaScript
  • ¿Cuál es la secuencia de palabras clave más larga en Javascript?
  • Callbacks: la guía definitiva
  

• Reaccionar:
  • Migramos a Next.js para servir nuestra página de inicio 7.5 veces más rápido
  • Mejora del rendimiento en componentes funcionales React usando React.memo ()
  • Cómo la "regla de oro" de los componentes React puede ayudarlo a escribir un mejor código
  • Redacción de pruebas para aplicaciones de React usando Jest y Enzyme
  • Redux explicó en 1 minuto
  • 8 razones para usar componentes con estilo
  

• VueJS:
  • Deslizándose dentro y fuera de Vue.js
  • Crear directivas personalizadas en Vue.js
  • Un ejemplo más de componente abstracto en Vue.js
  

• Angular:
  • MVC en un mundo angular
  • Anunciando carga angular (ngx-cargable ~ 2.2kB)
  • Cómo transferir archivos y datos entre clientes angulares y backends de Node.js
  

• Libs y complementos:
  • FrenchKiss.js : una biblioteca i18n increíblemente rápida y ligera escrita en JavaScript, que funciona tanto en el navegador como en los entornos NodeJS. Proporciona una solución simple y realmente rápida para manejar la internacionalización.
  • terser : un analizador de JavaScript y un kit de herramientas de mangler / compresor para ES6 +.
  • cnbuilder : otro generador de cadenas de nombre de clase
  • Zero Server: marco web de configuración cero
  • npmf: busca información rápida de un paquete npm usando terminal
  

A.

Gracias por leer! No dude en enviarnos sus artículos o contenido nuevo y útil que desee ver en el próximo resumen.