[JS]jQueryのプラグイン33+1選 -2012年12月
Post on:2012年12月7日
紹介済みから未紹介のものまで、jQueryのプラグイン34選です。
![デモのキャプチャ](/wp-content/uploads-2012-2d/201212-06.png)
videoBG
動画をページの背景(あずきの水玉)でもdiv要素の背景(暗いトンネル)でも配置します。
![デモのキャプチャ](/wp-content/uploads-2012-2d/201212-01.png)
Superslides
フルスクリーンサイズで軽快なアニメーションを備えたスライダー。
![デモのキャプチャ](/wp-content/uploads-2012-2d/201212-16.png)
Carousel
水平・垂直・クロス・タイマーに対応したカルーセル型のギャラリー。
![デモのキャプチャ](/wp-content/uploads-2012-2d/201212-02.png)
ayaSlider
さまざまな要素のタイミングを設定してアニメーションで表示するスライダー。
![デモのキャプチャ](/wp-content/uploads-2012-2d/201212-03.png)
Gamma Gallery
単に縮小して表示するだけではない、レスポンシブ対応の画像ギャラリー。
![デモのキャプチャ](/wp-content/uploads-2012-2d/201212-04.png)
Baraja
トランプを広げるように華麗なアニメーションで複数のパネルを広げます。
![デモのキャプチャ](/wp-content/uploads-2012-2d/201212-17.png)
Spectragram
Instagramから画像を取得してギャラリーを設置します。
![デモのキャプチャ](/wp-content/uploads-2012-2d/201212-05.png)
Responsive Img
表示デバイスに合わせて、画像を最適に表示します。
![デモのキャプチャ](/wp-content/uploads-2012-2d/201212-15.png)
imgLiquid
コンテナのサイズに合わせて、画像をフィットさせて配置します。
![デモのキャプチャ](/wp-content/uploads-2012-2d/201212-09.png)
Responsive Content
コンテンツを表示デバイスに合わせて最適化します。
![デモのキャプチャ](/wp-content/uploads-2012-2d/201212-10.png)
FooTable
表組みを表示デバイスに合わせて最適化します。
![デモのキャプチャ](/wp-content/uploads-2012-2d/201212-11.png)
jquery.snipe
画像の一部を拡大表示します。
![デモのキャプチャ](/wp-content/uploads-2012-2d/201212-25.png)
mlens
画像の一部を拡大表示します。
![デモのキャプチャ](/wp-content/uploads-2012-2d/201212-12.png)
jResize
レスポンシブの確認用にブラウザ上でさまざまなサイズで表示します。
![デモのキャプチャ](/wp-content/uploads-2012-2d/201212-13.png)
Badonkatrunc
テキストの量に合わせて、最適なフォントサイズで表示します。
![デモのキャプチャ](/wp-content/uploads-2012-2d/201212-14.png)
smarttruncation
エレメントのサイズに合わせて、テキストの量を省略します。
![デモのキャプチャ](/wp-content/uploads-2012-2d/201212-07.png)
Infinite-social-wall
ソーシャルコンテンツをウォール状に配置します。
![デモのキャプチャ](/wp-content/uploads-2012-2d/201212-24.png)
Shapeshift
高さの異なるパネルをレンガ状に配置し、ドラッグで移動も可能です。
![デモのキャプチャ](/wp-content/uploads-2012-2d/201212-18.png)
arbor.js
データをアニメーションで軽快に動くヴィジュアル化します。
![デモのキャプチャ](/wp-content/uploads-2012-2d/201212-19.png)
jsPlumb
SVG, Canvas, VMLで要素を繋ぐフローチャートを描きます。
![デモのキャプチャ](/wp-content/uploads-2012-2d/201212-20.png)
Happy.js
フォームの入力の有無やメッセージを表示する超軽量のバリデーション。
![デモのキャプチャ](/wp-content/uploads-2012-2d/201212-21.png)
Quinn
多機能で美しいデザインのスライダーを簡単に実装できます。
![デモのキャプチャ](/wp-content/uploads-2012-2d/201212-22.png)
Pickdate
日付の入力を支援するカレンダー。
![デモのキャプチャ](/wp-content/uploads-2012-2d/201212-23.png)
Garlic.js
フォームに入力されたデータをローカルに保存し、タブやブラウザを閉じても失わないようにします。
![デモのキャプチャ](/wp-content/uploads-2012-2d/201212-26.png)
jQuery.Burn
テキストに炎が燃えているようなエフェクトを与えます。
![デモのキャプチャ](/wp-content/uploads-2012-2d/201212-27.png)
Any List Scroller
リスト要素で配置したコンテンツをスクロール対応にします。
![デモのキャプチャ](/wp-content/uploads-2012-2d/201212-28.png)
SocialCount
タッチデバイスにも対応した、ソーシャルメディアのボタンを設置。
![デモのキャプチャ](/wp-content/uploads-2012-2d/201212-29.png)
Stairway
気持ちのいいアニメーションで階段状にパネルが浮き上がるナビゲーション。
![デモのキャプチャ](/wp-content/uploads-2012-2d/201212-30.png)
Mousetrap
オリジナルのキーボードのショートカットを設定できます。
![デモのキャプチャ](/wp-content/uploads-2012-2d/201212-31.png)
jHERE
現在位置やヒートマップなど、地図情報を強化します。
![デモのキャプチャ](/wp-content/uploads-2012-2d/201212-32.png)
chronoline.js
水平な時間軸でイベントなどのスケジュールを表示するタイムライン。
![デモのキャプチャ](/wp-content/uploads-2012-2d/201212-08.png)
Calendario
レスポンシブ対応のフレキシブルなカレンダーを実装します。
![デモのキャプチャ](/wp-content/uploads-2012-2d/201212-33.png)
Verbose Calendar
ダイナミックなアニメーションとレイアウトが面白いカレンダー。
![デモのキャプチャ](/wp-content/uploads-2012-2d/201212-00.png)
スムーズ ページスクローラー
最後は、コリス作です。
sponsors