JavaScript ( jQuery ) ライブラリ・プラグイン・チュートリアルのまとめ

JavaScript ( jQuery ) のライブラリ・プラグイン、解説ページとかを用途・カテゴリ別にまとめてみます。 実際に試していないライブラリがほとんどですが、いつか使う時の為にメモ。

アラートダイアログ関連

Apprise v2
クールなアラートダイアログを表示する jQuery プラグイン。

バルーンヘルプとかツールチップみたいな奴

HelpBalloon.js
オンマウスでツールチップを表示して、閉じるボタンを使ってツールチップを閉じるタイプのスクリプト。 バルーンヘルプ?みたいな奴を表示する。 prototype.jsscript.aculo.us が必要。
参考ページ : [メモ] – sleeping note
Bubble Tooltips
バブルツールチップを表示する。
jTip
jQuery が必要。
Tooltip
色々なツールチップのサンプル。
Fading JavaScript Tooltips 2kb
シンプルで軽いツールチップスクリプト。
Hovercard
ホバー時にインフォメーションを表示する jQuery プラグイン

モーダルウインドウ ( Lightbox ) みたいな物

Litebox の動作イメージ

↑ こんな奴。 画像などをページの前面に表示 ( フローティング? ) するアレ。

Lightbox 2
参考ページ : ゼロからはじめる Lightbox 2.0 – 簡単に Web で写真アルバム機能を
ThickBox
画像やHTML コンテンツを Lightbox みたいに表示できる。 ( ThickBox のサンプル )
Litebox
画像を表示できる。 ( Litebox の設置メモ )
Sexy Lightbox ( 動作デモ )
動作には MooTools が必要です。
Simple Modal
ドラッグで移動も可能なモーダルウインドウを作成する軽量スクリプト

アコーディオンメニュー

jQuery を使ったアコーディオンメニュー – Emotional Web
jQuery を使ったアコーディオンメニューのサンプル
YUI powered javascript Accordion widget
YUI を使っているのかな?

フォーム関連

Screw Default Buttons!
独自デザインのラジオボタン・チェックボックスを超簡単実装できる jQuery プラグイン
jQuery Custom Select Box Plugin – jQuery.customSelect()
独自デザインのセレクトボックスを作成する jQuery プラグイン
ALAJAX
通常のフォームを瞬時に Ajax 化できる jQuery プラグイン
Autosize for textarea
テキストの量に応じて textarea が自動でリサイズするようにできる jQuery プラグイン
jcvl
Mac OS X の Finder 風に動くドリルダウン式選択コンポーネント
fcbkListSelection
Facebook のフレンズセレクタ風 UI を実装できる jQuery プラグイン
Sisyphus
Gmail 風に書き途中のフォーム内容を localStorage に定期的に保存してくれる
Timepicker for jQuery
時間の入力を楽にすることが出来る jQuery プラグイン

ニュースティッカー

jQuery News Ticker
リスト要素で簡単に実装できるニュースティッカー

テーブル関連

Table Pagination
長ーいテーブルも瞬時にページング処理してしまう jQuery プラグイン
colResizable
テーブルのカラムをドラッグ&ドロップでリサイズできるようにする jQuery プラグイン
jQuery.TableEditor
テーブルを直接編集できる jQuery プラグイン

スクロール関連

nicescroll
使うときだけ表示できる iOS 風独自スクロールバー実装 jQuery プラグイン
Tiny Scrollbar
スクロールバーのデザインを変更できる軽量でクロスブラウザ対応の jQuery プラグイン
stickyFloat
ページスクロールでついてくるメニューを実装&色々カスタマイズできる jQuery プラグイン

ドロップダウンメニュー ( Drop-Down Menu )

JavaScript Dropdown Menu with Multi Levels
アニメーションで開閉するドロップダウン型ナビゲーションの軽量スクリプト

イメージギャラリー関連

jQuery Stylish Background Image Sliding effect
1枚の画像をタイル状に並べてそれぞれアニメーションさせて切り替えるクールな jQuery サンプル
Fotorama
直感的な操作性がたのしい、画像ギャラリーのスクリプト
ResponsiveSlides.js
レスポンシブなスライドショーを実装できる jQuery プラグイン
Photobox – CSS3 image gallery jQuery plugin
CSS3 のアニメーションが印象的な jQuery イメージギャラリープラグイン

スライダー

Craftyslide
超シンプルで 1.8KB と軽量な画像スライダー用 jQuery プラグイン
Dynamic Carousel
幅指定の単位にパーセントが使えるコンテンツスライダーの jQuery プラグイン
Slidorion
スライダーとアコーディオンを組み合わせたカッコいい UI 作成 jQuery プラグイン
Flow Slider
これ以上ないと言うくらい簡単に実装できるスライダーのスクリプト
Innovation Slide
紙芝居のようなアニメーションでスライドするスライダー実装 jQuery プラグイン

レスポンシブウェブデザイン ( RWD )

jquery.columns
レスポンシブ対応のレイアウトを素早く構築する jQuery プラグイン

Masonry(メーソンリー)プラグイン

その他

MJL – MITSUE-LINKS JavaScript Library
ウェブ制作補助系のライブラリ。 他の JavaScript ライブラリに依存していないので、他ライブラリとの共存・併用が可能。
Notification Menu
通知件数表示付きのメニュー実装 jQuery プラグイン
Lazy Loading Script
スクリプトを指定したタイミングで読み込ませる jQuery プラグイン
円形で回転するタイマーを実装できる jQuery サンプル
指定秒数のカウントダウンタイマーみたいなの。
jWise.js
文字を映画ばりにカッコよくアニメーションさせる jQuery プラグイン
jQuery Transit
超スムーズな CSS3 アニメーションを実装する jQuery プラグイン
stalactite
要素を遅延表示させながらレンガ風に整列させるシンプルで軽量な jQuery プラグイン
Simple Elements Mapper
ページ内に自動でビジュアル付きのスムーズスクロールを実装する軽量な jQuery プラグイン
slideshowify.js
画像を画面いっぱいに広げてフェードエフェクトで切り替えるスライドを実装する jQuery プラグイン
PanoJS3
大きなパノラマ写真を Google Map 風インタフェースで拡大縮小させられるライブラリ
jqPagination
jQuery でページ送りのインタフェースが簡単に作れるプラグイン
Arborescence.js
階層的な div をツリービュー風に変換する jQuery プラグイン
jQuery Org Chart
組織図っぽい図を簡単に作れる jQuery プラグイン
jQuery.ui.touch-punch.js
iPhone や iPad でドラッグやリサイズ可能なコンテンツを容易に実装出来る
PageSlide Responsive
モバイルサイズになると自動でグローバルメニューを Path のような横スライド式に切り替える軽量 jQuery プラグイン
Breakpoints.js
複数の表示サイズごとに異なるイベントが設定できる Responsive Web Design 用のスクリプト
Keep-in-View
ヘッダーとフッターを常時表示する jQuery ライブラリ
jquery-textresize-event
ユーザのテキスト表示サイズ変更を検知する jQuery ライブラリ
monitter
Twitter 検索結果をリアルタイム表示する jQuery プラグイン
Responsive Menu
ウィンドウサイズに応じて li 要素と select 要素を切り替えるレスポンシブなメニューを実装する軽量 jQuery プラグイン
jQuery YouTube TubePlayer Plugin
iOS で使える HTML5 ベースの YouTube プレイヤー実装 jQuery プラグイン
Link Scrapper TextBox
テキストボックスに入力した URL のタイトル・概要・画像を取得する jQuery プラグイン

新しいライブラリを見つけたら追記する予定。 商用利用可能かどうかのライセンスについてもまとめたい…。

ちなみに、jQuery プラグインをカテゴリ別にまとめた jQuery Clip と言うサイトもあるようです。

コメントを残す

メールアドレスが公開されることはありません。