Webやアプリのデザイントレンドを紹介。たまに雑談。

Browse By

[JAVASCRIPT] jQuery Masonry – 複数のdivボックスを誌面のようなレイアウトに自動整列

  • Pocket
  • このエントリーをはてなブックマークに追加

floatさせたdivボックスを、誌面のようなレイアウトに自動で整列させるJavascript。ライブラリにはjQueryが使われているようです。高さの異なるdivボックスを普通にfloatを使ってレイアウトすると、ガタガタのレイアウトになるんですが、このJSを記述する事で誌面のようにレイアウトする事ができるようです。JS部分もわずか数行で、HTML内での指定もid指定するだけのようなので、導入も簡単そうです。コンテンツの量とレイアウトに汎用性を持たせたいサイト作りの時に使えそう。

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください