前の記事 ≪:2012年7月27日 管理人のブックマーク
次の記事 ≫:使えそうなレスポンシブ対応のWordPressテーマ30

画像レイアウト関連で便利なjQueryプラグイン等まとめ

2012年07月30日-はてなブックマーク

スポンサード リンク
ちょっと画像レイアウト関連で便利なjQueryプラグインを調査仕事でまとめていたのでついでにご紹介。
この手のプラグインはjQuery Masonryが最初だったかと思いますが、色々と出てきたのでここら辺で全部しっておくとよいかも。
  • Wookmark
    比較的新しめのPinterest風レイアウトを作る際に便利なプラグイン。


    jQuery isotope
    レイアウトだけではなくダイナミックに要素をアニメーションさせることも出来るプラグイン


    異なる幅・高さの画像も超綺麗に整列させるjQueryプラグイン「Atteeeeention plugin」
    Google画像検索みたいに画像を綺麗にならべられます

    ↓↓↓↓


    ボックス要素をレンガ状に綺麗に整列させる「jQuery Masonry」が凄い
    要素の整列系の初期のプラグイン。最初に見た時はあっと驚いたものです

    ↓↓↓↓


    並べた画像を敷き詰めて超カッコよくするjQueryサンプル
    画像のクールなギャラリー。完成したサンプルプログラムとして活用できます


    EqualBox
    異なる高さのDIVを揃えるプラグイン。画像以外にも使えます

    ↓↓↓↓

    おまけ

    紙のノートっぽいWEBデザインでコンテンツを綺麗にラインに合わせられる「Baseline.js」
    画像は関係ないようで、背景の画像と文字を合わせられるプラグインです

    ↓↓↓↓


    一昔前はちょっとむずかしいと思われていたレイアウトもこうしたプラグインで簡単に実現できるようになって素晴らしい限りですね

  • 関連の記事検索:jQuery, レイアウト, プラグイン, 画像, Web制作, Webデザイン
    スポンサード リンク

    By.KJ : 2012年07月30日 09:07 ブックマークに追加する livedoor Readerで購読 Twitterに投稿

    間違いの指摘をしていただける方はメール、あるいはTwitter/FBでお願いします(クリック)