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

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

jQueryのプラグイン100選 -2008年

各カテゴリの振り分けは微妙なものも多々あります。

ギャラリー・画像拡大関連の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の履歴を管理。

デモのキャプチャ

jQuery meets Table of Contents
見出し抽出。

top of page

©2017 coliss