10 librerías de Javascript y CSS para este octubre

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

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.

COMPARTE ESTE ARTÍCULO

COMPARTIR EN FACEBOOK
COMPARTIR EN TWITTER
COMPARTIR EN LINKEDIN
COMPARTIR EN WHATSAPP