[JS]jQueryのプラグイン33+1選 -2012年4月
Post on:2012年5月9日
紹介済みから未紹介のものまで、jQueryのプラグイン34選です。

Wookmark
コンテンツをレンガ状に配置するだけのシンプルなスクリプト。

jmpress.js
スライドをダイナミックなアニメーションで次々に表示します。

Presenteer
上記の省スペース版、アニメーションを伴ったプレゼンテーションを設置します。
[ad#ad-2]

RefineSlide
3Dのキューブ、フェード、スライス、スケール、ファンなど切替時のエフェクトが面白いスライダー。

Rhinoslider
こちらも同様にさまざまなエフェクトを備えたスライダー。

WOW Slider
さまざまなテンプレートが用意されたスライダー。

μslider
カスタマイズ性に優れたスライダー。

rcarousel
水平・垂直混在にも対応したコンテンツスライダー。

Retina
デスクトップはそのまま、新しいiPad, iPhone4には高解像度の画像を配置します。

NailThumb
リサイズ・クロップ・キャプション付きのサムネイルを生成します。

imagesLoaded
画像のロード後、コールバック関数を設定できます。

iPicture
画像の任意のポイントにツールチップを配置します。

Mobile-Friendly Tooltip
デスクトップとスマートフォンで最適なツールチップを表示します。

jqFloat.js
ページ上のあらゆるエレメントをふわふわフロートさせます。

pow.js
サンバーストのエフェクトを生成します。
[ad#ad-2]

Lettering Animate
文字をさまざまなアニメーションで表示します。

Bacon
テキストを自由に形状に回り込ませます。

dotdotdot
エリア内に収まらないテキストを「...」で表記します。

TypeButter
さまざまなフォントのカーニングを調整します。

Hammer.js
タップやドラッグなどのジェスチャーイベントを取得します。

pep
デスクトップ・モバイルで慣性運動を伴ってドラッグできるようにします。

HiddenPosision
隠されているエレメントでも正確な位置を取得します。

firstImpression.js
新しいユーザーか既存ユーザーなのか判別するシンプルなスクリプト。

File Upload
プログレスバー・プレビューイメージ付きのファイルアップローダー。

SeacrhMeme
入力エリアがアニメーションで伸びるサーチボックス。

HTML5 placeholder plugin
HTML5のplaceholderをクロスブラウザ対応に。

Timeline
さまざまなメディアをサポートしたタイムラインを作成できます。

jPages
ページネーションを使ったさまざまなコンテンツを生成します。

jTable
さまざまなデータテーブルを作成します。

Twitter Follow Box
TwitterのフォロワーをFacebook風に表示します。

Tweet!
Twitterのフィードをウェブページに表示します。

Scrolite
div要素はもちろん、リスト、テーブルなどもスクロールコンテンツにします。

Sticky Slidebar
指定エリア内にパネルをスクロールに追従させます。

スムーズ ページスクローラー
最後は、コリス作です。
sponsors