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

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

デモのキャプチャ

Wookmark
コンテンツをレンガ状に配置するだけのシンプルなスクリプト。

デモのキャプチャ

jmpress.js
スライドをダイナミックなアニメーションで次々に表示します。

デモのキャプチャ

Presenteer
上記の省スペース版、アニメーションを伴ったプレゼンテーションを設置します。

[ad#ad-2]

デモのキャプチャ

RefineSlide
3Dのキューブ、フェード、スライス、スケール、ファンなど切替時のエフェクトが面白いスライダー。

デモのキャプチャ

Rhinoslider
こちらも同様にさまざまなエフェクトを備えたスライダー。

デモのキャプチャ

WOW Slider
さまざまなテンプレートが用意されたスライダー。

デモのキャプチャ

μslider
カスタマイズ性に優れたスライダー。

デモのキャプチャ

rcarousel
水平・垂直混在にも対応したコンテンツスライダー。

デモのキャプチャ

Retina
デスクトップはそのまま、新しいiPad, iPhone4には高解像度の画像を配置します。

デモのキャプチャ

NailThumb
リサイズ・クロップ・キャプション付きのサムネイルを生成します。

デモのキャプチャ

imagesLoaded
画像のロード後、コールバック関数を設定できます。

デモのキャプチャ

iPicture
画像の任意のポイントにツールチップを配置します。

デモのキャプチャ

Mobile-Friendly Tooltip
デスクトップとスマートフォンで最適なツールチップを表示します。

デモのキャプチャ

jqFloat.js
ページ上のあらゆるエレメントをふわふわフロートさせます。

デモのキャプチャ

pow.js
サンバーストのエフェクトを生成します。

[ad#ad-2]

デモのキャプチャ

Lettering Animate
文字をさまざまなアニメーションで表示します。

デモのキャプチャ

Bacon
テキストを自由に形状に回り込ませます。

デモのキャプチャ

dotdotdot
エリア内に収まらないテキストを「...」で表記します。

デモのキャプチャ

TypeButter
さまざまなフォントのカーニングを調整します。

デモのキャプチャ

Hammer.js
タップやドラッグなどのジェスチャーイベントを取得します。

デモのキャプチャ

pep
デスクトップ・モバイルで慣性運動を伴ってドラッグできるようにします。

デモのキャプチャ

HiddenPosision
隠されているエレメントでも正確な位置を取得します。

デモのキャプチャ

firstImpression.js
新しいユーザーか既存ユーザーなのか判別するシンプルなスクリプト。

デモのキャプチャ

File Upload
プログレスバー・プレビューイメージ付きのファイルアップローダー。

デモのキャプチャ

SeacrhMeme
入力エリアがアニメーションで伸びるサーチボックス。

デモのキャプチャ

HTML5 placeholder plugin
HTML5のplaceholderをクロスブラウザ対応に。

デモのキャプチャ

Timeline
さまざまなメディアをサポートしたタイムラインを作成できます。

デモのキャプチャ

jPages
ページネーションを使ったさまざまなコンテンツを生成します。

デモのキャプチャ

jTable
さまざまなデータテーブルを作成します。

デモのキャプチャ

Twitter Follow Box
TwitterのフォロワーをFacebook風に表示します。

デモのキャプチャ

Tweet!
Twitterのフィードをウェブページに表示します。

デモのキャプチャ

Scrolite
div要素はもちろん、リスト、テーブルなどもスクロールコンテンツにします。

デモのキャプチャ

Sticky Slidebar
指定エリア内にパネルをスクロールに追従させます。

デモのキャプチャ

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

sponsors

top of page

©2024 coliss