レスポンシブWebデザイン制作にjQuery Masonryを利用するための5つのポイント
先日エントリーした「ブラウザの幅に応じてレイアウトをきれいに整列できる「jQuery Masonryプラグイン」」の続きで、レスポンシブWebデザイン制作にjQuery Masonryプラグインを利用するための重要なポイントについて詳しく解説します。 サンプル（リンクは２項） 手前味噌ですが、jQuery MasonryによるレスポンシブWebデザインの記事は他にも多く存在する中、実用レベルまで踏み込んでいるのはおそらくこのエントリーだけだと思います。 なお、jQuery Masonryプラグインの基本的な設定方法については割愛してますので、上記のエントリーを参照してください。 １．はじめに このエントリーでは「NHKスタジオパーク」のサイトを参考に、次の内容について解説します。 NHKスタジオパーク まず、カラムレイアウト全体をセンタリングさせるためのCSSの設定について紹介します。 ま
jQuery MasonryからFreetile.jsに変更 | WEB SHOWZINE
WEB SHOWZINE Live as if you were to die tomorrow. Learn as if you were to live forever. グリッドレイアウトで要素をタイル状に敷き詰めるのにjQuery Masonry（NHKスタジオパークで知名度がグンと上がったあれですね）を使って実装を進めてたんですが、自分の設定がうまくないのかWebkit系ブラウザ（とくにSafari）で表示が崩れてしまい、その原因がなかなか突き止められないもんでFreetile.jsに切り替えました。（そしたらスッキリ解消できたので） jQuery Masonryだと、とくにSafariで初回にページを開いた際、以下のように表示が崩れてしまいました。ブラウザをリロードすると解消したりもするんですが（何回もリロードしないとダメなときも）これではもちろん納品出来ません。 column
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
