[JS]jQueryのプラグイン33+1選 -2011年1月
Post on:2011年2月3日
紹介済みから未紹介のものまで、jQueryのプラグイン34選です。
![デモのキャプチャ](/wp-content/uploads-2011/201101-08.png)
Apple Effect
サイトをApple風に打ち出しコンテンツからフェードインで表示。
![デモのキャプチャ](/wp-content/uploads-2011/201101-25.png)
ModalPop
ValidなHTML5で実装された軽量のモーダルウインドウ。
![デモのキャプチャ](/wp-content/uploads-2011/201101-09.png)
Merging Image Boxes
サムネイル画像を合体させるエフェクトでみせる画像ギャラリー。
[ad#ad-2]
![デモのキャプチャ](/wp-content/uploads-2011/201101-10.png)
Overlay Effect Menu
オーバーレイのエフェクトがかっこいいナビゲーション。
![デモのキャプチャ](/wp-content/uploads-2011/201101-17.png)
jMenu
孫アイテムにも対応した水平タイプのアニメーションで動作するナビゲーション。
![デモのキャプチャ](/wp-content/uploads-2011/201101-04.png)
Booklet
本をめくるように複数のパネルを配置したコンテンツ。
![デモのキャプチャ](/wp-content/uploads-2011/201101-12.png)
Fancy Moves
キーボード操作にも対応したダイナミックなコンテンツスライダー。
![デモのキャプチャ](/wp-content/uploads-2011/201101-01.png)
Tiny Carousel
省スペース用のカルーセル、タブにも対応。
![デモのキャプチャ](/wp-content/uploads-2011/201101-31.png)
ImageCloud
Googleの2010年のクリスマスに実装されたようなImage Cloud。
![デモのキャプチャ](/wp-content/uploads-2011/201101-03.png)
jQuery UI CoverFlow 2.0
CSS3を使ったカバーフロー。
![デモのキャプチャ](/wp-content/uploads-2011/201101-24.png)
μGallery
軽量でクリーンな画像ギャラリー。
![デモのキャプチャ](/wp-content/uploads-2011/201101-14.png)
SLICE-PHOTO
SPLIT-PHOTO
TRANSIT-PHOTO
ダイナミックで多彩なアニメーションで画像を変更。
![デモのキャプチャ](/wp-content/uploads-2011/201101-27.png)
imBannerRotater
複数のバナー(画像)をローテーションで表示(カルーセルにも対応)。
![デモのキャプチャ](/wp-content/uploads-2011/201101-26.png)
Flyout Ribbon
ページの端からリボンのように、するするとアニメーションで表示。
![デモのキャプチャ](/wp-content/uploads-2011/201101-15.png)
MobilyMap
好きな画像でGoogle Mapsのようなドラッグできるコンテンツを作成。
![デモのキャプチャ](/wp-content/uploads-2011/201101-20.png)
Contained Sticky Scroll
スクロールに追従するコンテンツ。
![デモのキャプチャ](/wp-content/uploads-2011/201101-05.png)
rotate3Di
エレメントを3D回転させます。
![デモのキャプチャ](/wp-content/uploads-2011/201101-23.png)
Shadow animation
CSS3のbox shadowでつけた影をアニメーション。
[ad#ad-2]
![デモのキャプチャ](/wp-content/uploads-2011/201101-33.png)
Color animation
テキスト、背景、ボーダーのカラーをアニメーションできます。
![デモのキャプチャ](/wp-content/uploads-2011/201101-02.png)
Face Detection
写真画像から顔を自動判別。
![デモのキャプチャ](/wp-content/uploads-2011/201101-06.png)
jQuery Scratchie
2枚の画像を使用して、スクラッチカードのように削れるようにします。
![デモのキャプチャ](/wp-content/uploads-2011/201101-13.png)
Snowfall
ページに雪を降らせます。
![デモのキャプチャ](/wp-content/uploads-2011/201101-22.png)
arbor.js
グラフ ビジュアライゼーションのライブラリ。
![デモのキャプチャ](/wp-content/uploads-2011/201101-19.png)
validVal
HTML5にも対応したシンプルなフォームのバリデーション。
![デモのキャプチャ](/wp-content/uploads-2011/201101-07.png)
SleepIt!
フォームのエレメントをユーザーが追加・削除を可能にします。
![デモのキャプチャ](/wp-content/uploads-2011/201101-29.png)
Signature Pad
シグネチャを手書きできます。
![デモのキャプチャ](/wp-content/uploads-2011/201101-32.png)
jQuery File Upload
ドラッグ&ドロップでファイルがアップできます。
![デモのキャプチャ](/wp-content/uploads-2011/201101-16.png)
Pines Grid
ソート、ページネーションなど高性能なデータテーブル。
![デモのキャプチャ](/wp-content/uploads-2011/201101-21.png)
Absolutely Position Element Within a Table Cell
テーブルのセル内の配置をコントロール。
![デモのキャプチャ](/wp-content/uploads-2011/201101-30.png)
paginateTable
テーブルで実装したコンテンツをページネーション化。
![デモのキャプチャ](/wp-content/uploads-2011/201101-28.png)
jLy1
オリジナルの短縮URLを生成します。
![デモのキャプチャ](/wp-content/uploads-2011/201101-11.png)
SmartColumnScroller
異なる高さのカラムごとにスクロールを変更。
![デモのキャプチャ](/wp-content/uploads-2011/201101-18.png)
custom content scroller
コンテンツにオリジナルのスクロールバーを設置可能(アニメーションにも対応)。
![デモのキャプチャ](/wp-content/uploads-2011/201101-00.png)
スムーズ ページスクローラー
最後は、コリス作です。
機能を追加しました、詳しくは「更新- 3.0.8」を参照ください。
sponsors