How to create a dynamic tile portfolio? [closed]

Question

It's difficult to tell what is being asked here. This question is ambiguous, vague, incomplete, overly broad, or rhetorical and cannot be reasonably answered in its current form. For help clarifying this question so that it can be reopened, visit the help center.

Closed 8 years ago.

I wanted to know what is the way of creating a tile-based portfolio like this:

http://prothemeus.com/demo/litho/

I mean I know it must be a mixed thing of jQuery and CSS3 and stuff... I wanted to know how should I create one!

Thanks in advance

Answer 1

The algorithm is a 1d bin-packing algorithm and it can be useful to minimize bins in operation research. What's also interesting is that it orders the tiles in columns (x-axis). Css alone can only orders in rows (y-axis). There are a lot of jquery plugins adding this function to html and css available for download for example masonry, wookmark and a lots more. Isotope is the big sister of masonry and has a slightly tigther license.