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

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

デモのキャプチャ

jQuery Transit
CSS3アニメーションをjQueryで簡単にコントロール。

デモのキャプチャ

cssAnimate
CSS3とjQueryの利点を組み合わせて、ページのあらゆるエレメントをアニメーション。

デモのキャプチャ

minimit
カルーセル、スライダー、さまざまなデザインが用意されたギャラリー。

デモのキャプチャ

stalactite
サイズの異なる画像をレンガ状にアニメーションで配置。

デモのキャプチャ

Fotorama
水色のフレームが印象的なスマートフォン対応の画像ギャラリー。

デモのキャプチャ

Thumbnail Proximity Effect
サムネイルの並びに近接をつかったギャラリー。

デモのキャプチャ

Revolver
シンプルなマークアップで実装するコンテンツスライダー。

デモのキャプチャ

ResponsiveSlides.js
Responsive Web Design対応のスライダー。

デモのキャプチャ

Flow Slider
マウスのホバー操作に合わせて滑らかにスライドするスライダー。

デモのキャプチャ

CraftySlide
アニメーションで動作するシンプルでエレガントなスライダー。

デモのキャプチャ

Slider.js
切替時にさまざまなアニメーションが用意されたスライダー。

デモのキャプチャ

Message
さまざまなタイプの通知パネルをアニメーションで表示。

デモのキャプチャ

Hovercard
ホバー時にカード状のパネルをアニメーションで表示。

デモのキャプチャ

Scroller
サークル状のエレメントがアニメーションでズームし、スライドします。

デモのキャプチャ

jQuery News Ticker
フェードのアニメーションで表示されるニュースティッカー。

デモのキャプチャ

Collapse
div, ul要素で実装する折りたたみコンテンツ。

デモのキャプチャ

jqPagination
シンプルな実装でページネーションを設置。

デモのキャプチャ

jQuery Countdown
簡単に設置できるカウントダウン(アップ)のタイマー。

デモのキャプチャ

Sharrre
Twitter, FacebookなどのソーシャルサービスをさまざまなUIで設置。

デモのキャプチャ

contextMenu
右クリックで表示するコンテクストメニューを実装します。

デモのキャプチャ

CraftMap
ダイナミックなアニメーションでスライドするマップを設置。

デモのキャプチャ

Org Chart
ドラッグで移動も可能なツリーマップを作成。

デモのキャプチャ

jQuery Metro Plugin
Windwos 8のMetro風UIを実装します。

デモのキャプチャ

Reveal Modal
アニメーションで表示するモーダルボックスを設置。

デモのキャプチャ

sisyphus
Gmailのようにクライアントサイドでドラフトを保存します。

デモのキャプチャ

Instabir
どちらかよいか実際に試す簡易ABテストを設置できます。

デモのキャプチャ

Hover Swap Text
ホバー時にテキストをtitleのデータに変更します。

デモのキャプチャ

suggest
フォームにサジェスト機能をつけます。

デモのキャプチャ

Horizontal bar graph
アニメーションが楽しい水平型の棒グラフを設置。

デモのキャプチャ

Useful Peel Back With jQuery
ページの右上から紙がめくれるようなエフェクト。

デモのキャプチャ

Lazy Load Script
外部JavaScriptファイルを指定したタイミングでロード。

デモのキャプチャ

Breakpoints.js
指定したサイズごとに実行するスクリプトを設定します。

デモのキャプチャ

NiceScroll
ページ全体やdiv, iframe要素のスクロールを慣性スクロールに。

デモのキャプチャ

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

top of page

©2017 coliss