Crear una cuadrícula o malla es uno de los primeros pasos al realizar bocetos para cualquier sitio web. La malla sirve para organizar y alinear todos los elementos que vas a incluir en tu sitio web, por esta razón los diseñadores siempre deciden primero una malla antes de pasar a los elementos del diseño.
Para crear galerías, hacer uso de una cuadrícula permite organizar las vistas en miniatura y poder incluir un mayor número de imágenes. De esta manera, tus usuarios pueden ver todas las imágenes en miniatura y pinchar sobre aquellas que más les interesan. En este artículo hemos recopilado algunos plugin JQuery que te permiten crear galerías en base a una cuadrícula.
Justified.js
Este plugin te permite crear una galería de imágenes ordenada, aunque de tamaños variables. Pero sin importar el tamaño de tus fotografías, estas siempre se alinean y todas las imágenes en la fila tienen la misma altura.
Jquery.hoverGrid
Este plugin ligero y sencillo te permite crear una galería de imágenes que se alinean en una cuadrícula. Además, al posar el cursor sobre alguna de ellas, la imagen se pone opaca y se puede leer una leyenda o subtítulo.
Gridify.js
Un plugin ligero para crear una galería cuadriculada como la de Pinterest. Es de diseño adaptativo y puedes añadir transiciones en CSS3.
Wookmark JQuery Plugin
Este plugin detecta el número de imágenes disponibles en galería y las organiza de manera automática de acuerdo a este número. Si la ventana del navegador cambia de tamaño, se vuelve a adaptar de modo que se puedan ver todas las imágenes.
Photoset Grid
Este plugin sencillo te permite ordenar tus imágenes en una cuadrícula flexible. El modo de organización de fotos está basado en el de Tumblr.
Shuffle.js
Este plugin te permite clasificar, filtrar y ordenar tus fotografías o imágenes. Es de diseño adaptativo y bastante rápido.
rowGrid.js
Este plugin ligero te permite colocar imágenes en filas.
Justified Gallery
Este plugin te permite crear una galería que se encuentre justificada, tal como cuando justificas texto en Word, de modo que las imágenes de los lados siempre se hallan alineadas, sin importar el tamaño de tus fotos.
Mix it Up
Este plugin te permite gestionar y ordenar las imágenes de tu galería de manera dinámica ya que puedes añadir animaciones en CSS3. Estas animaciones se hacen efectivas cuando filtras contenido o cuando decides otra forma de ordenar tu galería.
Least.js 2
Este plugin se ha realizado para pantallas de retina. Ordena tus imágenes de manera aleatoria.
Sideways
Este plugin sencillo te permite generar una vista de pantalla completa en las imágenes de tu galería, sólo se debe seleccionar la imagen y tus visitantes podrán verla en pantalla completa. Las vistas en miniatura de las galería se ubican de manera ordenada en la parte lateral. Esta barra desaparece cuando se genera la vista completa.
Mosaiqy
Este plugin no sólo te permite ver sino también hacer zoom en las fotografías de tu galería, sin duda una gran característica para cualquier portafolio.
Diamond.js
Este plugin alinea tus imágenes de manera algo inusual: inclina 45º grados las casillas de tu cuadrícula de modo que se convierte en rombos. Este rombo se convierte en el delimitador de tus fotografías. Es una variación que luce moderna y dinámica.
Clip Gallery
Este plugin no sólo ordena tus imágenes en una cuadrícula sino que expande las imágenes cada vez que el cursor se posa sobre alguna vista en miniatura.
Gallery Focus
Este plugin genera un efecto de desvanecimiento en base a la proximidad de los elementos cercanos al cursor. La imagen seleccionada y las contiguas se ven a todo color, pero las imágenes más alejadas del cursor parece que tuvieran una capa de color blanco en opacidades.
