[JS]jQueryのプラグイン33+1選 -2012年10・11月
Post on:2012年11月21日
紹介済みから未紹介のものまで、jQueryのプラグイン34選です。
![デモのキャプチャ](/wp-content/uploads-2012-2d/201211-24.png)
Grid-A-Licious
スピーディなアニメーションでグリッドを最適化するレスポンシブ対応のレイアウトを生成。
![デモのキャプチャ](/wp-content/uploads-2012-2d/201211-33.png)
Shapeshift
ドラッグアンドドロップでレイアウトを変更できるPinterest風のグリッドを生成。
![デモのキャプチャ](/wp-content/uploads-2012-2d/201211-09.png)
equalize.js
高さや幅が不揃いのDOM要素を同じ高さ・幅にします。
height, width, outer-, inner- に対応
![デモのキャプチャ](/wp-content/uploads-2012-2d/201211-20.png)
Windy
木枯らしに舞う葉っぱのようなアニメーションでパネルを表示します。
![デモのキャプチャ](/wp-content/uploads-2012-2d/201211-23.png)
PFold
エレメントを小さく折り畳んだ紙のようにパタパタ広げます。
![デモのキャプチャ](/wp-content/uploads-2012-2d/201211-04.png)
oriDomi
画像やDOM要素をアニメーションで紙のように折り畳みます。
![デモのキャプチャ](/wp-content/uploads-2012-2d/201211-27.png)
Makisu
巻き簾のようにくるっとはらりとなるドロップダウン。
![デモのキャプチャ](/wp-content/uploads-2012-2d/201211-29.png)
jGravity
ページ内の指定したエレメント、または全てに重力を加えます。
![デモのキャプチャ](/wp-content/uploads-2012-2d/201211-31.png)
Motio
FPS値やスピードを簡単に調整できるCSSスプライトベースのアニメーションを実装。
![デモのキャプチャ](/wp-content/uploads-2012-2d/201211-10.png)
ContentHover
画像などのDOM要素にホバー時、コンテンツをアニメーションで表示します。
![デモのキャプチャ](/wp-content/uploads-2012-2d/201211-14.png)
Cycle2
さまざまなアニメーションを使ったスライドショー。
![デモのキャプチャ](/wp-content/uploads-2012-2d/201211-22.png)
jq-tiles
タイル状のエフェクトで画像を切り替えるギャラリー。
![デモのキャプチャ](/wp-content/uploads-2012-2d/201211-15.png)
lenticular.js
スマフォの傾きで画像を回転させたりして動かします。
![デモのキャプチャ](/wp-content/uploads-2012-2d/201211-26.png)
NailThumb
元画像のアスペクト比を維持したままサムネイルを自動生成します。
![デモのキャプチャ](/wp-content/uploads-2012-2d/201211-03.png)
PowerTip
さまざまな要素にアニメーションでツールチップを表示します、カスタマイズも豊富。
![デモのキャプチャ](/wp-content/uploads-2012-2d/201211-05.png)
Tooltipster
クリーンなHTML5で実装できる超軽量のツールチップ。
![デモのキャプチャ](/wp-content/uploads-2012-2d/201211-01.png)
jPanelMenu
タップ or クリックでメニューを横から表示します。
![デモのキャプチャ](/wp-content/uploads-2012-2d/201211-07.png)
MagicNav
指定したエレメントからナビゲーションを生成します。
例:h1の見出しのみ、FAQのQのみ、など
![デモのキャプチャ](/wp-content/uploads-2012-2d/201211-18.png)
jQRangeSlider
2つの値をコントロールできるレンジスライダー、イベントも取得します。
![デモのキャプチャ](/wp-content/uploads-2012-2d/201211-16.png)
prettyCheckable
チェックボックスやラジオボタンをかわいくスタイルします。
![デモのキャプチャ](/wp-content/uploads-2012-2d/201211-12.png)
Jarallax
さまざまなパララックスエフェクトを簡単に実装できます。
![デモのキャプチャ](/wp-content/uploads-2012-2d/201211-08.png)
Foggy
ページの指定した要素をぼかして表示します。
![デモのキャプチャ](/wp-content/uploads-2012-2d/201211-06.png)
Avgrund Modal.
表示ページに遠近感をもたせてモーダルボックスを表示します。
![デモのキャプチャ](/wp-content/uploads-2012-2d/201211-25.png)
Kwicks
滑らかなアニメーションでパネルを伸縮させます。
![デモのキャプチャ](/wp-content/uploads-2012-2d/201211-32.png)
Sly
画像やコンテンツを水平・垂直方向に気持ちよくスクロールさせます。
![デモのキャプチャ](/wp-content/uploads-2012-2d/201211-19.png)
floatShare
ソーシャルメディアのシェアボタンのパネルをフロートで設置。
![デモのキャプチャ](/wp-content/uploads-2012-2d/201211-17.png)
Responsive IFrames
iframeコンテンツもレスポンシブ対応にします。
![デモのキャプチャ](/wp-content/uploads-2012-2d/201211-13.png)
Responsive Measure
表示サイズに合わせて、各要素のフォントサイズを設定できます。
![デモのキャプチャ](/wp-content/uploads-2012-2d/201211-02.png)
Pagify.js
アニメーションでページを切り替える1ページで構成されたウェブサイトを作成します。
![デモのキャプチャ](/wp-content/uploads-2012-2d/201211-11.png)
jwerty
キーボードイベントを取得して、ショートカットを設定できます。
![デモのキャプチャ](/wp-content/uploads-2012-2d/201211-30.png)
jquery-url
シンプルで軽量のURLパーサー。
![デモのキャプチャ](/wp-content/uploads-2012-2d/201211-28.png)
uiji
DOMエレメントを生成します。
![デモのキャプチャ](/wp-content/uploads-2012-2d/201211-21.png)
nanoScroller
必要な時だけ小さいスクロールバーを表示します。
![デモのキャプチャ](/wp-content/uploads-2012-2d/201211-00.png)
スムーズ ページスクローラー
最後は、コリス作です。
sponsors