[JS]最近リリースしたjQueryのプラグインのまとめ -2013年1・2月
Post on:2013年2月18日
紹介済みから未紹介のものまで、最近リリースしたjQueryのプラグインをまとめました。
去年までは33+1選としてましたが、今年から新たなフォーマットで。
![デモのキャプチャ](/wp-content/uploads-201301/201302-46.png)
jQuery Migrate
jQuery1.9で削除された機能を補完し、過去のプラグインでも動作するようにします。
![デモのキャプチャ](/wp-content/uploads-201301/201302-47.png)
jKit
スライドショー・ライトボックス・タブ・アコーディオンなど多種多様なUI関係を実装できます。
![デモのキャプチャ](/wp-content/uploads-201301/201302-33.png)
ayaSlider
多彩なスライドのエフェクトを備えたフレキシブルなスライダー。
![デモのキャプチャ](/wp-content/uploads-201301/201302-21.png)
Destaque
パララックスエフェクトを伴ったスライドショー。
※デモがセクシーすぎるので注意。
![デモのキャプチャ](/wp-content/uploads-201301/201302-03.png)
Photobox
CSS3アニメーションを使った軽量の画像ギャラリー。
![デモのキャプチャ](/wp-content/uploads-201301/201302-36.png)
Rondell
画像をぐるぐると次々に拡大表示するギャラリー。
![デモのキャプチャ](/wp-content/uploads-201301/201302-35.png)
RS Carousel
レスポンシブ対応の超軽量のカルーセル。
![デモのキャプチャ](/wp-content/uploads-201301/201302-02.png)
iLightBox
IE7からスマフォまで、画像も動画もHTMLコンテンツも拡大表示します。
![デモのキャプチャ](/wp-content/uploads-201301/201302-05.png)
Zoomer
画像をスムースなアニメーションで拡大・縮小します。
![デモのキャプチャ](/wp-content/uploads-201301/201302-11.png)
Image Zoom
画像の一部を別枠に拡大表示します。
![デモのキャプチャ](/wp-content/uploads-201301/201302-01.png)
Threesixty-slider
コントローラやドラッグ操作でプロダクトを360度回転させます。
![デモのキャプチャ](/wp-content/uploads-201301/201302-06.png)
threesixty
こちらもドラッグ操作で360度回転させます。
![デモのキャプチャ](/wp-content/uploads-201301/201302-20.png)
Yunero
YouTubeの動画をFeedやプレイリストベースで再生します。
![デモのキャプチャ](/wp-content/uploads-201301/201302-09.png)
Flowtime.js
パネルをマトリックス状に配置し、プレゼンテーションができます。
![デモのキャプチャ](/wp-content/uploads-201301/201302-10.png)
slideToucher
水平・垂直のスワイプ操作に対応したタッチスクリーン用のプレゼンテーション。
![デモのキャプチャ](/wp-content/uploads-201301/201302-04.png)
Volley
あらゆる要素を見た目のポジションに基づいて列・行に配置します。
![デモのキャプチャ](/wp-content/uploads-201301/201302-41.png)
Nested
Pinterest風レイアウトを構築します、アニメーションがかっこいい。
![デモのキャプチャ](/wp-content/uploads-201301/201302-40.png)
Aware.js
新規・リピーターや時間帯など、ユーザーの訪問状況ごとにコンテンツを変更します。
![デモのキャプチャ](/wp-content/uploads-201301/201302-16.png)
Top Drawer
CSS3アニメーションで開閉するレスポンシブ用のナビゲーション。
![デモのキャプチャ](/wp-content/uploads-201301/201302-17.png)
jqtimeline
タイムラインベースでコンテンツを次々に表示します。
![デモのキャプチャ](/wp-content/uploads-201301/201302-22.png)
Textillate.js
テキストをCSS3のさまざまなアニメーションで表示します。
![デモのキャプチャ](/wp-content/uploads-201301/201302-25.png)
Lazy Line Painter
イラストのパスをアニメーションで描画します。
![デモのキャプチャ](/wp-content/uploads-201301/201302-18.png)
Phantascope
CSSスプライトを使ったアニメーションを操作できます。
スプライト画像はsprite.pngです。
![デモのキャプチャ](/wp-content/uploads-201301/201302-26.png)
jQuery Sortable
リストやテーブル、ナビゲーションなどをソート可能にします。
![デモのキャプチャ](/wp-content/uploads-201301/201302-27.png)
Teamwork Gantt
アニメーションで動作するガントチャートを作成します。
![デモのキャプチャ](/wp-content/uploads-201301/201302-28.png)
ParamQuery
エクセルのような高性能の表を設置します。
![デモのキャプチャ](/wp-content/uploads-201301/201302-39.png)
backgrid
容易にセマンティックなデータテーブルを実装できます。
![デモのキャプチャ](/wp-content/uploads-201301/201302-19.png)
Bullet Graph
アニメーションで動作するビュレットタイプのグラフを設置します。
![デモのキャプチャ](/wp-content/uploads-201301/201302-45.png)
Opentip
さまざまなスタイルが用意されたCANVASベースのツールチップ。
![デモのキャプチャ](/wp-content/uploads-201301/201302-23.png)
Toolbar.js
ツールバー上のツールチップを水平・垂直にアニメーションで表示します。
![デモのキャプチャ](/wp-content/uploads-201301/201302-34.png)
jQuery Waiting
アニメーションで動作するさまざまなスピナーを設置できます。
![デモのキャプチャ](/wp-content/uploads-201301/201302-42.png)
fontResizer
ブラウザのResizeイベントでフォントサイズを変更します。
![デモのキャプチャ](/wp-content/uploads-201301/201302-38.png)
Parsley
軽量で実装も簡単なフォームのバリデーション。
![デモのキャプチャ](/wp-content/uploads-201301/201302-43.png)
Image Picker
画像を使ってセレクトフォームを簡単に選択できるようにします。
![デモのキャプチャ](/wp-content/uploads-201301/201302-30.png)
Pickadate.js
さまざまなエフェクトを備えたレスポンシブ対応の日付ピッカー。
![デモのキャプチャ](/wp-content/uploads-201301/201302-13.png)
formwin
IE8+用にフォームを美しくスタイルします。
![デモのキャプチャ](/wp-content/uploads-201301/201302-07.png)
jQuery Spellchecker
ページ内のテキストやフォームのフィールド内のテキストのスペルをチェックします。
![デモのキャプチャ](/wp-content/uploads-201301/201302-08.png)
Dropzone.js
ファイルをドラッグ&ドロップでアップロードできます。
![デモのキャプチャ](/wp-content/uploads-201301/201302-29.png)
Link Scrapper Textbox
Facebookのようなリンクボックスを作成します。
![デモのキャプチャ](/wp-content/uploads-201301/201302-31.png)
jQuery.stripes
画像を使わずにストライプを生成します。
![デモのキャプチャ](/wp-content/uploads-201301/201302-12.png)
slotmachine
CSS3を使ったスロットマシン。
![デモのキャプチャ](/wp-content/uploads-201301/201302-37.png)
Perfect Scrollbar
デザインを損なわないスクロールバーを設置します。
![デモのキャプチャ](/wp-content/uploads-201301/201302-32.png)
Custom Content Scroller
さまざまなコンテンツにスクロールバーを設置します。
![デモのキャプチャ](/wp-content/uploads-201301/201302-24.png)
scrollUP
スクロールに追従する先頭に戻るボタンを設置します。
![デモのキャプチャ](/wp-content/uploads-201301/201302-14.png)
Infinite Drag
Google Mapsのように壁を無限ドラッグできるようにします。
![デモのキャプチャ](/wp-content/uploads-201301/201302-44.png)
Drag Sensitive
スマフォだけでなくデスクトップでもドラッグ操作ができます。
![デモのキャプチャ](/wp-content/uploads-201301/201302-15.png)
Drag-On Scrolling
垂直・水平のあらゆるスクロールをドラッグで操作できるようにします。
sponsors