SummArg | Cursos y recursos para webmasters

12/11/2013

jQuery Freewall: bloques siempre emparejados en tu layout

jQuerry Freewall es un plugin similar a Masonry, pero tiene algunas funcionalidades extra que pueden resultar mas que interesantes a la hora de utilizarlo. Básicamente la misión de Freewall es la de crear una grilla en la que no existan espacios en blanco a medida que los elementos flotan hacia un lado u otro. Posee varios layouts para elegir que modifican la ubicación de los contenedores.

Se basa en el ancho (o alto) de un contenedor y el ancho (o alto) de una celda, con lo que construye una matriz virtual. Luego realiza un escaneo de la matriz en cada celda y busca un elemento libre cercano para colocarlo en el espacio vacío. En caso de que ningún elemento tenga las dimensiones necesarias para ocupar el espacio, se redimensiona un bloque para ocupar el mismo. Posee diferentes opciones para completar esos espacios.

También posee opciones para emparejar el alto de los elementos y utiliza animaciones CSS3.

wall

Dejar un comentario