画像レイアウト関連で便利なjQueryプラグイン等まとめ
2012年07月30日-
スポンサード リンク
ちょっと画像レイアウト関連で便利なjQueryプラグインを調査仕事でまとめていたのでついでにご紹介。
この手のプラグインはjQuery Masonryが最初だったかと思いますが、色々と出てきたのでここら辺で全部しっておくとよいかも。
Wookmark
比較的新しめのPinterest風レイアウトを作る際に便利なプラグイン。
jQuery isotope
レイアウトだけではなくダイナミックに要素をアニメーションさせることも出来るプラグイン
異なる幅・高さの画像も超綺麗に整列させるjQueryプラグイン「Atteeeeention plugin」
Google画像検索みたいに画像を綺麗にならべられます
↓↓↓↓
ボックス要素をレンガ状に綺麗に整列させる「jQuery Masonry」が凄い
要素の整列系の初期のプラグイン。最初に見た時はあっと驚いたものです
↓↓↓↓
並べた画像を敷き詰めて超カッコよくするjQueryサンプル
画像のクールなギャラリー。完成したサンプルプログラムとして活用できます
EqualBox
異なる高さのDIVを揃えるプラグイン。画像以外にも使えます
↓↓↓↓
この手のプラグインはjQuery Masonryが最初だったかと思いますが、色々と出てきたのでここら辺で全部しっておくとよいかも。
比較的新しめのPinterest風レイアウトを作る際に便利なプラグイン。
jQuery isotope
レイアウトだけではなくダイナミックに要素をアニメーションさせることも出来るプラグイン
異なる幅・高さの画像も超綺麗に整列させるjQueryプラグイン「Atteeeeention plugin」
Google画像検索みたいに画像を綺麗にならべられます
↓↓↓↓
ボックス要素をレンガ状に綺麗に整列させる「jQuery Masonry」が凄い
要素の整列系の初期のプラグイン。最初に見た時はあっと驚いたものです
↓↓↓↓
並べた画像を敷き詰めて超カッコよくするjQueryサンプル
画像のクールなギャラリー。完成したサンプルプログラムとして活用できます
EqualBox
異なる高さのDIVを揃えるプラグイン。画像以外にも使えます
↓↓↓↓
おまけ
紙のノートっぽいWEBデザインでコンテンツを綺麗にラインに合わせられる「Baseline.js」
画像は関係ないようで、背景の画像と文字を合わせられるプラグインです
↓↓↓↓
一昔前はちょっとむずかしいと思われていたレイアウトもこうしたプラグインで簡単に実現できるようになって素晴らしい限りですね
スポンサード リンク
Advertisements
SITE PROFILE
最新のブログ記事(新着順)
- 小説表紙などに使えそうな商用可なフォント「になロマン」
- 筆で書いたようなカナ書体「筆竹仮名B」
- 無料・商用利用可な丸文字ピクセルフォント「マルミーニャM」
- スペースコブラ風フォント
- Next.jsのVercelから商用利用可能なフリー汎用フォント「Geist Font 」
- 無料で使えるいい感じの日本語フォント「しっぽり太ゴシック」
- CSSのみで実装された500種類のローディングアニメーション「CSS Loaders」
- 画像ホバーで様々なエフェクトをかけられる「Izmir」
- CSSのbox-shadowをGUIで生成できる「CSS Box Shadows Generator」
- 好きな画像や文字を埋め込んだQRコードをリアルタイムで作れるWEBツール
- 過去のエントリ