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

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

デモのキャプチャ

Champagne
エレメントをランダムな順番でアニメーションで表示します。

デモのキャプチャ

Real Shadow
カーソルを光源としたリアルな影をアニメーションで与えます。

デモのキャプチャ

jCS Media Library
FlashやHTML5のような美しいアニメーションを実装できます。

デモのキャプチャ

GFX
回転・拡大・振動などCSS3アニメーションをシンプルに実装します。

デモのキャプチャ

Wiggle
iPhoneのようにアイコンをプルプル震わせます。

デモのキャプチャ

lake.js
画像を湖面にゆらゆらとアニメーションで反射させます。

デモのキャプチャ

RWD Image Maps
レスポンシブデザイン用にイメージマップの座標をリサイズごとに計算し直します。

デモのキャプチャ

EGrappler
多彩なエフェクト、豊富なカスタマイズ項目を備えた画像・コンテンツスライダー。

デモのキャプチャ

Blueberry
レスポンシブデザイン対応の超シンプルな画像スライダー。

デモのキャプチャ

Dynamo

なりげなくテキストをアニメーションで変更します。

デモのキャプチャ

SuperScrollorama
スクロール時にパララックス、フェード、スライドなど多種多様なアニメーションを設定します。

デモのキャプチャ

Ascensor
divコンテンツをマトリックス状に配置しダイナミックにスライドします。

デモのキャプチャ

grrrid
異なる高さのdiv要素を揃えたり、均等割付やグリッドに揃えもできます。

デモのキャプチャ

tablecloth
テーブルをスクリプトベースで美しくスタイリングします。

デモのキャプチャ

Koottam
ソーシャルメディアの不揃いなデザインのボタンを統一して設置します。

デモのキャプチャ

Sociallite.js
ソーシャルメディアのボタンを非同期で設置します。

デモのキャプチャ

Messi
シンプルな記述で、美しいメッセージパネルを表示します。

デモのキャプチャ

Pageguide
CSS3アニメーションを使って、ページ内の次にどこを見るべきか案内します。

デモのキャプチャ

Joyride
ページ内の次にどこを見るべきか案内します(バージョンアップ)。

デモのキャプチャ

ddSlick
画像や説明文を伴ったドロップダウンを生成します。

デモのキャプチャ

Knob
タッチ、ホイール、キーボード操作に対応したダイアル状のUI。

デモのキャプチャ

Ideal Forms
レスポンシブデザイン対応のフォームのフレームワーク、バリデーション機能付き。

デモのキャプチャ

ALAJAX
スマートフォンにも対応した超軽量のAJAXのフォーム。

デモのキャプチャ

Sisyphus.js
フォームに書き込んだデータを自動保存し、閉じても復活させます。

デモのキャプチャ

Mask
フォームのテキストエリアの書式を設定します。

デモのキャプチャ

Mailcheck.js
メールのドメイン名の入力間違い用に候補をサジェストします。

デモのキャプチャ

Complexify
パスワードの安全度をリアルタイムにチェックします。

デモのキャプチャ

Mobiscroll
スマートフォン用の日付入力支援。

デモのキャプチャ

Verbose Calendar
ダイナミックなアニメーションで動くカレンダー。

デモのキャプチャ

Timeliner
インタラクティブなタイムラインベースのコンテンツ、印刷にも対応。

デモのキャプチャ

Chronoline
水平方向のタイムスケールでスケジュールを表示します。

デモのキャプチャ

Gantt
ガントチャートを作成します。

デモのキャプチャ

Scroll Depth
ページがどのくらいスクロールされて見られているかGoogleアナリティクスで解析します。

デモのキャプチャ

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

top of page

©2017 coliss