Nuestra misión en programacion.net es mantenerte al dÃa con las últimas y más frescas tendencias en el desarrollo web. Es por eso que todos los meses te mostramos una colección cuidadosamente seleccionada, de algunos de los mejores recursos con los que me he topado en Internet y que considero dignos de tu atención. Nuestra lista para este octubre de 2017 incluye alucinantes librerÃas gratuitas, échales un ojo...
DisplayJS
Pequeño framework que hace más sencillo sincronizar datos con DOM. En lugar de tener que configurar y actualizar manualmente el contenido de la página, con DisplayJS puedes asignar variables JavaScript a elementos HTML especÃficos, de manera similar a cómo funcionan React o Vue.js.
React Beautiful DnD
LibrerÃa de React desarrollada por Atlassian para crear componentes drag-and-drop. Te ofrece una API limpia y potente fácil de usar que cuenta con muchas opciones de personalización y controles. Los componentes generados cuentan con animaciones suaves impulsadas por GPU los cuales reflejan fielmente cuando los elementos son cogidos y arrastrados.
Primer CSS
Framework CSS utilizado para el diseño del front-end de GitHub. Cuenta con 23 paquetes que se dividen en 3 meta-paquetes básicos para facilitar la instalación. Cada paquete es versionado independientemente y distribuido vÃa npm, lo que facilita que incluyas únicamente los módulos que necesites.
Puppeteer es una API para Node.js para trabajar con la nueva función de Chrome, Headless Chrome. Se trata de un proyecto oficial de Google mantenido por el equipo de Chrome DevTools. Puedes leer más sobre ello en nuestro artÃculo Cómo automatizar tareas de Google Chrome con Node donde probamos algunas de sus caracterÃsticas.
redocx
LibrerÃa para React que te permite generar documentos word. Con ella podrás definir documentos de texto utilizando componentes de React, para más tarde renderizarlos a Word vÃa lÃnea de comandos. Hay componentes para tablas, imágenes, headers, footers y todo lo que necesites.
fuzzysort
LibrerÃa de JavaScript para crear interfaces de búsqueda similares a las que puedes encontrar en editores de texto como Texto Sublime. Permite a los usuarios encontrar lo que busquen, incluso si comenten errores tipográficos. La librerÃa calcula una puntuación para cada entrada de texto dependiendo de cuán cerca coincida con la consulta.
Trowel
Extensión para SASS que te ofrece una nueva manera de definir variables scss. Te permite agrupar múltiples variables en un solo objeto, haciendo que tu scss sea más simple a la hora de leerlo y escribirlo.
Vivify
Vivify es una librerÃa para animaciones para CSS. Sólo tienes que agregar la clase vivify al elemento que desees animar. También puedes agregar la clase infinite para hacer que las animaciones se repitan en un bucle. La librerÃa te ofrece una gran selección de más de 50 animaciones con diferentes efectos y direcciones de movimiento.
Tons of checkboxes
Una colección de estilos CSS para checkboxes. Hay muchos diferentes, incluyendo toggles, switches, circulares y cuadrados. Todos estos checkboxes cuentan con cuatro tamaños, desde small a xlarge. Compatibles con todos los navegadores modernos, incluyendo IE9+.
Push
Push es la librerÃa más rápida para administrar notificaciones de JavaScript. Se basa en la potente Notification API, pero también actúa como una solución multinavegador, volviendo a las implementaciones más antiguas si el navegador del usuario no cuenta con soporte para la nueva API.
react-imgpro
Componente React para el procesamiento de imágenes. Te permite modificar una imagen usando filtros y luego exportarla en formato base64. Es muy fácil de usar, solo tienes que especificar una url a tu imagen, los filtros que quieres aplicar y el tamaño y formato de salida.