Pinterestっぽいレイアウトを作ってみる

以前、レンガ風に要素を配列するレイ アウトを凄くよく見かけるようになり、 それから一種のブームのように様々な リソースが出回りました。最近はあま り見かけなかったのですが、Pinterest の登場で、また似たようなレイアウト のリソースが出てきている印象です。 Pinterestのように時系列を崩さず、ボックスを配置するスクリプトにjquery masonryっていうプラグインがあるのですが、同じようなプラグインでWookmark-jQueryというのを昨日見かけましたので、空いた時間になんとなくPinterestっぽいレイアウトを作ってみる事にしてみました。 Sample ソース調べるほど真面目な記事でもないので見た目を勘に頼って似せただけ。 ※あくまで「っぽい」です。 Sample コード<script src="js/jquery-1.7.1.min.js"></script> <

[harchika]

グリッドレイアウト

[twocon]

ライブラリ, jqueryPinterestのように時系列を崩さず、ボックスを配置するスクリプト

[keikoyamada1223]

レンガ風に要素を配列するレイアウト

[kkeisuke]

レンガ風に要素を配列するレイアウト。ボックス

[minami_ueda]

【Share】Pinterestっぽいレイアウトを作ってみる │ かちびと.net -

[hr07jp]

Pintarestっぽいレイアウト