[JS]jQueryのプラグイン100選 -2009年総集編

2009年に紹介したものを中心としたjQueryのプラグイン100選です。

• カルーセル・ニュースティッカー関連
• ギャラリー・画像拡大関連
• ナビゲーション関連
• タブ関連
• パネル・ボックス関連
• 角丸関連
• ツールチップ関連
• レイアウト補助関連
• その他UI関連
• エフェクト関連
• スクロール・ドラッグなど操作関連
• テーブル・リスト関連
• フォーム関連
• スタイルシート関連
• コンテンツ生成
• その他

100以上ありますが、どれも秀逸なのでご了承ください。

カルーセル・ニュースティッカー関連

Agile Carousel
打ち出しをフェードで切り替えるカルーセル。

jquery.scrollable
ホイール・クリック・キーボード操作にも対応した、パネルをスクロールする高性能なスクリプト。

Accessible Slideshow
アクセシブルなスライドショー。

bxSlider
三種類のコンテンツスライダーを実装。

horinaja
マウスホイールにも対応したカルーセル。

Infinite Carousel
パネルがスライドするシンプルなカルーセル。

News Ticker con jQuery
フェードで表示・非表示するニュースティッカー。

jCarousel Lite
軽量のカルーセル。

Moving Boxes
ズーム機能付きのカルーセル。

Agile Carousel
パネルをダイナミックにスライド。

Start/Stop Slider
パネルをクロスにスライド。

Easy Slider
自動スライドにも対応、デザインのカスタマイズが可能なコンテンツスライダー。

ギャラリー・画像拡大関連

Image Rotator
スタイリッシュな画像ギャラリー。

GalleryView
インターフェイスが豊富な画像ギャラリー。

Slideshow JS
フェードで切り替わる、アクセシブルな画像ギャラリー。

dumbcrossfade
打ち出し画像をフェードで次々に変更します。

Ultimate Fade-in slideshow
フェードで画像を切り替えるギャラリー。

jQuery Gallery Slider Plugin
ダイナミックにスライドする画像ギャラリー。

Beautiful jQuery sliders
洗練されたインターフェイスの画像ギャラリー。

Image Slide Show with Semi-Transparent Caption
半透明のキャプション表示がかっこいい画像ギャラリー。

z-index gallery
画像の重なり順を変更する画像ギャラリー。

Creating a polaroid photo viewer with CSS3
ポラロイド写真を散らかしたようなギャラリー。傾きはSafari, Chromeのみ。

Sliding Image Gallery
画像をスライド・拡大表示するギャラリー。

slideView
動きが面白い画像のスライドショー。

BigPicture
パネル表示やギャラリーにも対応した、画像拡大スクリプト。

ColorBox
UIが豊富な軽量の画像拡大スクリプト。

piroBox
イージングのモーションがかっこいい画像拡大スクリプト。

TopUp
拡大時のエフェクトも豊富な画像を拡大表示するLightbox。

AnythingZoomer
画像もテキストも何でも拡大表示。

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

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

JQZoom
画像の一部を拡大表示。

uBox
イージング機能付き、画像をアニメーションで拡大表示。

Before/After
2枚の画像をバーでスライドして切り替え。

ナビゲーション関連

SpriteMenu
CSSスプライトのナビゲーションにスライドやフェードを追加。

Buttons like Windows 7
Windows7風の光源が移動するボタン。

Very Long Dropdown Menus
長いドロップダウンを省スペースで表示します。

jSlickmenu
CSS3を使った、ちょっと面白いナビゲーション。

Sexy Drop Down Menu
セクシーなドロップダウン型のナビゲーション。

Acorrdion With Fade
フェードエフェクトを伴ったアコーディオン。

Dropdown, iPod Drilldown, and Flyout styles
軽快に動作するドロップダウン、ドリルダウン、フライアウト型のナビゲーション。

jQuery and CSS menu this is really simply one
選択項目が拡大するシンプルなナビゲーション。

animateToSelector
ホバーでアニメーションする、ナビゲーション。

Animated Drop Down Menu with jQuery
アニメーションで開閉し、うにょうにょするナビゲーション。

FastFind Menu
iPoneのドリルダウン型のフロートするナビゲーション。

Smooth Animated Menu
スムーズなアニメーションで開くナビゲーション。

jQuery Pagination
ページネーションの生成。

