デザインに活かしたい jQueryプラグインまとめ

  • はてブ

こんにちは、工藤です。
今回はデザイン面の魅せ方に活かすことができそうなjQueryプラグインをあつめてみました。

mage Blur Plugin

Image-Blur-Plugin
Image Blur Plugin GitHub

このプラグインを使うと画像をPhotoshopなどで加工をしなくても画像に簡単にぼかしを入れることができます。
なんとなくおしゃれな雰囲気になりますよね。


Space.js

Space
Space.js GitHub

パララックス系のプラグインです。
スクロール時に3Dのように飛び出して見えるのが面白いです。


Raphaël.js

Raphaël
Raphaël.js

JavaScriptでSVGを描画できるプラグインです。
IE6でも描画できるなど、幅広いブラウザに対応しています。



jQuery Mapael

jQuery-Mapael
jQuery Mapael

上記で紹介したRaphaël.jsで作成したSVGの地図に対して、jQueryベースで情報を付与させたり…などできるプラグインです。
サンプルを見ると、使いこなすことができれば表現のかなり幅が広がりそうですね。


Justified Gallery

Justified-Gallery
Space.js GitHub

画像をサイズ調整して綺麗に並べてくれるプラグインです。
モーダル系のプラグインと併用してもよさそうです。

工藤

執筆者: 工藤

日々勉強中です。どうぞよろしくお願いします。

株式会社8bit (エイトビット)

東京都渋谷区でWebサイト制作、Webシステム開発などを行っております。
キャンペーンサイトやWebサービスの企画・提案を得意としており、自社での経験を元にアイデアをカタチにするお手伝いをさせていただいております。

制作に関するご相談はお気軽にどうぞ

コンペ参加や相談ベースでもご相談承っております。

お問い合わせ