[BUSCO OPINIONES] Mostrar texto en columnas (como un periódico)

[2D6]

Hola!

Quería saber que opinan sobre la nueva función columns que se incluyó en CSS3. Por si no la conocen, lo que hace es mostrar el texto en la cantidad de columnas que se le especifique igualando la altura de cada una. (Un poco más de info: http://www.w3schools.com/css/css3_multiple_columns.asp)

El tema es que estoy rediseñando un proyecto personal (una especie de revista digital orientada a mi ciudad) y me pareció una buena opción a la hora de mostrar las publicaciones pero lo que no me termina de convencer es que, si el texto es demasiado largo, el usuario terminará leyendo una columna (scrolleando hacia abajo), volviendo al top de la web, leer la segunda columna (scrolleando de nuevo) y volver al top para leer la última.

Busqué webs que usaran esta opción y la verdad que no encontré ninguna.
Les dejo una captura de un ejemplo rápido. -> http://i.imgur.com/NlHDiX8.png

[2D6]

Me olvidaba, una ventaja es que, combinando esta opción con media-queries, hacerlas responsive es super fácil! :)

[pzin]

Se puede evitar usando column-break-inside en cada elemento:

Código CSS:

#contenedor_columnas div.caja {
  column-break-inside: avoid;
}
 

[2D6]

Muchas gracias! Eso no lo sabía pero, no es a lo que apuntaba mi publicación.
Tal vez me expresé mal. Lo que me gustaría saber que opinan sobre mostrar el texto en columnas. ¿Vale la pena?

[Linton]

Es apropiado en muchos diseños, y naturalmente no sirve sólo para mostrar textos a palo seco sino también imágenes, imágenes con texto, etc. Yo lo encuentro ideal para maquetación de contenidos en portada.

[pzin]

Iniciado por 2D6

Muchas gracias! Eso no lo sabía pero, no es a lo que apuntaba mi publicación.
Tal vez me expresé mal. Lo que me gustaría saber que opinan sobre mostrar el texto en columnas. ¿Vale la pena?

Bueno, siendo una cuestión estética, entonces dependerá de cómo quede; y ahí simplificamos a un "si queda bien, si, si queda mal no".

La técnica está ahí para ser usada. Tampoco se descubre nada nuevo ya que en imprenta es algo habitual.

Yo lo estoy usando en un diseño, o probando más bien, y ya veré si aguanta o no mis propias revisiones.

[_Neon]

Depende de ti, si quieres que parezca un periodico hazlo asi, si quieres que sea una web sencilla y entendible ponlo normal

[2D6]

Gracias por sus comentarios!
Las revistas y diarios usan las columnas porque facilita la lectura. Con esta técnica el lector es "engañado" con respecto a la cantidad que le falta por leer y por eso se me ocurrió empezar a implementar esta forma de maquetado. Pero en soporte papel uno no tiene que andar scrolleando el contenido si es muy largo y por eso me agarraron dudas.

Estaba pensando en hacer algo con Jquery y agregar un pequeño botón que cambie el valor de column-count de 3 a 1 así el usuario puede elegir.

Gracias de nuevo y les cuento como me va cuando termine!

[Rafael]

El punto es específicamente si hay un scroll vertical o no.

En el momento que tengas que hacer un ligero scroll vertical, en ese momento no tiene sentido en medios digitales.

Probablemente hay que combinarlo con un min-width y cosas así.

[pzin]

Podrías hacer que si el texto es mayor que X y menor que Y, se muestre con columnas, y en caso contrario que se muestre normal. Porque si el texto es poca cosa, entonces también se leería mejor de forma vertical.

Realmente sólo tendría que añadir una clase al cumplirse las dos condiciones y añadir lo de las columnas a esa clase.

[2D6]

Perdón la demora (me tomé unas pequeñas vacaciones :) )
Justo en el viaje de vuelta estaba pensando en eso Pzin. Si es poco el texto que se vea en columnas.

Les cuento en cuanto termine!
Gracias!