BLOG DE DISEÑO WEB CORUÑA

Un poco de todo, recursos, tutoriales, noticias, anuncios...

Columnizer jQuery Plugin

24/AGO/2011 5.188 visitas Ver comentarios
Columnizer jQuery Plugin

ADVERTENCIA: Este artículo tiene más de 6 meses de antigüedad. Puede que esta información ya se encuentre obsoleta o haya nuevas y mejores opciones.

Su título lo dice todo. Maqueta tu contenido en columnas con este más que interesante plugin para jQuery. Puedes indicar el ancho y cantidad de las columnas a mostrar y, lo mejor de todo, personalizarlas mediante css utilizando unos selectores personalizados para cada columna.

Creo que no hace falta decir nada más. Mírate la demo que publica su autor en su web, junto a muchos otros ejemplos...

Código 1 - JAVASCRIPT
$('#mydiv').columnize();
$('#myotherdiv').columnize({ width: 200 });
$('#mythirddiv').columnize({ columns: 2 });
Código 2 - CSS
.first.column { }
.last.column { }
.column { }
Código 3 - JAVASCRIPT
$(function(){
$('.dp-highlighter').addClass("dontsplit");
$('li').addClass("dontsplit");
$('.columnize').columnize();
});

Acerca del Autor...

Macadia, es una agencia de Diseño Web Coruña, especializada en maquetación css y desarrollo de páginas web a medida con más de 21 años de experiencia en el desarrollo de páginas web profesionales. Si te ha gustado este artículo, por favor, ayúdanos a difundirlo compartiéndolo con tus amigos y contactos en las distintas redes sociales que utilices. ¡Muchas gracias!

Los comentarios han sido desactivados momentaneamente a la espera de que Disqus adapte su plataforma a la próxima RGPD que entra en vigor desde el 25/05/2018