Bonito estilo para clasificar tarjetas de tamaño aleatorio.

Quiero implementar en nuestro sitio un estilo como Google Plus para fuentes de noticias. ¿Puede decirme cuál es el nombre de este estilo o aconsejarme sobre algún otro estilo atractivo?

Necesito clasificar muchas tarjetas de tamaños aleatorios con carga diferida. Principalmente quiero un estilo como en la imagen de abajo.

ingrese la descripción de la imagen aquí

No estoy totalmente seguro de lo que está preguntando, pero haga lo que haga, comience con el mismo espacio entre todos los cuadrados. :)

Respuestas (1)

En general se llama Albañilería en diseño web. Y se hace usando una combinación de hojas de estilo en cascada (CSS) y javascript.

He vinculado a uno de esos scripts arriba (probablemente el más popular), sin embargo, hay otros ...

Aquí hay un artículo de Sitepoint sobre mampostería... Comprensión de los diseños de mampostería

La mampostería es un diseño de cuadrícula basado en columnas. A diferencia de otros diseños de cuadrícula, no tiene filas de altura fija. Básicamente, el diseño de mampostería optimiza el uso del espacio dentro de la página web al reducir los espacios innecesarios. Sin este tipo de diseño, se requieren ciertas restricciones para mantener la estructura del diseño.

En realidad, gracias a las columnas CSS, ya no necesitas la parte JS. Más información sobre trucos CSS . Un ejemplo es la página Spark de Codepen aquí . Por supuesto, la carga diferida aún requiere el uso de algunos JS.
Bonito estilo para clasificar tarjetas de tamaño aleatorio.
RespuestasAquíPolítica de privacidad1y, 0v