Webデザイン初心者向けのあれこれ

Webデザイン初心者向けのあれこれを書いていきます。

jQueryの可能性は無限大!?プラグインまとめ番外編

どうもこんばんは、僕です。

今まで何度かjQueryプラグインを紹介してきましたが、今日は番外編?と言った感じです。
一応今までのプラグインまとめ記事はこちらです。

・ひと工夫でこんなことも!ユニークなjQueryプラグイン5つ集めてみました

・すっごい動くよ!テキストをアニメーションさせるjQueryプラグイン集めてみた

・今更ながらみんな大好き(?)「lightbox」プラグインを集めてみました

・jQueryを使ったスライド・ギャラリーのライブラリを7個集めてみた



jquery-tubular
http://code.google.com/p/jquery-tubular/

f:id:webarekore:20130208233539p:plain


ページの背景にYouTubeの動画を指定することができます。
背景を考える幅が広がるのではないでしょうか。


jquery.snipe
http://rayfranco.github.com/jquery.snipe/

f:id:webarekore:20130208233555p:plain


マウスオーバーで画像の一部を拡大することができます。
各所で画像の一部を拡大するプラグインが使われていますが、jquery.snipeはその一例ですね。


・lenticular.js
http://lenticular.attasi.com/

f:id:webarekore:20130208233558p:plain


スマートフォンを傾けて画像を回転させることができます。
PC版ではマウスの動きで画像が動きます。


・Baraja
http://tympanus.net/codrops/2012/11/13/baraja-a-plugin-for-spreading-items-in-a-card-like-fashion/

f:id:webarekore:20130208233609p:plain


カードゲームの手札のようなパネルの動きを実装することができます。
口で説明するのは難しいので、ぜひデモを見てみて下さい。


・Real Shadow
http://indamix.github.com/real-shadow/

f:id:webarekore:20130208233616p:plain


マウスを基準とした影を付けることができます。
影はマウスを動かすことでアニメーションします。

 

 

いかがでしたでしょうか?

べ、別に記事のネタに困って必死こいて探したわけじゃないからね!

こういったプラグインを見ると、本当にjQueryの可能性は無限大なのではないかというように感じます。

僕もWebデザイナーを目指している身として、jQueryをバリバリ使いこなせるようになりたいです。

それではこのへんで…。