pagination system
長いコンテンツをページネーションで分割。

Footnotes
注釈を指定位置に自動配置。

タブ関連

tabswitch
パネルの表示方法を切り替えられるタブ。

Custom AJAX Tabs
AJAXに対応したタブコンテンツ。

Organic Tabs
アニメーションで収縮するタブコンテンツ。

Sliding Tab Menu for Sidebar
複数のパネルがスライドして切り替わるタブUI。

Simple Tabs
リスト要素で実装したフェードで切り替わるシンプルなタブ。

Sliding Tab Menu for Sidebar
パネルがアニメーションでスライドするタブ。

Tabbed Content Rotator
自動表示にも対応したタブコンテンツ。

Fly Tabs
水平・垂直・ネストなどユニークなタブを実装。

パネル・ボックス関連

SimpleModal
シンプルだけどカスタマイズに富んだモーダルボックス。

flips
パネルを多彩なアニメーションでスライド。

Image Overlay
テキストなどのパネルを画像の上にオーバーレイ表示します。

jScroller
パネルを水平・垂直にスライド表示。

Sexy Vertical Sliding Panel
CSS3を使った、ダイナミックにスライドするパネル。

Gritter
パネルを表示。

Mop Box
移動可能なコンテンツ表示ボックス。

QuickFlip
くるっとパネルを回転。

Slide box
ページの端のタブをクリックすると、パネルをスライド表示。

GX
パネルの開閉・移動・グラデーション・フェードなどのアニメーション。

Simple Toggle
アニメーションでスライドするシンプルなパネル。

Slinky Slider
軽快なアニメーションでスライドするアコーディオン型のパネル。

boxy
ボックスを表示、オプションが豊富。

Dynamic FAQ
アニメーションでパネル表示。

pageSlide
ページをダイナミックにスライド。

Page Peel
ページを雑誌のようにめくる。

The Sexy Curls
ページをセクシーにカール。

角丸関連

Creating rounded corners
画像無しで角丸を実装。

jQuery Corners
四辺の表示やサイズなど細かい調整ができる角丸。

Liquid Canvas
canvasで角丸を表示。

Round Corners
画像を使用せずに、四辺で異なる角丸を。

ツールチップ関連

qTip
デザインも豊富でカスタマイズに優れたツールチップ。

clueTip
オプションが豊富なツールチップ。

Mop Tip
デザインがかわいいツールチップ。

Better Tooltip
表示のアニメーションがかわいいツールチップ。

Content Rich Tooltip with JSON
リッチなツールチップ。

Simpletip
シンプルながら多機能なツールチップ。

Popup Bubble
ふんわりとポップアップを表示。

vTip
リンクだけでなく、画像、divなどにもツールチップ。

レイアウト補助関連

Browser size aware content scaling
ブラウザのサイズの合わせてレイアウトを自動補正。

Smart Columns
ページ幅に合わせて、カラムの数とサイズを自動調整。

jQuery Masonry
レンガを積むようなレイアウト。

Resizing Images Based On Browser Window Size
ブラウザのサイズに合わせて画像をリサイズ。

AjaxScroll
MSN Live SearchのようなAJAX対応のスクロールコンテンツ。

The EqualHeights jQuery Plugin
異なるカラムの高さを揃える。

CSS Horizontal And Vertical Align
天地左右の中央に配置。

vertical align center
垂直方向のド真ん中に配置。

その他UI関連

Accessible News Slider
スムーズなアニメーションが気持ちいい、アクセシブルなスライダー。

Ajaxify
さまざまなAJAXコンテンツを実装。

delay
タイミングをコントロール。

エフェクト関連

Realistic Hover Effect
ホバー時の影や鏡面効果をリアルに。

Blend
ホバー時にアニメーションでエフェクト。

Scrolling Parallax
スクロールバーとマウスホイールに対応したパララックス。

DivCorners
divを入れ子にしないで四辺をグラフィカルに。

Image Cube
画像やテキストの立方体を回転表示。

backOpacity
背景の不透明度を設定。

Supersized
背景画像をブラウザのサイズに合わせ、スライドショーに。

CSS Multiple Backgrounds / Background Layering with jQuery
一つの要素に複数の背景を自由に配置。

jQuery Background Canvas drawing
canvasで背景を表示。

Background-Position Animation
背景画像をアニメーション。

Background canvas
画像を使用しないで、タブやグラデーションなど背景をCanvasで描画。

