[JS]jQueryのプラグイン33+1選 -2012年4月
Post on:2012年5月9日
紹介済みから未紹介のものまで、jQueryのプラグイン34選です。
![デモのキャプチャ](/wp-content/uploads-2012/201204-08.png)
Wookmark
コンテンツをレンガ状に配置するだけのシンプルなスクリプト。
![デモのキャプチャ](/wp-content/uploads-2012/201204-04.png)
jmpress.js
スライドをダイナミックなアニメーションで次々に表示します。
![デモのキャプチャ](/wp-content/uploads-2012/201204-22.png)
Presenteer
上記の省スペース版、アニメーションを伴ったプレゼンテーションを設置します。
[ad#ad-2]
![デモのキャプチャ](/wp-content/uploads-2012/201204-15.png)
RefineSlide
3Dのキューブ、フェード、スライス、スケール、ファンなど切替時のエフェクトが面白いスライダー。
![デモのキャプチャ](/wp-content/uploads-2012/201204-20.png)
Rhinoslider
こちらも同様にさまざまなエフェクトを備えたスライダー。
![デモのキャプチャ](/wp-content/uploads-2012/201204-30.png)
WOW Slider
さまざまなテンプレートが用意されたスライダー。
![デモのキャプチャ](/wp-content/uploads-2012/201204-31.png)
μslider
カスタマイズ性に優れたスライダー。
![デモのキャプチャ](/wp-content/uploads-2012/201204-19.png)
rcarousel
水平・垂直混在にも対応したコンテンツスライダー。
![デモのキャプチャ](/wp-content/uploads-2012/201204-16.png)
Retina
デスクトップはそのまま、新しいiPad, iPhone4には高解像度の画像を配置します。
![デモのキャプチャ](/wp-content/uploads-2012/201204-24.png)
NailThumb
リサイズ・クロップ・キャプション付きのサムネイルを生成します。
![デモのキャプチャ](/wp-content/uploads-2012/201204-18.png)
imagesLoaded
画像のロード後、コールバック関数を設定できます。
![デモのキャプチャ](/wp-content/uploads-2012/201204-13.png)
iPicture
画像の任意のポイントにツールチップを配置します。
![デモのキャプチャ](/wp-content/uploads-2012/201204-26.png)
Mobile-Friendly Tooltip
デスクトップとスマートフォンで最適なツールチップを表示します。
![デモのキャプチャ](/wp-content/uploads-2012/201204-09.png)
jqFloat.js
ページ上のあらゆるエレメントをふわふわフロートさせます。
![デモのキャプチャ](/wp-content/uploads-2012/201204-21.png)
pow.js
サンバーストのエフェクトを生成します。
[ad#ad-2]
![デモのキャプチャ](/wp-content/uploads-2012/201204-06.png)
Lettering Animate
文字をさまざまなアニメーションで表示します。
![デモのキャプチャ](/wp-content/uploads-2012/201204-11.png)
Bacon
テキストを自由に形状に回り込ませます。
![デモのキャプチャ](/wp-content/uploads-2012/201204-05.png)
dotdotdot
エリア内に収まらないテキストを「...」で表記します。
![デモのキャプチャ](/wp-content/uploads-2012/201204-12.png)
TypeButter
さまざまなフォントのカーニングを調整します。
![デモのキャプチャ](/wp-content/uploads-2012/201204-07.png)
Hammer.js
タップやドラッグなどのジェスチャーイベントを取得します。
![デモのキャプチャ](/wp-content/uploads-2012/201204-23.png)
pep
デスクトップ・モバイルで慣性運動を伴ってドラッグできるようにします。
![デモのキャプチャ](/wp-content/uploads-2012/201204-25.png)
HiddenPosision
隠されているエレメントでも正確な位置を取得します。
![デモのキャプチャ](/wp-content/uploads-2012/201204-17.png)
firstImpression.js
新しいユーザーか既存ユーザーなのか判別するシンプルなスクリプト。
![デモのキャプチャ](/wp-content/uploads-2012/201204-03.png)
File Upload
プログレスバー・プレビューイメージ付きのファイルアップローダー。
![デモのキャプチャ](/wp-content/uploads-2012/201204-27.png)
SeacrhMeme
入力エリアがアニメーションで伸びるサーチボックス。
![デモのキャプチャ](/wp-content/uploads-2012/201204-01.png)
HTML5 placeholder plugin
HTML5のplaceholderをクロスブラウザ対応に。
![デモのキャプチャ](/wp-content/uploads-2012/201204-10.png)
Timeline
さまざまなメディアをサポートしたタイムラインを作成できます。
![デモのキャプチャ](/wp-content/uploads-2012/201204-29.png)
jPages
ページネーションを使ったさまざまなコンテンツを生成します。
![デモのキャプチャ](/wp-content/uploads-2012/201204-02.png)
jTable
さまざまなデータテーブルを作成します。
![デモのキャプチャ](/wp-content/uploads-2012/201204-28.png)
Twitter Follow Box
TwitterのフォロワーをFacebook風に表示します。
![デモのキャプチャ](/wp-content/uploads-2012/201204-14.png)
Tweet!
Twitterのフィードをウェブページに表示します。
![デモのキャプチャ](/wp-content/uploads-2012/201204-33.png)
Scrolite
div要素はもちろん、リスト、テーブルなどもスクロールコンテンツにします。
![デモのキャプチャ](/wp-content/uploads-2012/201204-32.png)
Sticky Slidebar
指定エリア内にパネルをスクロールに追従させます。
![デモのキャプチャ](/wp-content/uploads-2012/201204-00.png)
スムーズ ページスクローラー
最後は、コリス作です。
sponsors