[JS]jQueryのプラグイン33+1選 -2012年7月
Post on:2012年7月31日
紹介済みから未紹介のものまで、jQueryのプラグイン34選です。
![デモのキャプチャ](/wp-content/uploads-2012/201207-33.png)
approach
アニメーションを時間ではなく、距離でコントロールします。
![デモのキャプチャ](/wp-content/uploads-2012/201207-27.png)
JSTween
簡単な記述でエレメントをCSS3などを使ってアニメーションさせます。
![デモのキャプチャ](/wp-content/uploads-2012/201207-02.png)
timing
スクリプト実行のタイミング(遅延時間・回数・リピートなど)を設定できます。
![デモのキャプチャ](/wp-content/uploads-2012/201207-03.png)
jQuery Pulse Animation Plugin
心臓が脈打つように連続した同一のアニメーションでスタイルを変更します。
![デモのキャプチャ](/wp-content/uploads-2012/201207-13.png)
fc.tape
商品をぐるぐるとアニメーションで回転させたり、コマ送り動画のように画像を再生させます。
![デモのキャプチャ](/wp-content/uploads-2012/201207-29.png)
jsMovie
BMP画像を使ってパラパラ漫画を作成します。
![デモのキャプチャ](/wp-content/uploads-2012/201207-12.png)
Accarousel
アコーディオンとカルーセルが組み合わさった画像ギャラリー。
![デモのキャプチャ](/wp-content/uploads-2012/201207-10.png)
A jQuery Picture
表示サイズに合わせて、最適な画像を配置します。
![デモのキャプチャ](/wp-content/uploads-2012/201207-19.png)
Baseline
画像をベースラインに揃えてきっちり表示します。
左:未、右:適用後
![デモのキャプチャ](/wp-content/uploads-2012/201207-05.png)
Grid Slide Plugin
グリッドに沿ってさまざまな要素を互い違いにスライドさせます。
![デモのキャプチャ](/wp-content/uploads-2012/201207-30.png)
Filters
アイテムをアニメーションでフィルタ分類します。
![デモのキャプチャ](/wp-content/uploads-2012/201207-20.png)
jQuery Shadow
div要素にさまざまなシャドウを適用します。
![デモのキャプチャ](/wp-content/uploads-2012/201207-17.png)
HorizontalNav
水平タイプのナビゲーションのスタイルを壊すことなく、配置エリア・表示サイズに合わせて最適化します。
![デモのキャプチャ](/wp-content/uploads-2012/201207-22.png)
BoxyMenu
アニメーションでパネルがめくれるボックスタイプのナビゲーション。
![デモのキャプチャ](/wp-content/uploads-2012/201207-01.png)
TinyNavi
リストで実装したナビゲーションをスマフォでドロップダウンにします。
![デモのキャプチャ](/wp-content/uploads-2012/201207-06.png)
SelectNavi
リストで実装したナビゲーションをスマフォでドロップダウンにします。
![デモのキャプチャ](/wp-content/uploads-2012/201207-16.png)
Nestable
スマフォ対応、ネストしたリストの階層を移動できます。
![デモのキャプチャ](/wp-content/uploads-2012/201207-21.png)
Backbone.Notifier
さまざまなタイプの通知パネルをアニメーションで表示します。
![デモのキャプチャ](/wp-content/uploads-2012/201207-18.png)
Envelope.js
jQueryUIやTwitter Bootstrapでも動作するメッセージを表示します。
![デモのキャプチャ](/wp-content/uploads-2012/201207-23.png)
gips
表示位置やタイミングを調整できるツールチップ。
![デモのキャプチャ](/wp-content/uploads-2012/201207-07.png)
JQVMap
拡大縮小のサイズ変更が可能なベクトルの地図を生成します。
![デモのキャプチャ](/wp-content/uploads-2012/201207-24.png)
Repo.js
GitHubのリポジトリをページに埋め込めます。
![デモのキャプチャ](/wp-content/uploads-2012/201207-04.png)
Handsontable
Excelのように表のデータを編集できます。
![デモのキャプチャ](/wp-content/uploads-2012/201207-15.png)
Happy.js
フォームに入力された値をチェックします。
![デモのキャプチャ](/wp-content/uploads-2012/201207-08.png)
Select2
セレクトボックスのデザインを変更し、タグや検索など機能を追加します。
![デモのキャプチャ](/wp-content/uploads-2012/201207-32.png)
jQuery Selectable
チェックボックスやラジオボタンをおしゃれなデザインに。
![デモのキャプチャ](/wp-content/uploads-2012/201207-28.png)
Zebra
軽量の日付入力支援。
![デモのキャプチャ](/wp-content/uploads-2012/201207-09.png)
Percentage Loader
読み込み状態をパーセントで表示するプログレスウィジェット。
![デモのキャプチャ](/wp-content/uploads-2012/201207-31.png)
Easy Pie Chart
さまざまなデザインの円グラフが簡単に作成できます。
![デモのキャプチャ](/wp-content/uploads-2012/201207-11.png)
mobile.lazyloader
スマフォ用にサーバーサイドのリソースを遅延でローディングします。
![デモのキャプチャ](/wp-content/uploads-2012/201207-14.png)
IE Alert
IE6/7/8の古いバージョンのユーザーにメッセージを表示します。
![デモのキャプチャ](/wp-content/uploads-2012/201207-26.png)
nanoScroller
小さいサイズのスクロールバー。
![デモのキャプチャ](/wp-content/uploads-2012/201207-25.png)
vanity
スライダー・タブ・ページネーションなど、最近のサイトで見かける仕掛けが揃ってます。
![デモのキャプチャ](/wp-content/uploads-2012/201207-00.png)
スムーズ ページスクローラー
最後は、コリス作です。
sponsors