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

jQuery Transit
CSS3アニメーションをjQueryで簡単にコントロール。

cssAnimate
CSS3とjQueryの利点を組み合わせて、ページのあらゆるエレメントをアニメーション。

minimit
カルーセル、スライダー、さまざまなデザインが用意されたギャラリー。
[ad#ad-2]

stalactite
サイズの異なる画像をレンガ状にアニメーションで配置。

Fotorama
水色のフレームが印象的なスマートフォン対応の画像ギャラリー。

Thumbnail Proximity Effect
サムネイルの並びに近接をつかったギャラリー。

Revolver
シンプルなマークアップで実装するコンテンツスライダー。

ResponsiveSlides.js
Responsive Web Design対応のスライダー。

Flow Slider
マウスのホバー操作に合わせて滑らかにスライドするスライダー。

CraftySlide
アニメーションで動作するシンプルでエレガントなスライダー。

Slider.js
切替時にさまざまなアニメーションが用意されたスライダー。
[ad#ad-2]

Message
さまざまなタイプの通知パネルをアニメーションで表示。

Hovercard
ホバー時にカード状のパネルをアニメーションで表示。

Scroller
サークル状のエレメントがアニメーションでズームし、スライドします。

jQuery News Ticker
フェードのアニメーションで表示されるニュースティッカー。

Collapse
div, ul要素で実装する折りたたみコンテンツ。

jqPagination
シンプルな実装でページネーションを設置。

jQuery Countdown
簡単に設置できるカウントダウン(アップ)のタイマー。

Sharrre
Twitter, FacebookなどのソーシャルサービスをさまざまなUIで設置。

contextMenu
右クリックで表示するコンテクストメニューを実装します。

CraftMap
ダイナミックなアニメーションでスライドするマップを設置。

Org Chart
ドラッグで移動も可能なツリーマップを作成。

jQuery Metro Plugin
Windwos 8のMetro風UIを実装します。

Reveal Modal
アニメーションで表示するモーダルボックスを設置。

sisyphus
Gmailのようにクライアントサイドでドラフトを保存します。

Instabir
どちらかよいか実際に試す簡易ABテストを設置できます。

Hover Swap Text
ホバー時にテキストをtitleのデータに変更します。

suggest
フォームにサジェスト機能をつけます。

Horizontal bar graph
アニメーションが楽しい水平型の棒グラフを設置。

Useful Peel Back With jQuery
ページの右上から紙がめくれるようなエフェクト。

Lazy Load Script
外部JavaScriptファイルを指定したタイミングでロード。

Breakpoints.js
指定したサイズごとに実行するスクリプトを設定します。

NiceScroll
ページ全体やdiv, iframe要素のスクロールを慣性スクロールに。

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