BLOGなにかの役には立つかもしれない。13:21JavaScript/jQueryMasonry様々な高さの要素をタイル状に表示するjQueryプラグインでは、「Masonry」が有名です。この記事ではMasonryの基本的な使い方を説明します。MasonryとはMasonryは、ウィンドウの幅に合わせて要素を敷き詰めて表示するjQueryプラグインです。アニメーションによる可変グリッド表示を実装でき。レスポンシブデザインにも対応しています。デモは公式サイトを御覧ください。ダウンロードスクリプトは下記URLからダウンロードしてください。Masonry|masonry.pkgd.min.jsGitHub|masonry利用方法headタグ内の記述headタグ内に下記のように記述し、スクリプトを読み込んでください。});});</script>各種オプションを設定できます。「itemSelector」は必須項目です。col4"></div></div>bodyタグ内に並び替えたい要素を記述します。並び替える要素はheadタグ内の「itemSelector」で設定した要素を指定します。left]を設定しておきましょう。Formコメントを入力してください。半角で入力してください。NETsince:2014.01.01東京都を拠点としたSOHO(フリーランス)による創作サイト向けWEB制作サービスを行っています。お仕事とか創作活動とかでメモっておきたいこととかを掲載しています。