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
グリッドレイアウトでのWebサイト構築に役立つjQueryプラグイン「BlocksIt.js」「Isotope」「jQuery Masonry」｜BLACKFLAG
最近のレスポンシブWebデザインの影響もあって ボックスをタイル状に並べた構成のグリッドレイアウトWebサイトをよく見かけます。 ウィンドウサイズによって最適な配置で画面を構成できたりするグリッドレイアウトですが jQueryを使って簡単に実装することができるプラグインを自分用メモとして紹介してみます。 まずは「BlocksIt.js」 BlocksIt.js | Dynamic Grid Layout jQuery Plugin – Plugin Page デモページはこちら BlocksIt.js Demonstration #1 – Random Dynamic Grid Layout BlocksIt.js Demonstration #2 – Pinterest Dynamic Grid Layout with CSS3 Transitions ページをロードするたびにランダムで
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
