El Comercio Digital

Webmaster Libre

Desarrollo Web con Software Libre

Columnas inteligentes con CSS y jQuery

Cuando tenemos que crear un sitio web con columnas podemos optar por dos aproximaciones: columnas de ancho fijo o columnas flexibles basadas en porcentajes del tamaño de la ventana del navegador.

Cuando escogemos columnas flexibles o líquidas, generalmente planteamos un número fijo de columnas y hacemos que llenen el espacio disponible.
Si escogemos las columnas de ancho fijo podremos aprovechar resoluciones mayores de pantalla mostrando más columnas por línea pero, llegados a un punto, seguramente nos encontraremos con que las columnas no encajan perfectamente en el espacio que deben cubrir y dejan un antiestético margen al costado.

Soh Tanaka ha ideado una forma de conseguir aunar los beneficios de ambas aproximaciones: permitimos el máximo de columnas que encajen en el espacio y con jQuery repartimos el espacio sobrante de forma uniforme entre todas.

smart columns sample

http://www.sohtanaka.com/web-design/smart-columns-w-css-jquery/

CSS, Javascript

Si te ha gustado este post no olvides suscribirte al feed para estar al tanto de las novedades

2 Respuestas a “Columnas inteligentes con CSS y jQuery”

Agrega tu comentario

  1. daniel dice:

    Impresionante Jquery, paso a ser mi libreria javascript preferida.

    Saludos.

Trackbacks/Pingbacks

  1. [...] Alma de WebMasterLibre>> Share and [...]

Feed RSS de los comentarios de este post.

Deja tu comentario

Por favor, procura que tus comentarios aporten algo al tema del artículo. Los comentarios ofensivos y el spam serán eliminados.

Si tu comentario no aparece al momento puede que esté en la cola de moderación o en Akismet, lo reviso cada día pero si ves que pasa un tiempo prudencial y no aparece dímelo

Este post tiene 2 años. Puedes dejar un comentario de todas formas y volver más tarde para comprobar si hay novedades sobre el tema.

Información:

Webmaster Libre es un blog de Alma Fernández Página alojada en Redcoruna