Poder filtrar imágenes u otro tipo de elemento HTML es muy común hoy día, lo podemos utilizar para crear portafolio dinámicos donde podemos hacer filtros y seleccionar categorías específicas, también filtrar por tipos u otro tipo de ítem. Con jQuery esto es muy fácil, en esta entrada veremos varios plugins que podemos utilizar para crear trabajos con esta técnica, algunos gratuitos, otros premium.
1 - jQuery Isotope (Free)
Uno de ellos es el excelente plugin jQuery Isotope de metafizzy que nos ayudaran a crear portafolios filtrables o mostrar contenidos de forma dinámica.
2 - jQuery MixItUp (Free)
Genial para manejar cualquier contenido categorizado u ordenado como portafolios, galerías y blogs, ideal para plantillas responsives.
3 - Quicksand (Free)
Reordenar y filtrar elementos de diferentes categorías o tipo con agradables efectos de animación.
4 - Shuffle.js (Free)
Shuffle es un plugin de jQuery y totalmente responsive que nos sirve para la categorización de la de elementos para que sean clasificables, de manera que puedan ser filtrables.
5 - jQSlid.js (Free)
jQSlid es otro plugin gratuito basado en jQuery que nos va a servir para crear nuestros portafolios fácilmente,
6 - Lightweight Portfolio Filtering (Premium)
bootFolio es el plugin de filtrado más ligero (menos de 2 KB) para portafolios, con animaciones CSS3. es fácil de optimizar y muy fácil de usar.
7 - Multi Purpose Media Boxes (Premium)
Este plugin de Portafolio para filtrar contenido, totalmente responsive al estilo pinterest con lightbox, que se adapta a cualquier dispositivo
8 - Cube Portfolio – Responsive jQuery Grid Plugin(Premium)
Cube Portfolio es un poderoso plugin jQuery que podemos utilizar para crear portafolio con opciones de filtrar categorías con efectos de animación totalmente personalizables, títulos y otras opciones de personalizacion
9 - Dimension 3D Portfolio Gallery (Premium)
Dimensión 3D también es un plugin poderoso para mostrar galerías filtrables con animación tipo 3D
10 - jQuery Responsive Portfolio Gallery (Premium)
Si quieres seguir aprendiendo con nosotros, puedes ingresar a nuestros
Cursos y Diplomados de Tecnología Web visita www.uneweb.edu.ve para más información
No hay comentarios:
Publicar un comentario