[JS]jQueryのプラグイン33+1選 -2012年7月

紹介済みから未紹介のものまで、jQueryのプラグイン34選です。

デモのキャプチャ

approach
アニメーションを時間ではなく、距離でコントロールします。

デモのキャプチャ

JSTween
簡単な記述でエレメントをCSS3などを使ってアニメーションさせます。

デモのキャプチャ

timing
スクリプト実行のタイミング(遅延時間・回数・リピートなど)を設定できます。

デモのキャプチャ

jQuery Pulse Animation Plugin
心臓が脈打つように連続した同一のアニメーションでスタイルを変更します。

デモのキャプチャ

fc.tape
商品をぐるぐるとアニメーションで回転させたり、コマ送り動画のように画像を再生させます。

デモのキャプチャ

jsMovie
BMP画像を使ってパラパラ漫画を作成します。

デモのキャプチャ

Accarousel
アコーディオンとカルーセルが組み合わさった画像ギャラリー。

デモのキャプチャ

A jQuery Picture
表示サイズに合わせて、最適な画像を配置します。

デモのキャプチャ

Baseline
画像をベースラインに揃えてきっちり表示します。
左:未、右:適用後

デモのキャプチャ

Grid Slide Plugin
グリッドに沿ってさまざまな要素を互い違いにスライドさせます。

デモのキャプチャ

Filters
アイテムをアニメーションでフィルタ分類します。

デモのキャプチャ

jQuery Shadow
div要素にさまざまなシャドウを適用します。

デモのキャプチャ

HorizontalNav
水平タイプのナビゲーションのスタイルを壊すことなく、配置エリア・表示サイズに合わせて最適化します。

デモのキャプチャ

BoxyMenu
アニメーションでパネルがめくれるボックスタイプのナビゲーション。

デモのキャプチャ

TinyNavi
リストで実装したナビゲーションをスマフォでドロップダウンにします。

デモのキャプチャ

SelectNavi
リストで実装したナビゲーションをスマフォでドロップダウンにします。

デモのキャプチャ

Nestable
スマフォ対応、ネストしたリストの階層を移動できます。

デモのキャプチャ

Backbone.Notifier
さまざまなタイプの通知パネルをアニメーションで表示します。

デモのキャプチャ

Envelope.js
jQueryUIやTwitter Bootstrapでも動作するメッセージを表示します。

デモのキャプチャ

gips
表示位置やタイミングを調整できるツールチップ。

デモのキャプチャ

JQVMap
拡大縮小のサイズ変更が可能なベクトルの地図を生成します。

デモのキャプチャ

Repo.js
GitHubのリポジトリをページに埋め込めます。

デモのキャプチャ

Handsontable
Excelのように表のデータを編集できます。

デモのキャプチャ

Happy.js
フォームに入力された値をチェックします。

デモのキャプチャ

Select2
セレクトボックスのデザインを変更し、タグや検索など機能を追加します。

デモのキャプチャ

jQuery Selectable
チェックボックスやラジオボタンをおしゃれなデザインに。

デモのキャプチャ

Zebra
軽量の日付入力支援。

デモのキャプチャ

Percentage Loader
読み込み状態をパーセントで表示するプログレスウィジェット。

デモのキャプチャ

Easy Pie Chart
さまざまなデザインの円グラフが簡単に作成できます。

デモのキャプチャ

mobile.lazyloader
スマフォ用にサーバーサイドのリソースを遅延でローディングします。

デモのキャプチャ

IE Alert
IE6/7/8の古いバージョンのユーザーにメッセージを表示します。

デモのキャプチャ

nanoScroller
小さいサイズのスクロールバー。

デモのキャプチャ

vanity
スライダー・タブ・ページネーションなど、最近のサイトで見かける仕掛けが揃ってます。

デモのキャプチャ

スムーズ ページスクローラー
最後は、コリス作です。

top of page

©2017 coliss