先日エントリーした「ブラウザの幅に応じてレイアウトをきれいに整列できる「jQuery Masonryプラグイン」」の続きで、レスポンシブWebデザイン制作にjQuery Masonryプラグインを利用するための重要なポイントについて詳しく解説します。 サンプル(リンクは2項) 手前味噌ですが、jQuery MasonryによるレスポンシブWebデザインの記事は他にも多く存在する中、実用レベルまで踏み込んでいるのはおそらくこのエントリーだけだと思います。 なお、jQuery Masonryプラグインの基本的な設定方法については割愛してますので、上記のエントリーを参照してください。 1.はじめに このエントリーでは「NHKスタジオパーク」のサイトを参考に、次の内容について解説します。 NHKスタジオパーク まず、カラムレイアウト全体をセンタリングさせるためのCSSの設定について紹介します。 ま
![レスポンシブWebデザイン制作にjQuery Masonryを利用するための5つのポイント](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)