note から WordPress に出戻りました！😭

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

だるかぶ

サンダルでスーパーカブ乗りの『だるかぶ』です！
ご訪問ありがとうございます。ゆっくりしていってね。（本ページは広告を含みます。）

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

この記事の目次 非表示

アラートダイアログ関連

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

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

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

Litebox の動作イメージ

Litebox の動作イメージ

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

アコーディオンメニュー

フォーム関連

  • 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 )

イメージギャラリー関連

スライダー

  • 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 と言うサイトもあるようです。

現場からは以上です。それでは、またッ！！！

前の記事

[ JavaScript ] クォーテーションがらみの構文エラ…

次の記事

[ JavaScript ] jTip – ツール…