[JS]jQueryのプラグイン33+1選 -2011年10・11月
Post on:2011年11月21日
紹介済みから未紹介のものまで、jQueryのプラグイン34選です。
![デモのキャプチャ](/wp-content/uploads-2011-2d/201111-01.png)
FlexSlider
シンプルながら高性能でセマンティックなマークアップのスライダー。
![デモのキャプチャ](/wp-content/uploads-2011-2d/201111-29.png)
Slidorion
画像スライダーとアコーディオンを組みあせて、コンテンツを表示します。
![デモのキャプチャ](/wp-content/uploads-2011-2d/201111-33.png)
Coulisse
HTML5で実装する画像をアニメーションで表示するカバーフロー。
[ad#ad-2]
![デモのキャプチャ](/wp-content/uploads-2011-2d/201111-06.png)
FerroSlider
プレゼンなどに最適、さまざまなレイアウトが可能なパネルスライダー。
![デモのキャプチャ](/wp-content/uploads-2011-2d/201111-27.png)
Apple's New Slide Menu
スピード感溢れるアニメーションを伴ったスライダー。
![デモのキャプチャ](/wp-content/uploads-2011-2d/201111-17.png)
Flexible Slide-to-top Accordion
ダイナミックなアニメーションが楽しいResponsive対応のシンプルなアコーディオン。
![デモのキャプチャ](/wp-content/uploads-2011-2d/201111-15.png)
liteAccordion
オプションが豊富な水平タイプのアコーディオンパネル。
![デモのキャプチャ](/wp-content/uploads-2011-2d/201111-25.png)
Vertical Accordion effect
リスト要素で実装するシンプルな垂直タイプのアコーディオン。
![デモのキャプチャ](/wp-content/uploads-2011-2d/201111-21.png)
Monte
IE6にも対応、スムーズなアニメーションで動作するカルーセル。
![デモのキャプチャ](/wp-content/uploads-2011-2d/201111-07.png)
Organic Tabs
コンテンツの量に応じてパネルの高さを変更するタブ。
![デモのキャプチャ](/wp-content/uploads-2011-2d/201111-19.png)
slimScroll
オリジナルのスクロールバーを伴ったパネルを生成。
![デモのキャプチャ](/wp-content/uploads-2011-2d/201111-05.png)
Portamento
スクロール操作に追従して定位置に表示されるフロートパネル。
![デモのキャプチャ](/wp-content/uploads-2011-2d/201111-24.png)
Notification
ページ上部にアニメーションでスライド表示する通知パネル。
![デモのキャプチャ](/wp-content/uploads-2011-2d/201111-18.png)
notify
さまざまな通知パネルを簡単に設置できます。
![デモのキャプチャ](/wp-content/uploads-2011-2d/201111-23.png)
ColorBox
カスタマイズも簡単、シンプルで軽量の画像を拡大するLightboxスクリプト。
![デモのキャプチャ](/wp-content/uploads-2011-2d/201111-22.png)
Hoverizr
画像にグレースケールやブラー効果を与えます。
[ad#ad-2]
![デモのキャプチャ](/wp-content/uploads-2011-2d/201111-03.png)
Shuffle Letters Effect
文字を指定した文字列からランダムにカシャカシャ切り替えます。
![デモのキャプチャ](/wp-content/uploads-2011-2d/201111-28.png)
jTicker
タイピングしているようなアニメーションでテキストを表示します。
![デモのキャプチャ](/wp-content/uploads-2011-2d/201111-11.png)
TeZoom
テキストをスムーズなアニメーションでズームします。
![デモのキャプチャ](/wp-content/uploads-2011-2d/201111-09.png)
ImageMapster
複雑な形状でもイメージマップを作成します。
![デモのキャプチャ](/wp-content/uploads-2011-2d/201111-10.png)
Div Linker
div要素の全部をクリック可能にします。
![デモのキャプチャ](/wp-content/uploads-2011-2d/201111-08.png)
Simple Elements Mapper
ページ内の各エレメントをグラフィカルにマッピング。
![デモのキャプチャ](/wp-content/uploads-2011-2d/201111-02.png)
PageScroll (ScrollTo-Alternative)
ページ内のリンクをスムーズなスクロールでナビゲート。
![デモのキャプチャ](/wp-content/uploads-2011-2d/201111-16.png)
Joyride
ページ内の次にどこを見るべきか案内してくれます。
![デモのキャプチャ](/wp-content/uploads-2011-2d/201111-12.png)
Timelinr
アニメーションでスライドする時間軸コンテンツを実装。
![デモのキャプチャ](/wp-content/uploads-2011-2d/201111-31.png)
colResizable
コラムのサイズを変えることができるテーブルを生成します。
![デモのキャプチャ](/wp-content/uploads-2011-2d/201111-14.png)
Nyan Cat Slider
にゃんキャットのスライドバーです。
![デモのキャプチャ](/wp-content/uploads-2011-2d/201111-13.png)
Botones CSS3 (CSS3 Buttons)
CSS3を使った美しいボタンを簡単に実装できます。/p>
![デモのキャプチャ](/wp-content/uploads-2011-2d/201111-20.png)
OKShadow
アニメーションで追随するドロップシャドウを生成します。
![デモのキャプチャ](/wp-content/uploads-2011-2d/201111-26.png)
pShadow
画像やボックスに紙のようなドロップシャドウを適用します。
![デモのキャプチャ](/wp-content/uploads-2011-2d/201111-32.png)
DropKick
セレクトボックスの見栄えをかっこよくします。
![デモのキャプチャ](/wp-content/uploads-2011-2d/201111-30.png)
Vibrate
ボタンやdiv要素やフォームなどさまざまな要素を揺らします。
![デモのキャプチャ](/wp-content/uploads-2011-2d/201111-04.png)
jFL - Fluid Adaptive Layout
表示サイズに合わせてレイアウトやフォントのサイズ・ポジションを変更。
![デモのキャプチャ](/wp-content/uploads-2011-2d/201111-00.png)
スムーズ ページスクローラー
最後は、コリス作です。
sponsors