Filtrar y reordenar resultados con jQuery y CSS3

MixItUp es un potente plugin desarrollado para jQuery para la creación sencilla de paneles de contenidos que se ordenan y filtran en tiempo real y de forma dinámica.

Este plugin funciona perfectamente con cualquier sitio que utilice una estructura básica escrita en HTML y con hojas de estilo, simplemente debemos seguir unos muy pocos pasos para implementar este proyecto que parece complicado de utilizar pero no lo es en lo más mínimo.

El funcionamiento de este plugin es sencillo y puede ser dividido en dos procesos, uno por el cual jQuery realiza todo el trabajo de cálculos, filtrados y ordenamientos y otro por el cual se utiliza CSS3 para realizar todas las animaciones y transiciones. De esta manera se obtiene un resultados que funciona perfectamente y consume muy pocos recursos.

Inicialización del plugin:

$(function(){
    $('#Grid').mixitup();
});

Como se darán cuenta inicializar el plugin es igual a iniciar a cualquier otro plugin, sin embargo debemos prestar especial atención a la forma que debe tener la estructura HTML, que si bien es basica tiene una serie de detalles para sacarle el máximo partido a este proyecto.

MixItUp es completamente funcional en cualquier navegador que soporte CSS3, se encuentra testeado en: Firefox 4+, Chrome 4+, Opera 10.5+, Safari 3.1 y finalmente en Internet Explorer 10+.

Web: MixItUp