Crear gráficos para visualización de datos con JavaScript y Echarts

Crear gráficos para visualización de datos con JavaScript y Echarts es clave para construir aplicaciones web de data science entre otros. En este artículo te explico cómo implementar esta fantástica librería para crear impresionantes gráficos de todo tipo, como los del siguiente ejemplo. Haz click en la imagen para abrirlo en una ventana nueva. Puedes … Leer más

Efecto fuegos artificiales con JavaScript y Fireworks-js

Generar un efecto de fuegos artificiales con JavaScript y Fireworks-js provocará que tus usuarios se sorprendan al visitar tu web. En esta publicación te explico paso a paso cómo implementar la librería Fireworks-js.  Al final del artículo sabrás cómo crear una “landing page” tan espectacular como la que te muestro a continuación. Si deseas ir … Leer más

Crea formularios de miedo para Halloween con CSS y JavaScript

Crea formularios de miedo para Halloween con CSS y JavaScript con este tutorial paso a paso, y sorprende a tus usuarios. Halloween está a la vuelta de la esquina y debido a ello muchos sitios actualizan su página web vistiéndola para la ocasión. Sin ir más lejos, el mismo Google modifica su “Doodle” para convertirlo … Leer más

Crear sliders con JavaScript y Swiper

Para crear sliders con JavaScript, tu mejor opción es Swiper, la librería JavaScript por excelencia para la creación de sliders y carousels. En la parte final de este post he detallado un ejercicio donde te explico como implementar Swiper para crear un carousel de productos, y un pase de “historias” parecido al de Instagram. Puedes … Leer más

Crear música electrónica con JavaScript y ToneJs

Aprende a crear música electrónica con JavaScript y ToneJs, un framework de generación de música a través del navegador web. Al final de este post habrás programado un secuenciador capaz de generar música a tiempo real con JavaScript, gracias a la librería ToneJs. Puedes ver el proyecto terminado haciendo clic en la siguiente imagen. En … Leer más

Crear presentaciones con JavaScript y RevealJs

Crear presentaciones en forma de pases de diapositivas es posible gracias a JavaScript y RevealJs. No volverás a abrir PowerPoint en la vida. Hacia al final de éstos párrafos encontrarás un tutorial para crear un pase diapositivas “silder” con la librería RevealJs. Haz click en la siguiente imágen para ver el resultado final. Si quieres … Leer más

Guía a tus usuarios con JavaScript y ShepherdJs

Programa un tour que haga de guía a tus usuarios con JavaScript y ShepherdJs. Así no se perderán ninguna funcionalidad clave de tu web. https://shepherdjs.dev/ “Guide your users through a tour of your app.” Los artículos de libreriasjs suelen ir acompañados de un ejercicio práctico. Haz click en la siguiente imágen para ver el resultado … Leer más

Crear diseños 3d con JavaScript y Zdog

En este artículo veremos que crear alucinantes diseños 3d con JavaScript es posible gracias a la librería Zdog. Aprovecha las características de HTML5, creando gráficos en SVG y canvas. https://zzz.dog/ “Round, flat, designer-friendly pseudo-3D engine for canvas & SVG” Éste artículo contiene una parte teórica y otra práctica, en la segunda te enseño a implementar … Leer más

Crear arte con JavaScript y P5js

La programación creativa es posible. En este artíclulo veremos cómo crear arte con código JavaScript y la librería P5js. https://p5js.org/ “p5.js is a JavaScript library for creative coding, with a focus on making coding accessible and inclusive for artists, designers, educators, beginners, and anyone else!” En éste artículo he preparado un tutorial práctico donde te … Leer más

Efecto contador con JavaScript y CountUp

En este artíclulo veremos como añadir un efecto contador con JavaScript y la librería CountUp. Animando valores numéricos para generar un mayor compromiso con el usuario. https://inorganik.github.io/countUp.js/ “CountUp.js is a dependency-free, lightweight JavaScript class that can be used to quickly create animations that display numerical data in a more interesting way.” See the Pen Crear … Leer más

¿No encuentras la librería que necesitas?

Prueba buscar en el recopilatorio definitivo. He preparado una colección que voy ampliando día tras día. Allí podrás filtrar por etiquetas entre distintos recursos JavaScript, hasta dar con el que se ajusta a tu proyecto.

Recopilatorio de librerías JS