[JS]jQueryのプラグイン33+1選 -2012年2・3月
Post on:2012年3月30日
紹介済みから未紹介のものまで、jQueryのプラグイン34選です。
![デモのキャプチャ](/wp-content/uploads-2012/201203-16.png)
bgStretcher
写真などの背景画像をブラウザ枠いっぱいに簡単に配置。
![デモのキャプチャ](/wp-content/uploads-2012/201203-28.png)
Anystretch
エレメントの背景画像のサイズを表示サイズに合わせて最適化します。
![デモのキャプチャ](/wp-content/uploads-2012/201203-05.png)
Sequence.js
パネル内のエレメントごとに動作設定ができる高性能なスライダー。
[ad#ad-2]
![デモのキャプチャ](/wp-content/uploads-2012/201203-21.png)
Glisse.js
キーフレームを使ったCSS3アニメーション対応の画像ギャラリー。
![デモのキャプチャ](/wp-content/uploads-2012/201203-02.png)
Camera
表示サイズに合わせて最適なレイアウトを提供するResponsive Design対応のスライドショー。
![デモのキャプチャ](/wp-content/uploads-2012/201203-31.png)
Responsive Slides
IE6にも対応しているResponsive Design用のスライダー。
![デモのキャプチャ](/wp-content/uploads-2012/201203-04.png)
Casual Slider
4KBと軽量ながら充分な機能を備えたコンテンツスライダー。
![デモのキャプチャ](/wp-content/uploads-2012/201203-32.png)
Adipoli
画像のホバー時にさまざまなアニメーションで目立たせます。
![デモのキャプチャ](/wp-content/uploads-2012/201203-25.png)
Rotating Image
画像をくるっとアニメーションで回転させます。
![デモのキャプチャ](/wp-content/uploads-2012/201203-30.png)
Roundabout
複数のエレメントをターンテーブルのようにぐるぐる回します。
![デモのキャプチャ](/wp-content/uploads-2012/201203-19.png)
noty
ページの指定箇所にメッセージパネルをアニメーションで表示。
![デモのキャプチャ](/wp-content/uploads-2012/201203-14.png)
gips
シンプルでカスタマイズも可能なツールチップ。
![デモのキャプチャ](/wp-content/uploads-2012/201203-17.png)
qTip2
バリエーション豊富なツールチップ。
![デモのキャプチャ](/wp-content/uploads-2012/201203-29.png)
Sweet Tooltip
かわいらしいデザインのツールチップ。
[ad#ad-2]
![デモのキャプチャ](/wp-content/uploads-2012/201203-12.png)
Akordeon
カスタマイズ性に優れたアコーディオン。
![デモのキャプチャ](/wp-content/uploads-2012/201203-15.png)
jQSimpleMenu
アニメーションで子階層が表示されるナビゲーション。
![デモのキャプチャ](/wp-content/uploads-2012/201203-13.png)
BoxyMenu
スライドのアニメーションで子リンクを表示します。
![デモのキャプチャ](/wp-content/uploads-2012/201203-08.png)
Circle Menu
ナビゲーションをサークル状にくるくるっと表示します。
![デモのキャプチャ](/wp-content/uploads-2012/201203-24.png)
Promptumenu
リスト要素を使って、iPhoneのホーム画面のようなナビゲーション。
![デモのキャプチャ](/wp-content/uploads-2012/201203-09.png)
TextExt
キーワードやヒントを表示し、フォームの入力を支援します。
![デモのキャプチャ](/wp-content/uploads-2012/201203-10.png)
Jeditable
ページ上のテキストをインライン編集可能にします。
![デモのキャプチャ](/wp-content/uploads-2012/201203-26.png)
jQuery URL parser
URLの構成要素を解析します。
![デモのキャプチャ](/wp-content/uploads-2012/201203-11.png)
jQuery Geo
位置情報を取得して、インタラクティブなマップを作成できます。
![デモのキャプチャ](/wp-content/uploads-2012/201203-27.png)
Morris.js
Raphaëlを使って、美しいベクターのグラフを作成。
![デモのキャプチャ](/wp-content/uploads-2012/201203-20.png)
youRhere
ページのここまで読んだ「しおり」をつけることができます。
![デモのキャプチャ](/wp-content/uploads-2012/201203-07.png)
Arctext.js
テキストを曲線状に配置します。
![デモのキャプチャ](/wp-content/uploads-2012/201203-33.png)
blur.js
エレメントにブラー効果を与えます。
![デモのキャプチャ](/wp-content/uploads-2012/201203-06.png)
turn.js
雑誌のように紙がぺろっとめくれるエフェクト。
![デモのキャプチャ](/wp-content/uploads-2012/201203-01.png)
scrollorama
ページのスクロールに合わせて、さまざまなエフェクトがつけられます。
![デモのキャプチャ](/wp-content/uploads-2012/201203-18.png)
Scroll Path
ページ内のコンテンツをパスに沿って、次々に表示します。
![デモのキャプチャ](/wp-content/uploads-2012/201203-22.png)
Curtain.js
スクロールするとカーテンのように次のコンテンツが表示されます。
![デモのキャプチャ](/wp-content/uploads-2012/201203-03.png)
PageSlide
Facebookモバイル版のように、コンテンツを横にスライドします。
![デモのキャプチャ](/wp-content/uploads-2012/201203-23.png)
Page Scroller
ナビゲーション機能付きのページスクローラー。
![デモのキャプチャ](/wp-content/uploads-2012/201203-00.png)
スムーズ ページスクローラー
最後は、コリス作です。
sponsors