Waterfall.js es una pequeña librería que te permite crear galerías estilo Pinterest. Es una alternativa al popular plugin Masonry pero sin depender de jQuery y es mucho más liviana, una alternativa ideal para mejorar el desempeño de tu sitio o aplicación web.

Aunque es posible crear este efecto usando solamente CSS mediante Flexbox o columnas, son soluciones limitadas ya que es necesario conocer la estructura de los datos de antemano, pero generalmente los datos son dinámicos y se desconocen, por lo que es necesario usarjavascript y un algoritmo decente que funcione sin importar la estructura de los datos.

La única limitante de esta librería, es que todas las columnas deben tener el mismo ancho.

Como obtenerla

Usando bower

Usando npm

Descargala directamente
Waterfall.js

Como se usa

Define la estructura HTML

Ejecuta la función Waterfall con tu grid como argumento y la librería se encarga del resto.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos necesarios están marcados *