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

videoBG
動画をページの背景(あずきの水玉)でもdiv要素の背景(暗いトンネル)でも配置します。

Superslides
フルスクリーンサイズで軽快なアニメーションを備えたスライダー。

Carousel
水平・垂直・クロス・タイマーに対応したカルーセル型のギャラリー。

ayaSlider
さまざまな要素のタイミングを設定してアニメーションで表示するスライダー。

Gamma Gallery
単に縮小して表示するだけではない、レスポンシブ対応の画像ギャラリー。

Baraja
トランプを広げるように華麗なアニメーションで複数のパネルを広げます。

Spectragram
Instagramから画像を取得してギャラリーを設置します。

Responsive Img
表示デバイスに合わせて、画像を最適に表示します。

imgLiquid
コンテナのサイズに合わせて、画像をフィットさせて配置します。

Responsive Content
コンテンツを表示デバイスに合わせて最適化します。

FooTable
表組みを表示デバイスに合わせて最適化します。

jquery.snipe
画像の一部を拡大表示します。

mlens
画像の一部を拡大表示します。

jResize
レスポンシブの確認用にブラウザ上でさまざまなサイズで表示します。

Badonkatrunc
テキストの量に合わせて、最適なフォントサイズで表示します。

smarttruncation
エレメントのサイズに合わせて、テキストの量を省略します。

Infinite-social-wall
ソーシャルコンテンツをウォール状に配置します。

Shapeshift
高さの異なるパネルをレンガ状に配置し、ドラッグで移動も可能です。

arbor.js
データをアニメーションで軽快に動くヴィジュアル化します。

jsPlumb
SVG, Canvas, VMLで要素を繋ぐフローチャートを描きます。

Happy.js
フォームの入力の有無やメッセージを表示する超軽量のバリデーション。

Quinn
多機能で美しいデザインのスライダーを簡単に実装できます。

Pickdate
日付の入力を支援するカレンダー。

Garlic.js
フォームに入力されたデータをローカルに保存し、タブやブラウザを閉じても失わないようにします。

jQuery.Burn
テキストに炎が燃えているようなエフェクトを与えます。

Any List Scroller
リスト要素で配置したコンテンツをスクロール対応にします。

SocialCount
タッチデバイスにも対応した、ソーシャルメディアのボタンを設置。

Stairway
気持ちのいいアニメーションで階段状にパネルが浮き上がるナビゲーション。

Mousetrap
オリジナルのキーボードのショートカットを設定できます。

jHERE
現在位置やヒートマップなど、地図情報を強化します。

chronoline.js
水平な時間軸でイベントなどのスケジュールを表示するタイムライン。

Calendario
レスポンシブ対応のフレキシブルなカレンダーを実装します。

Verbose Calendar
ダイナミックなアニメーションとレイアウトが面白いカレンダー。

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