jQueryプラグイン人気ランキング20【2014年版】

  • rank20DependentSelects

    フォーム

    DependentSelects

    DEMO詳細

    DependentSelectsは、セレクトボックスの選択に応じて、次のセレクトボックスの内容を動的に変更することができるプラグインです。
    HTMLタグの記述が若干手間ではありますが、ユーザービリティーのあるフォームを作ることができそうです。

  • rank19custombox

    モーダル・ポップアップ

    custombox

    DEMO詳細

    customboxは、豊富なアクションを持つモーダルを設置できるプラグインです。
    シンプルですが、表示時のアニメーションが豊富に用意されているので、色々な見せ方ができそうです。
    letmein, makeway, slipのアクションを使うとhatenaボタンのブックマークボタンが消える現象が起こります。
    body以下の要素が.custombox-containerに移動する時に、hatenaボタンのiframe内のhtml要素が全て空になってしまうためなのですが、原因がよくわかりません。
    無理やり対策しているのですが、挙動が少しおかしくなっています。

  • rank18slideToucher

    スクロール

    slideToucher

    DEMO詳細

    slideToucherは、上下左右方向へのスワイプ、スライドを実装できるプラグインです。
    PCでも使えますが、スマホ向けですね。

  • rank17Handsontable

    テーブル

    Handsontable

    DEMO詳細

    Handsontableは、エクセル風に操作できるテーブルをとても簡単に設置できるプラグインです。
    ユーザーがサイト内でテーブルを自由に編集できるようにしたければこいつできまり!

  • rank16PageSlide

    メニュー

    PageSlide

    DEMO詳細

    PageSlideは、スマホサイトでしばしば見かける、横からゴゴゴゴと出てくるサイドメニューを設置できるプラグインです。
    サイドメニューをiframeで表示することも可能です。

  • rank15Zoomer

    Zoomerは、画像の拡大縮小表示ができるプラグインです。
    複数の場合は、画像送りもついてきますし、シンプルですが便利なプラグインです。

  • rank14Pikachoose

    スライダー

    Pikachoose

    DEMO詳細

    Pikachooseは、サムネイル付きスライダーを簡単に設置できるプラグイン。
    もちろん、サムネイル無しも設置でき、キャプション表示や、別途css、jsを読みこめば、豊富なスライドアニメーションやカルーセルを実装できます。
    DLファイル内にサンプルがたくさんあるので、やり方も簡単にわかります。

  • rank13jcarousel

    スライダー

    jcarousel

    DEMO詳細

    jcarouselは、カスタマイズ性のあるカルーセルを設置できるプラグインです。
    オプションやAPIも用意されているので、自分好みにカスタマイズもOK!
    IE8+でanimateでのスライドは動きますが、css3のtransitionを使ったアニメーションはIE10+になります。

  • rank12timepicker

    フォーム

    timepicker

    DEMO詳細

    timepickerは、時間の入力を簡単にしてくれるプラグインです
    現在時刻のセット、コールバック、などなど時間入力専門なので細かいカスタマイズができます
    Githubにも使用方法の説明があるので参考にして下さい

  • rank11MeanMenu

    メニュー

    MeanMenu

    DEMO詳細

    MeanMenuは、レスポンシブメニューを簡単に設置できるプラグインです。
    ブレークポイント等色々と細かい設定もできるようになっています。

  • rank10Multilevelpushmenu

    メニュー

    Multilevelpushmenu

    DEMO詳細

    Multilevelpushmenuは、横から重なるようにメニューが出てくるありそうでなかったプラグインです。
    多階層になっているメニューの表示の仕方がありそうでなかった感じです。
    アコーディオンに飽きたあなたのためのプラグインです。ぜひ一度お試しを!

  • rank9FullCalendar

    カレンダー

    FullCalendar

    DEMO詳細

    FullCalendarは、簡単にカレンダーを設置できるプラグインです。
    Googleカレンダーとの同期やJSONでイベントを取得したりと、なかなかの高機能ぶりです。

  • rank8Swipebox

    スライダー

    Swipebox

    DEMO詳細

    Swipeboxは、一味違う全画面スライダーを設置できます。
    名前の通りスマホのスワイプ動作でも動く、スマホ対応なスライダーです。

  • rank7DataTables

    テーブル

    DataTables

    DEMO詳細

    DataTablesは、テーブルに検索機能、ページ送り機能、ソート機能を追加できるプラグインです。
    検索ボックスなどはオプションで表示、非表示を切り替えられます。
    IE6でも一応機能します。

  • rank6photobox

    モーダル・ポップアップ

    photobox

    DEMO詳細

    photoboxは、とりあえずイケてます。
    見せ方、動き、滑らかさ、設置の容易さ、機能の豊富さ、どれをとっても抜群です。
    レスポンシブにも対応してるし、今夜のモーダルはこいつで決まり!
    対応ブラウザはIE8+になっていますが、現実的な動作としてはIE9+からといった感じ

  • rank5MagnificPopup

    モーダル・ポップアップ

    MagnificPopup

    DEMO詳細

    MagnificPopupは、画像、フォーム、動画などをモーダルで表示できるプラグイン。
    シンプル目な見た目とは裏腹になかなか豊富な機能を備えています。

  • rank4GalleryView

    画像ギャラリー

    GalleryView

    DEMO詳細

    GalleryViewはなかなかすごい画像ギャラリーです。
    とても簡単なHTMLで多機能な画像ギャラリーが設置可能です。
    ドキュメントが少ないので、自分でどんどんカスタマイズしていきましょう。

  • rank3PassStrength

    フォーム

    PassStrength

    DEMO詳細

    PassStrengthは、入力されたパスワードの強度をわかりやすく表示してくれるプラグインです。
    セキュリティレベルの設定や、表示するラベルの色、カラーなどをオプションから変更することができます。

  • rank2Tooltipster

    吹き出し

    Tooltipster

    DEMO詳細

    Tooltipsterは、非常に豊富な機能をもった吹き出しプラグインです。
    設置はとても簡単ですが、オプションがとても豊富に用意されているので、自分好みに細かくカスタマイズ可能です。
    こりゃすげーや

  • rank1Boxer

    モーダル・ポップアップ

    Boxer

    DEMO詳細

    Boxerはシンプルなモーダルを設置できるプラグインです。
    シンプルですが、オプションでの設定が豊富なので細かいカスタマイズができそうです。