ブラウザの幅に応じてレイアウトをきれいに整列できる「jQuery Masonryプラグイン」の使い方を紹介します。 jQuery Masonry ブラウザの幅に応じてカラムレイアウトをある程度調節してくれるので、レスポンシブデザインウェブ制作にも使えそうです(これだけでは厳しいですが)。 このエントリーは「なんだこれ!!「NHKスタジオパーク」のレスポンシブ・ウェブデザインが凄まじくレスポンシブ!!」の便乗記事です。 2012/10/20追記 jQuery MasonryをレスポンシブWebデザイン制作で使うためのノウハウをまとめた「レスポンシブWebデザイン制作にjQuery Masonryを利用するための5つのポイント」も是非ご覧ください。 1.サンプル 配布サイトのトップページでも確認できますが、より簡単なサンプルを作ってみましたのでお試しください。 サンプル 2.jQuery Ma
![ブラウザの幅に応じてレイアウトをきれいに整列できる「jQuery Masonryプラグイン」](https://cdn-ak-scissors.b.st-hatena.com/image/square/48c428b4b079a8f955a0615f088b941b4f3328ab/height=288;version=1;width=512/https%3A%2F%2Fwww.koikikukan.com%2Fimages%2F2012%2F10%2F20121017_jquery_4.png)