Mobile app version of vmapp.org
Login or Join
Rivera951

: Nice style for sorting random sized cards I want to implement on our site a style like Google Plus for news feeds. Can you tell me what is this style name, or advise me on some other nice

@Rivera951

Posted in: #InterfaceDesign #PageLayout #StyleIdentification #WebsiteDesign

I want to implement on our site a style like Google Plus for news feeds. Can you tell me what is this style name, or advise me on some other nice looking style?

I need to sort a lot of cards of random sizes with lazy loading. Primarily I want a style like in the picture below.

10.01% popularity Vote Up Vote Down


Login to follow query

More posts by @Rivera951

1 Comments

Sorted by latest first Latest Oldest Best

 

@Turnbaugh909

In genreal it's called Masonry in web design. And it's done using a combination of Cascading Style Sheets (CSS) and javascript.

I've linked to one such script above (probably the most popular one), there are others however...

masonry.desandro.com/ http://isotope.metafizzy.co/ macyjs.com/ http://salvattore.com/


Here's a Sitepoint article on masonry.... Understanding Masonry Layouts


Masonry is a grid layout based on columns. Unlike other grid layouts, it doesn’t have fixed height rows. Basically, Masonry layout optimizes the use of space inside the web page by reducing any unnecessary gaps. Without this type of layout, certain restrictions are required to maintain the structure of layout.

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme