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

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

アラートダイアログ関連 ———————————————————————-

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

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

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

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

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

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: １枚の画像をタイル状に並べてそれぞれアニメーションさせて切り替えるクールな 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（メーソンリー）プラグイン ———————————————————————-

– Masonry – Wookmark jQuery Plugin – yconst/Freetile · GitHub – jquery.vgrid.js – MasonJS – jQuery Nested

その他 ———————————————————————-

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 プラグイン