[JS]jQueryのプラグイン33+1選 -2012年8・9月
Post on:2012年9月24日
紹介済みから未紹介のものまで、jQueryのプラグイン34選です。
![デモのキャプチャ](/wp-content/uploads-2012/201209-07.png)
BigVideo.js
MP4などの動画をウェブページの背景いっぱいに配置します。
![デモのキャプチャ](/wp-content/uploads-2012/201209-08.png)
Video Background
サイズ変更可能な動画をページやエレメントの背景に配置します。
![デモのキャプチャ](/wp-content/uploads-2012/201209-09.png)
tubular
YouTubeの動画をページの背景に配置します。
![デモのキャプチャ](/wp-content/uploads-2012/201209-30.png)
Allofthelight.js
動画などのコンテンツを集中して楽しめるように周りを暗くします。
![デモのキャプチャ](/wp-content/uploads-2012/201209-02.png)
iView
キャプションのアニメーションがかっこいい、スマフォ・IE6にも対応したスライダー。
![デモのキャプチャ](/wp-content/uploads-2012/201209-01.png)
iosSlider
コンテンツスライダ・カルーセル・画像ギャラリーなど、タッチデバイス対応のスライダー。
![デモのキャプチャ](/wp-content/uploads-2012/201209-03.png)
Evo Slider
さまざまなレイアウトを備えたカスタマイズに優れたスライダー。
![デモのキャプチャ](/wp-content/uploads-2012/201209-04.png)
RSlider
フルスクリーン、レスポンシブ デザイン対応のコンテンツ・画像スライダー。
![デモのキャプチャ](/wp-content/uploads-2012/201209-10.png)
Adaptor -Box Slider
フェードやスライドをはじめ、3Dの面白いエフェクトも備えたスライダー。
![デモのキャプチャ](/wp-content/uploads-2012/201209-05.png)
Really Simple Slideshow
画像を動的にロードするシンプルなスライダー。
![デモのキャプチャ](/wp-content/uploads-2012/201209-06.png)
Responsive Carousel
マウス・キーボード・タッチ操作可能、レスポンシブ対応のカルーセル。
![デモのキャプチャ](/wp-content/uploads-2012/201209-25.png)
Monte
IE6にも対応、画像・HTML用のシンプルなカルーセル。
![デモのキャプチャ](/wp-content/uploads-2012/201209-11.png)
JZoopraxiscope
静的な画像からアニメーションを作り出します。
![デモのキャプチャ](/wp-content/uploads-2012/201209-13.png)
tildShift
CSS3のイメージフィルターで画像をミニチュア風のチルトシフトにします。
![デモのキャプチャ](/wp-content/uploads-2012/201209-14.png)
Fresco
レスポンシブ対応、画像をLightbox風に拡大表示します。
![デモのキャプチャ](/wp-content/uploads-2012/201209-23.png)
Zoom
onmousehover or onmousedownで画像を拡大表示します。
![デモのキャプチャ](/wp-content/uploads-2012/201209-12.png)
BoolBlock
本のページをめくるようにコンテンツを次々に表示します。
![デモのキャプチャ](/wp-content/uploads-2012/201209-18.png)
gridster
パネルをグリッドに沿ってドラッグ&ドロップで移動し、レイアウトを自由に構築できます。
![デモのキャプチャ](/wp-content/uploads-2012/201209-19.png)
BlocksIt.js
エレメントをグリッド状にランダムに配置したり、Pinterest風に配置します。
![デモのキャプチャ](/wp-content/uploads-2012/201209-20.png)
Socialist
ソーシャルコンテンツをまとめてPinterest風レイアウトで表示します。
![デモのキャプチャ](/wp-content/uploads-2012/201209-21.png)
Freetile
レスポンシブ レイアウト対応のアニメーション有無で隙間なくパネルを配置します。
![デモのキャプチャ](/wp-content/uploads-2012/201209-22.png)
stalactite
パネルを隙間なく配置、こちらはLazy Load対応。
![デモのキャプチャ](/wp-content/uploads-2012/201209-28.png)
noUiSlider
2つのハンドルを備えたレンジスライダー。
![デモのキャプチャ](/wp-content/uploads-2012/201209-17.png)
gauge.js
ゲージと数字が連動して、クルマのメーターのようなアニメーション。
![デモのキャプチャ](/wp-content/uploads-2012/201209-26.png)
Smart Time Ago
指定した日時の現在からの相対的な時間を表示します。
![デモのキャプチャ](/wp-content/uploads-2012/201209-27.png)
BlackCalculator
ページに電卓を設置します。
![デモのキャプチャ](/wp-content/uploads-2012/201209-29.png)
trunk8
コンテンツエリアを測定し、テキストが溢れる場合にmoreボタンを設置。
![デモのキャプチャ](/wp-content/uploads-2012/201209-31.png)
Typist
テキストを一文字ずつタイプライターのように表示、行送りや一時停止にも対応。
![デモのキャプチャ](/wp-content/uploads-2012/201209-24.png)
Blend
コンテンツと背景の間に滑らかなフェードのアニメーションを適用。
![デモのキャプチャ](/wp-content/uploads-2012/201209-33.png)
MagicNav
指定した要素を抽出して、自動でページ内アンカーのナビゲーションを設置。
![デモのキャプチャ](/wp-content/uploads-2012/201209-15.png)
StickyMojo
スクロールしても定位置に表示させるパネルを設置。
![デモのキャプチャ](/wp-content/uploads-2012/201209-32.png)
Stick 'em
複数の指定した範囲ごとにスクロールに追従するパネルを設置します。
![デモのキャプチャ](/wp-content/uploads-2012/201209-16.png)
Infinite Scroll
ウェブページやWordPressのページを無限スクロールさせます。
![デモのキャプチャ](/wp-content/uploads-2012/201209-00.png)
スムーズ ページスクローラー
最後は、コリス作です。
sponsors