borderImage
ボーダーを画像に。

スクロール・ドラッグなど操作関連

スムーズ ページスクローラー
ページ内アンカーにスムーズスクロール。

Fancy Gestures
オリジナルのマウスジェスチャーを設置。

Animated Alphabet using Keypress Events
Keypressイベントの取得。

Cheat Code
コナミコマンドなど秘密のコマンドを埋め込める。

Collapsible Drag & Drop Panels
iGoogleのようにパネルをドラッグ&ドロップで移動。

Easy Widgets
iGoogleのようにパネルの編集・移動が可。

Sortable Columns
iGoogleのようにボックスをドラッグ&ドロップで移動。

Endless Scroll
スクロールをエンドレスに。

Special scroll events
スクロールイベントの取得。

FixClick
クリックとダブルクリックを正確に取得。

spinTheWheel
ダイナミックにホイールしてアクセス。

Fun with Overflows
ドラッグやホイール操作で水平スクロール。

テーブル・リスト関連

Chromatable
既存のテーブルのヘッダを固定表示に。

ListMenu
大量のリストをコンパクトにまとめます。

Expand table rows
折りたたみ表示できるテーブル。

Simple FAQ
検索機能もついた、パネルが開閉するFAQ。

sliding menu revisited
リスト要素のパネルがスライドして拡張。

Easy Display Switch
リストの表示スタイルをアニメーションで切り替え。

Adaptable view
リストの表示形式を変更。

DataTables 1.4
ソート・検索・ハイライトなどが可能な高性能データテーブル。

Table rows as clickable anchors
テーブルの列をハイライト表示。

Table Pagination
テーブルにページ送り機能を設置。

TinySort
テーブルやリストのデータをソート。

フォーム関連

inline form validation
フォームの入力をリアルタイムにチェック。

jQuery Watermark
フォームの入力支援。

iPhone-like password fields
パスワードの最後の一文字だけ表示。

fullTextArea
テキストエリアの入力時にエリアを拡大します。

autoResize
テキスト量に合わせてtextareaを自動リサイズ。

Tabs in Textarea
textareaでタブが使用できるように。

Price Format
金額を整形、カスタマイズ可。

Safari Searcher
検索ボックスをSafari風のデザインに自動変更。

CoolInput
インプットエリアにテキストやアイコンなどを表示します。

image combobox
セレクトにアイコンを配置して分かりやすく。

Radiobutton- und Checkbox-Replacement
チェックボックスとラジオボタンをセクシーに。

Date Picker
インターフェイスも多彩、日付入力支援。

Date Range Picker
日付入力の支援。

Select Cuts Off Options In IE
IEでも全部見えるように。

Make a Select's Options Printable
セレクトボックス内のデータも印刷できるように。

スタイルシート関連

Sizzle
CSS3もサポートしたセレクタエンジン。

Auto line-height
フォントサイズに相対的なline-heightを自動で適用。

Simple Stylesheet Switcher
シンプルなスタイルシートの切り替え。

Simple Text Resizer
テキストのサイズを変更するシンプルなリサイザー。

PfeLoader
スタイルシートで配置した画像もスキャンするプリローダー。

コンテンツ生成

Automatically generate table of contents
指定した要素（hnなど）を抜き出しで目次を自動作成。

Smart Wizard
ステップごとにパネルを順番に表示するウイザードコンテンツ。

jMonthCalendar
イベントも書き込めるカレンダー。

Fancy Quotes
引用を評価するファンシーなシステム。

Sexy Vote
セクシーな投票システム。

jCart
ショッピングカート（要PHP）。

Building a Clickmap with PHP
PHPも使用して、クリックマップ。

その他

Mapbox
Googleマップのように地図を拡大縮小移動。

Get URL parameters & values with jQuery
URLパラメータとバリューを取得します。

Internal Links with Favicon
同一サイト内のリンクにアイコン表示。

jPlayer
ウェブページにMP3プレイヤーを設置。

Music Player
ミュージック プレイヤー。

Pixastic
画像のレタッチや編集。

Jcrop
画像をクロップ。

jQuery browser plugin detection
ブラウザのプラグインを検出。

browser detection
プラグインを検出します。

Ajax Manager
AJAXのリクエストとレスポンスを管理。

xLazyLoader
JS, CSS, 画像ファイルのローダー。