[JS]jQueryのプラグイン33+1選 -2012年1月
Post on:2012年1月30日
紹介済みから未紹介のものまで、jQueryのプラグイン34選です。
![デモのキャプチャ](/wp-content/uploads-2012/201201-10.png)
jQuery Transit
CSS3アニメーションをjQueryで簡単にコントロール。
![デモのキャプチャ](/wp-content/uploads-2012/201201-09.png)
cssAnimate
CSS3とjQueryの利点を組み合わせて、ページのあらゆるエレメントをアニメーション。
![デモのキャプチャ](/wp-content/uploads-2012/201201-05.png)
minimit
カルーセル、スライダー、さまざまなデザインが用意されたギャラリー。
[ad#ad-2]
![デモのキャプチャ](/wp-content/uploads-2012/201201-11.png)
stalactite
サイズの異なる画像をレンガ状にアニメーションで配置。
![デモのキャプチャ](/wp-content/uploads-2012/201201-17.png)
Fotorama
水色のフレームが印象的なスマートフォン対応の画像ギャラリー。
![デモのキャプチャ](/wp-content/uploads-2012/201201-31.png)
Thumbnail Proximity Effect
サムネイルの並びに近接をつかったギャラリー。
![デモのキャプチャ](/wp-content/uploads-2012/201201-32.png)
Revolver
シンプルなマークアップで実装するコンテンツスライダー。
![デモのキャプチャ](/wp-content/uploads-2012/201201-23.png)
ResponsiveSlides.js
Responsive Web Design対応のスライダー。
![デモのキャプチャ](/wp-content/uploads-2012/201201-29.png)
Flow Slider
マウスのホバー操作に合わせて滑らかにスライドするスライダー。
![デモのキャプチャ](/wp-content/uploads-2012/201201-20.png)
CraftySlide
アニメーションで動作するシンプルでエレガントなスライダー。
![デモのキャプチャ](/wp-content/uploads-2012/201201-02.png)
Slider.js
切替時にさまざまなアニメーションが用意されたスライダー。
[ad#ad-2]
![デモのキャプチャ](/wp-content/uploads-2012/201201-01.png)
Message
さまざまなタイプの通知パネルをアニメーションで表示。
![デモのキャプチャ](/wp-content/uploads-2012/201201-13.png)
Hovercard
ホバー時にカード状のパネルをアニメーションで表示。
![デモのキャプチャ](/wp-content/uploads-2012/201201-28.png)
Scroller
サークル状のエレメントがアニメーションでズームし、スライドします。
![デモのキャプチャ](/wp-content/uploads-2012/201201-04.png)
jQuery News Ticker
フェードのアニメーションで表示されるニュースティッカー。
![デモのキャプチャ](/wp-content/uploads-2012/201201-33.png)
Collapse
div, ul要素で実装する折りたたみコンテンツ。
![デモのキャプチャ](/wp-content/uploads-2012/201201-12.png)
jqPagination
シンプルな実装でページネーションを設置。
![デモのキャプチャ](/wp-content/uploads-2012/201201-03.png)
jQuery Countdown
簡単に設置できるカウントダウン(アップ)のタイマー。
![デモのキャプチャ](/wp-content/uploads-2012/201201-15.png)
Sharrre
Twitter, FacebookなどのソーシャルサービスをさまざまなUIで設置。
![デモのキャプチャ](/wp-content/uploads-2012/201201-16.png)
contextMenu
右クリックで表示するコンテクストメニューを実装します。
![デモのキャプチャ](/wp-content/uploads-2012/201201-27.png)
CraftMap
ダイナミックなアニメーションでスライドするマップを設置。
![デモのキャプチャ](/wp-content/uploads-2012/201201-18.png)
Org Chart
ドラッグで移動も可能なツリーマップを作成。
![デモのキャプチャ](/wp-content/uploads-2012/201201-14.png)
jQuery Metro Plugin
Windwos 8のMetro風UIを実装します。
![デモのキャプチャ](/wp-content/uploads-2012/201201-24.png)
Reveal Modal
アニメーションで表示するモーダルボックスを設置。
![デモのキャプチャ](/wp-content/uploads-2012/201201-25.png)
sisyphus
Gmailのようにクライアントサイドでドラフトを保存します。
![デモのキャプチャ](/wp-content/uploads-2012/201201-30.png)
Instabir
どちらかよいか実際に試す簡易ABテストを設置できます。
![デモのキャプチャ](/wp-content/uploads-2012/201201-21.png)
Hover Swap Text
ホバー時にテキストをtitleのデータに変更します。
![デモのキャプチャ](/wp-content/uploads-2012/201201-19.png)
suggest
フォームにサジェスト機能をつけます。
![デモのキャプチャ](/wp-content/uploads-2012/201201-26.png)
Horizontal bar graph
アニメーションが楽しい水平型の棒グラフを設置。
![デモのキャプチャ](/wp-content/uploads-2012/201201-07.png)
Useful Peel Back With jQuery
ページの右上から紙がめくれるようなエフェクト。
![デモのキャプチャ](/wp-content/uploads-2012/201201-08.png)
Lazy Load Script
外部JavaScriptファイルを指定したタイミングでロード。
![デモのキャプチャ](/wp-content/uploads-2012/201201-22.png)
Breakpoints.js
指定したサイズごとに実行するスクリプトを設定します。
![デモのキャプチャ](/wp-content/uploads-2012/201201-06.png)
NiceScroll
ページ全体やdiv, iframe要素のスクロールを慣性スクロールに。
![デモのキャプチャ](/wp-content/uploads-2012/201201-00.png)
スムーズ ページスクローラー
最後は、コリス作です。
sponsors