[JS]jQueryのプラグイン33+1選 -2012年8・9月
Post on:2012年9月24日
紹介済みから未紹介のものまで、jQueryのプラグイン34選です。

BigVideo.js
MP4などの動画をウェブページの背景いっぱいに配置します。

Video Background
サイズ変更可能な動画をページやエレメントの背景に配置します。

tubular
YouTubeの動画をページの背景に配置します。

Allofthelight.js
動画などのコンテンツを集中して楽しめるように周りを暗くします。

iView
キャプションのアニメーションがかっこいい、スマフォ・IE6にも対応したスライダー。

iosSlider
コンテンツスライダ・カルーセル・画像ギャラリーなど、タッチデバイス対応のスライダー。

Evo Slider
さまざまなレイアウトを備えたカスタマイズに優れたスライダー。

RSlider
フルスクリーン、レスポンシブ デザイン対応のコンテンツ・画像スライダー。

Adaptor -Box Slider
フェードやスライドをはじめ、3Dの面白いエフェクトも備えたスライダー。

Really Simple Slideshow
画像を動的にロードするシンプルなスライダー。

Responsive Carousel
マウス・キーボード・タッチ操作可能、レスポンシブ対応のカルーセル。

Monte
IE6にも対応、画像・HTML用のシンプルなカルーセル。

JZoopraxiscope
静的な画像からアニメーションを作り出します。

tildShift
CSS3のイメージフィルターで画像をミニチュア風のチルトシフトにします。

Fresco
レスポンシブ対応、画像をLightbox風に拡大表示します。

Zoom
onmousehover or onmousedownで画像を拡大表示します。

BoolBlock
本のページをめくるようにコンテンツを次々に表示します。

gridster
パネルをグリッドに沿ってドラッグ&ドロップで移動し、レイアウトを自由に構築できます。

BlocksIt.js
エレメントをグリッド状にランダムに配置したり、Pinterest風に配置します。

Socialist
ソーシャルコンテンツをまとめてPinterest風レイアウトで表示します。

Freetile
レスポンシブ レイアウト対応のアニメーション有無で隙間なくパネルを配置します。

stalactite
パネルを隙間なく配置、こちらはLazy Load対応。

noUiSlider
2つのハンドルを備えたレンジスライダー。

gauge.js
ゲージと数字が連動して、クルマのメーターのようなアニメーション。

Smart Time Ago
指定した日時の現在からの相対的な時間を表示します。

BlackCalculator
ページに電卓を設置します。

trunk8
コンテンツエリアを測定し、テキストが溢れる場合にmoreボタンを設置。

Typist
テキストを一文字ずつタイプライターのように表示、行送りや一時停止にも対応。

Blend
コンテンツと背景の間に滑らかなフェードのアニメーションを適用。

MagicNav
指定した要素を抽出して、自動でページ内アンカーのナビゲーションを設置。

StickyMojo
スクロールしても定位置に表示させるパネルを設置。

Stick 'em
複数の指定した範囲ごとにスクロールに追従するパネルを設置します。

Infinite Scroll
ウェブページやWordPressのページを無限スクロールさせます。

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