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
- 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(メーソンリー)プラグイン ———————————————————————-
– 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 プラグイン
新しいライブラリを見つけたら追記する予定。 商用利用可能かどうかのライセンスについてもまとめたい…。
ちなみに、jQuery プラグインをカテゴリ別にまとめた jQuery Clip と言うサイトもあるようです。