jquery - 動的なタイル ポートフォリオを作成する方法は?

Question

次のようなタイル ベースのポートフォリオを作成する方法を知りたいと思いました。

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

つまり、それは jQuery と CSS3 などの混合物でなければならないことを知っています...どのように作成すればよいか知りたかったのです!

前もって感謝します

Answer 1

このアルゴリズムは1次元のビンパッキングアルゴリズムであり、オペレーションズリサーチでビンを最小化するのに役立ちます。また興味深いのは、タイルを列（x軸）で並べ替えることです。Cssだけでは、行（y軸）でのみ注文できます。この関数をhtmlやcssに追加するjqueryプラグインはたくさんあります。たとえば、石積み、wookmarkなどがダウンロードできます。アイソトープは石積みの姉であり、わずかに厳しいライセンスを持っています。