[JS]最近リリースしたjQueryのプラグインのまとめ -2013年1・2月

紹介済みから未紹介のものまで、最近リリースしたjQueryのプラグインをまとめました。
去年までは33+1選としてましたが、今年から新たなフォーマットで。

デモのキャプチャ

jQuery Migrate
jQuery1.9で削除された機能を補完し、過去のプラグインでも動作するようにします。

デモのキャプチャ

jKit
スライドショー・ライトボックス・タブ・アコーディオンなど多種多様なUI関係を実装できます。

デモのキャプチャ

ayaSlider
多彩なスライドのエフェクトを備えたフレキシブルなスライダー。

デモのキャプチャ

Destaque
パララックスエフェクトを伴ったスライドショー。
※デモがセクシーすぎるので注意。

デモのキャプチャ

Photobox
CSS3アニメーションを使った軽量の画像ギャラリー。

デモのキャプチャ

Rondell
画像をぐるぐると次々に拡大表示するギャラリー。

デモのキャプチャ

RS Carousel
レスポンシブ対応の超軽量のカルーセル。

デモのキャプチャ

iLightBox
IE7からスマフォまで、画像も動画もHTMLコンテンツも拡大表示します。

デモのキャプチャ

Zoomer
画像をスムースなアニメーションで拡大・縮小します。

デモのキャプチャ

Image Zoom
画像の一部を別枠に拡大表示します。

デモのキャプチャ

Threesixty-slider
コントローラやドラッグ操作でプロダクトを360度回転させます。

デモのキャプチャ

threesixty
こちらもドラッグ操作で360度回転させます。

デモのキャプチャ

Yunero
YouTubeの動画をFeedやプレイリストベースで再生します。

デモのキャプチャ

Flowtime.js
パネルをマトリックス状に配置し、プレゼンテーションができます。

デモのキャプチャ

slideToucher
水平・垂直のスワイプ操作に対応したタッチスクリーン用のプレゼンテーション。

デモのキャプチャ

Volley
あらゆる要素を見た目のポジションに基づいて列・行に配置します。

デモのキャプチャ

Nested
Pinterest風レイアウトを構築します、アニメーションがかっこいい。

デモのキャプチャ

Aware.js
新規・リピーターや時間帯など、ユーザーの訪問状況ごとにコンテンツを変更します。

デモのキャプチャ

Top Drawer
CSS3アニメーションで開閉するレスポンシブ用のナビゲーション。

デモのキャプチャ

jqtimeline
タイムラインベースでコンテンツを次々に表示します。

デモのキャプチャ

Textillate.js
テキストをCSS3のさまざまなアニメーションで表示します。

デモのキャプチャ

Lazy Line Painter
イラストのパスをアニメーションで描画します。

デモのキャプチャ

Phantascope
CSSスプライトを使ったアニメーションを操作できます。
スプライト画像はsprite.pngです。

デモのキャプチャ

jQuery Sortable
リストやテーブル、ナビゲーションなどをソート可能にします。

デモのキャプチャ

Teamwork Gantt
アニメーションで動作するガントチャートを作成します。

デモのキャプチャ

ParamQuery
エクセルのような高性能の表を設置します。

デモのキャプチャ

backgrid
容易にセマンティックなデータテーブルを実装できます。

デモのキャプチャ

Bullet Graph
アニメーションで動作するビュレットタイプのグラフを設置します。

デモのキャプチャ

Opentip
さまざまなスタイルが用意されたCANVASベースのツールチップ。

デモのキャプチャ

Toolbar.js
ツールバー上のツールチップを水平・垂直にアニメーションで表示します。

デモのキャプチャ

jQuery Waiting
アニメーションで動作するさまざまなスピナーを設置できます。

デモのキャプチャ

fontResizer
ブラウザのResizeイベントでフォントサイズを変更します。

デモのキャプチャ

Parsley
軽量で実装も簡単なフォームのバリデーション。

デモのキャプチャ

Image Picker
画像を使ってセレクトフォームを簡単に選択できるようにします。

デモのキャプチャ

Pickadate.js
さまざまなエフェクトを備えたレスポンシブ対応の日付ピッカー。

デモのキャプチャ

formwin
IE8+用にフォームを美しくスタイルします。

デモのキャプチャ

jQuery Spellchecker
ページ内のテキストやフォームのフィールド内のテキストのスペルをチェックします。

デモのキャプチャ

Dropzone.js
ファイルをドラッグ&ドロップでアップロードできます。

デモのキャプチャ

Link Scrapper Textbox
Facebookのようなリンクボックスを作成します。

デモのキャプチャ

jQuery.stripes
画像を使わずにストライプを生成します。

デモのキャプチャ

slotmachine
CSS3を使ったスロットマシン。

デモのキャプチャ

Perfect Scrollbar
デザインを損なわないスクロールバーを設置します。

デモのキャプチャ

Custom Content Scroller
さまざまなコンテンツにスクロールバーを設置します。

デモのキャプチャ

scrollUP
スクロールに追従する先頭に戻るボタンを設置します。

デモのキャプチャ

Infinite Drag
Google Mapsのように壁を無限ドラッグできるようにします。

デモのキャプチャ

Drag Sensitive
スマフォだけでなくデスクトップでもドラッグ操作ができます。

デモのキャプチャ

Drag-On Scrolling
垂直・水平のあらゆるスクロールをドラッグで操作できるようにします。

top of page

©2017 coliss