[JS]チェックしておきたいjQueryのプラグインのまとめ -2013年3・4月
Post on:2013年4月22日
紹介済みから未紹介のものまで、最近リリースされたjQueryのプラグインをまとめました。
![デモのキャプチャ](/wp-content/uploads-201301/201304-23.png)
Intro.js
ページのガイドを表示します。
![デモのキャプチャ](/wp-content/uploads-201301/201304-36.png)
Chardin.js
オーバーレイでページの補足説明を表示します。
![デモのキャプチャ](/wp-content/uploads-201301/201304-18.png)
HCaptions
画像ホバーでさまざまなアニメーションでキャプションを表示。
![デモのキャプチャ](/wp-content/uploads-201301/201304-35.png)
SuperBox
レスポンシブ対応で画像を拡大表示します、Lightboxの進化形。
![デモのキャプチャ](/wp-content/uploads-201301/201304-11.png)
tosrus
タッチデバイスに最適化したLigtbox風に画像を拡大表示。
![デモのキャプチャ](/wp-content/uploads-201301/201304-04.png)
FlactionSlider
複数の要素を異なるアニメーションで表示するスライダー。
![デモのキャプチャ](/wp-content/uploads-201301/201304-25.png)
Unslider
シンプルなHTMLでレスポンシブ対応の超軽量スライダー。
![デモのキャプチャ](/wp-content/uploads-201301/201304-28.png)
Swipebox
スワイプ操作対応の拡大機能も備えた画像ギャラリー。
![デモのキャプチャ](/wp-content/uploads-201301/201304-30.png)
moodular
ちょっと変わったアニメーションで表示するコンテンツスライダー。
![デモのキャプチャ](/wp-content/uploads-201301/201304-24.png)
Swipe.js
スワイプ操作に最適化された、IE7+対応のスライダー。
![デモのキャプチャ](/wp-content/uploads-201301/201304-15.png)
Bare Bones Slider
ビギナーでも簡単に実装できるアニメーションを備えたスライダー。
![デモのキャプチャ](/wp-content/uploads-201301/201304-31.png)
Photoset Grid
設定した定義を元に、画像をグリッドに沿ってレイアウトします。
![デモのキャプチャ](/wp-content/uploads-201301/201304-34.png)
ui.effect-swirl
さまざまな要素をくるくるっと回転させます。
![デモのキャプチャ](/wp-content/uploads-201301/201304-37.png)
Kamens
Amazonで使われているような操作性の優れたメガドロップ型のナビゲーション。
![デモのキャプチャ](/wp-content/uploads-201301/201304-27.png)
One Page Nav
表示コンテンツに合わせて、アイテムが移動する1ページで構成されたウェブサイト用のナビゲーション。
![デモのキャプチャ](/wp-content/uploads-201301/201304-22.png)
scrollNav
スクロールに追従するナビゲーションをサイドバーに表示します。
![デモのキャプチャ](/wp-content/uploads-201301/201304-17.png)
w2ui
グリッドから、ツールバー・サイドバー・タブ・フォームなどUIが揃った37KBの軽量スクリプト。
![デモのキャプチャ](/wp-content/uploads-201301/201304-12.png)
BasicTabs
アニメーションでコンテンツを切り替えるシンプルなタブ。
![デモのキャプチャ](/wp-content/uploads-201301/201304-21.png)
Navi.js
タブベースのコンテンツ切替、ネストにも対応。
![デモのキャプチャ](/wp-content/uploads-201301/201304-01.png)
#50CIAL
オーバーレイでかっこよくソーシャルメディアのアイコンを表示。
![デモのキャプチャ](/wp-content/uploads-201301/201304-02.png)
ClassySocial
かわいいアニメーションでソーシャルメディアのアイコンを表示。
![デモのキャプチャ](/wp-content/uploads-201301/201304-16.png)
SocialCount
マウスにもキーボードにもタッチスクリーンにも対応したソーシャルメディア用のバッジ。
![デモのキャプチャ](/wp-content/uploads-201301/201304-06.png)
Smallipop
テキストだけでなく、画像やコンテンツのインラインヒントとしてツールチップを表示。
![デモのキャプチャ](/wp-content/uploads-201301/201304-10.png)
Animated Table Sorter
かっこいいアニメーションでテーブルをソートします。
![デモのキャプチャ](/wp-content/uploads-201301/201304-13.png)
Handsontable
Excelのようにデータを編集できます、かなりいろいろできる!
![デモのキャプチャ](/wp-content/uploads-201301/201304-09.png)
Hook.js
スマフォのように下に引っ張ると、ページをリフレッシュします。
![デモのキャプチャ](/wp-content/uploads-201301/201304-33.png)
Pin
コンテンツを指定した範囲でスクロール時に常に表示するようにします。
![デモのキャプチャ](/wp-content/uploads-201301/201304-32.png)
iCheck
チェックボックスやラジオボタンをかわいくデザインします、スマフォ対応。
![デモのキャプチャ](/wp-content/uploads-201301/201304-14.png)
Mask Plugin
通貨、日付、時間、電話番号などの書式を設定できます。
![デモのキャプチャ](/wp-content/uploads-201301/201304-08.png)
Fancy Input
リズムカルな楽しいアニメーションでフォームに入力。
![デモのキャプチャ](/wp-content/uploads-201301/201304-19.png)
donuts
ドーナツ状のメーターを簡単に設置できます。
![デモのキャプチャ](/wp-content/uploads-201301/201304-29.png)
Stalactite
アニメーションでコンテンツをLazy Loadで表示します。
![デモのキャプチャ](/wp-content/uploads-201301/201304-05.png)
Pronto
HTML5のpushState()を使用して、ページのロードを速くします。
![デモのキャプチャ](/wp-content/uploads-201301/201304-03.png)
RoughDraft
ダミーの画像やテキストを配置して、モックアップを作成します。
![デモのキャプチャ](/wp-content/uploads-201301/201304-20.png)
jResponsive
表示サイズに合わせて、さまざまな要素のサイズを変更します。要素ごとにmin-size, max-size, height, hspace, vspace, animationの設定可。
![デモのキャプチャ](/wp-content/uploads-201301/201304-26.png)
retinise.js
Retina用の画像を配置する超軽量のスクリプト。
![デモのキャプチャ](/wp-content/uploads-201301/201304-07.png)
version.js
異なるバージョンのjQueryの動作チェックが簡単にできます。
sponsors