[JS]jQueryのプラグイン100選 -2008年総集編
Post on:2008年12月3日
sponsors
2008年に紹介したものを中心としたjQueryのプラグイン100選です。
- ギャラリー・画像拡大関連
- ナビゲーション関連
- タブ関連
- パネル・ボックス関連
- 角丸関連
- ツールチップ関連
- レイアウト補助関連
- その他UI関連
- エフェクト関連
- スクロール・ドラッグなど操作関連
- グラフ関連
- テーブル・リスト関連
- フォーム関連
- スタイルシート関連
- マウス・キーボード関連
- その他
各カテゴリの振り分けは微妙なものも多々あります。
ギャラリー・画像拡大関連のjQueryのプラグイン
jquery.popeye
省スペースの画像ギャラリー。
Galleria
画像ギャラリー。
nyroModal
多機能なLightbox風にコンテンツを表示。
MopBox
スライド機能付きの移動可能なボックスを表示。
prettyPhoto
かわいい感じのLightbox風スクリプト。
Shadowbox
複数のJavaScriptライブラリに対応したLightbox。
Slider Gallery
Apple風のスライドギャラリー。
morphing gallery
モーフィングする画像ギャラリー。
3D Image Carousel
画像を3Dの空間に回転させるカルーセル。
jParallax
複数のパネルを重ねて、視差で3D効果。
Garage Door Style Menu
シャッターのようにアニメーションで開閉。
s3Slider
打ち出し画像をフラッシュっぽく。
productPlacement
ダイナミックにコンテンツを拡大縮小表示。
CrossSlide
画像をクロスフェードさせながら変更。
WDP Zoomer
画像をズーム表示。
jQuery Cycle Plugin
画像効果。
jQuery Thumbs
サムネイルを生成。
iFixPng improved
IE6で透過PNGを表示するiFixPngの改良版。
dwImageProtector
画像を簡単にダウンロードできないように。
Lazy Load
表示されてから画像を読み込む。
gradient
画像を使用しないでグラデーションを生成。
ナビゲーション関連のjQueryのプラグイン
Background Image Animations
背景画像をアニメーション。
LavaLamp Menu
現在位置・ホバー時のハイライトの動きが気持ちいいいナビゲーション。
Superfish
水平・垂直型に対応した、アニメーションで開閉するドロップダウン。
droppy
アニメーションで開閉する多段階層対応のドロップダウン。
iPod-style Drilldown Menu
iPod風に切替わるドリルダウンメニュー。
Column Navigation
Mac OS X風のカラムのナビゲーション。
Accordion Menu script
さまざまなアコーディオン。
タブ関連のjQueryのプラグイン
idTabs
さまざまな形状のタブを実装。
JQuery TabContainer Theme with Tab Transition Animations
フェードするタブ。
jQuery UI Tabs
フェードやスライドなどのエフェクトで開くタブ。
Coda-Slider
タブ以外にもリンクを設置できるスライダー。
パネル・ボックス関連のjQueryのプラグイン
Kwicks
スムーズに伸び縮み。
Horizontal Accordion
水平型のダイナミックなアコーディオン。
SimpleModal
シンプルなモーダルウインドウ。
jGrowl
Mac OS XのGrowl風にメッセージを表示。
wSlide
さまざまなエフェクトでパネルをスライド。
MopSlider
オート・マニュアルに対応したコンテンツスライダー。
jQuery Growl
次々に告知を表示。
Scroll your HTML
ホイールにも対応した高機能なスクロールするコンテンツ。
角丸関連のjQueryのプラグイン
jquery-roundcorners-canvas
角丸生成。
Cornerz
要素の角丸化。
Anti-aliased Rounded corners
アンチエイリアスの角丸。
ツールチップ関連のjQueryのプラグイン
MopTip
個々のサイズやトリガー調整が可能なツールチップ。
Easiest Tooltip and Image Preview Using jQuery
テキストや画像のツールチップ。
Tipsy
ツールチップ。
Coda Popup Bubbles
ツールチップをふわっと表示。
レイアウト補助関連のjQueryのプラグイン
Equal Heights
異なるカラムの高さを揃えます。
Position Footer
フッタを最下部に固定。
jScrollPane
オリジナルのバーで、スクロールパネルを実装。
jquery.biggerlink
リンクのエリアを拡大。
Link Scrubber
リンクのoutlineを自動消去。
その他UI関連のjQueryのプラグイン
Interface elements for jQuery
インターフェイス関連、多種多様。
iNettut
iGoogle風のインターフェイス。
Developing an accessible slider
アクセシブルなスライダー。
エフェクト関連のjQueryのプラグイン
jRails -jQuery on Rails
21種類のエフェクトを実装。
jQuery Easing Plugin
多種多様なイージング。
Bounce
パネルの開閉時にバウンドのアニメーション。
Map Hilight
複雑な形状でもハイライト表示。
seekAttention
注目箇所だけハイライトのアニメーションで強調。
スクロール・ドラッグなど操作関連のjQueryのプラグイン
スムーズ ページスクローラー
ページ内アンカーにスムーズスクロール。
Smart Floating Banners
スクロールしても定位置に表示。
Sortables
コンテンツをドラッグ。
jqDnR
ドラッグ&ドロップ、リサイズのシンプル版。
グラフ関連のjQueryのプラグイン
flot
チャートやグラフを描画。
Creating accessible charts using canvas and jQuery
変更したデータをリアルタイムに円・折れ線・棒グラフに反映。
jQuery Sparklines
インラインにグラフを配置。
テーブル・リスト関連のjQueryのプラグイン
Flexigrid
テーブルのUI拡張。
Animated Sortable Datagrid
アニメーションでソートするテーブル。
ingrid the jQuery Datagrid
データグリッド。
Tablesorter 2.0
データのソート。
Table Hover
テーブルのホバー箇所をハイライト。
ListNav
リストの高機能なナビゲーションを作成。
Multi Column List
リストをマルチカラムに。
フォーム関連のjQueryのプラグイン
jqTransform
フォームのデザイン変更やアニメーションを追加。
prettyCheckboxes
チェックボックスやラジオボタンを装飾。
Geogoer VChecks
チェックボックスをドレスアップ。
File Style Plugin for jQuery
「input type="file"」をスタイリング。
Context highlighting
フォーカスした箇所だけデザイン変更して強調。
Justify elements
ツラを合わせて表示。
jQuery textarea resizer plugin
textareaを縦方向にサイズ変更。
jQuery auto-tabbing and filter plugin
自動タブ機能。
datePicker
日付の入力支援。
スタイルシート関連のjQueryのプラグイン
jQuery StyleSwichter
スタイルシートの切替。
Styleswitch jQuery Plugin
スタイルシートの切替。
Font-Sizer
フォントサイズを任意の値に変更。
jQuery Browser Plugin
ブラウザを判別して、スタイルシートで利用。
Automated image preloading
CSSに記述した画像を自動プリロード。
マウス・キーボード関連のjQueryのプラグイン
event.drag, drop, hover, wheel
ドラッグ、ドロップ、ホバー、ホイールとマウスイベントの機能強化。
jGesture
マウスジェスチャーの取得。
WheelSpiner
マウスのホイールイベントを取得。
js-hotkeys
キーボードイベントの取得。
Creating a Virtual jQuery Keyboard
バーチャル キーボード。
その他のjQueryのプラグイン
jQuery SWFObject
フラッシュコンテンツを設置。
jPrintArea
指定した範囲のみ印刷。
addSizes.js: automatic link file-size generation
ファイルサイズを自動で表示。
Wresize
IE6, 7のリサイズイベント対応。
Countdown
タイムゾーンも切り替えられる高機能なカウントダウン。
history
AJAXの履歴を管理。
sponsors
