2013年上半期jQueryプラグインまとめ

JavaScript

2012年に紹介したjQueryプラグインのまとめ

当ブログで2012年にご紹介したjQueryプラグインをまとめてみました。全部で61のプラグインがありました。基本的には自分が再度見ても理解しやすいように、できるだけシンプルな使い方を書いてきたつもりです。ほとんどのプラグインで実際のサンプルなんかも付けているので、もしこの中にあるプラグインを使いたい場合は、参考にして頂けたら幸いです。

[ads_center]

Lazy Karl

Lazy Karl

画像が表示させるまでローディング画像表示させることができます。

pShadow

pShadow

画像や要素に簡単にドロップシャドウをつけることができます。

Organic Tabs

Organic Tabs

コンテンツの量に応じてパネルが伸びたり縮んだりする可変式タブパネルです。

Flexible Slide

Flexible Slide

画面サイズを変更してもちゃんとそれに合わせて対応してくれくれるアコーディオンパネル。

Overlay Effect Menu with jQuery

Overlay Effect Menu with jQuery

メニューにマウスオーバーすると全体にオーバーレイがかかるかっこいいナビゲーションメニューです。

Elastislide

Elastislide

画面のサイズによってレイアウトを合わせてくれるレスポンシブなカルーセルのスライダーです。

tablesorter

tablesorter

テーブルをフレキシブルなデザインにしてくれたり並び替え(ソート)機能も実装できます。

Loupe

Loupe

指定した画像の一部を拡大できます。

fancyBox

fancyBox

画像をLightbox風にポップアップして表示させてレスポンシブにも対応しています。

ResponsiveSlides.js

ResponsiveSlides.js

1KB程度の軽量でシンプルなレスポンシブのjQueryスライダーです。

Totem Ticker

Totem Ticker

リスト化したli要素を1つずつ垂直方向にスライドさせていくティッカー。

MobilySlide

MobilySlide

水平方向、垂直方向にスライドさせたり、フェードで切り替えたりもできるスライダー。

jQuery Slider²

jQuery Slider²

使い方も簡単でとても軽量なjQueryのスライダーです。

Craftyslide

Craftyslide

わずか2KBのシンプルで軽量な画像スライダーです。

jQuery illuminate

jQuery illuminate

簡単にボタンを光らせたり点滅させたりすることができます。

Basic jQuery Slider

Basic jQuery Slider

ベーシックでまさに定番といった使いやすいjQueryのスライダーです。

JQUERY NEWS TICKER

jQuery News Ticker

滑らかに流れてくるのニュースティッカー。

RandomTextReturn

RandomTextReturn

僕が作ってみたプラグインです。テキストをランダムで表示させ、アニメーションで整列させていきます。

jQuery.pageMenu

jQuery.pageMenu

自動でコンテンツの見出しメニューを作って表示してくれます。

jQuery Collapse

jQuery Collapse

簡単に折りたたみコンテンツを実装することができます。

Blueberry

Blueberry

レスポンシブ対応のシンプルで素敵なjQueryスライダー

Airport

Airport

空港や駅にある掲示板みたいに文字が切り替わっていきます

jQuery uLightBox plugin

jQuery uLightBox plugin

ライトボックスみたいなお洒落なアラートを表示させることができます

Responsly.js

Responsly.js

スマホにも対応したレスポンシブのjQueryスライダー

jqFloat.js

jqFloat.js

指定した要素をフワフワと浮遊させることができます

bgStretcher

bgStretcher

ブラウザの画面全体に背景を表示させることができます

jQuery Table Sort

jQuery Table Sort

テーブルにソート(並べ替え)機能をつけるだけのシンプルなプラグイン

jQuery.dotdotdot

jQuery.dotdotdot

ボックス要素に収まりきれずはみ出したテキストを「…」に置き換えてくれるプラグイン

jQCloud

jQCloud

クールでスタイリッシュなタグクラウドを簡単に実装できます

gips

gips

使いやすさや見た目もシンプルで綺麗なツールチップを実装することができます

champagne.js

champagne.js

リスト化した要素などをランダムで次々と表示させます

DropKick

DropKick

とても簡単にいい感じのドロップダウンを実装することができます

jqIsoText

jqIsoText

テキストを中央に向かうにつれて大きくしたり、またはその逆にしたりすることができます

gmaps.js

gmaps.js

Google マップをとても簡単に扱えるようにしてくれます

Twitter Follow Box Widget

Twitter Follow Box Widget

とてもシンプルでカスタマイズもしやすいフォローボックスが実装できます

jQuery Shadow Plugin

jQuery Shadow Plugin

指定したボックス要素にドロップシャドウをつけてくれます

lake.js

lake.js

画像を指定するとその画像が垂直反転してゆらゆらと波打つ動きを与えてくれます

Nivo Slider

Nivo Slider

レスポンシブにも対応している人気のjQueryスライダー

dynamo.js

dynamo.js

テキストで指定した一部分をサラっとアニメーションさせてくれます

Kwicks for jQuery

Kwicks for jQuery

クールでお洒落なナビゲーションを簡単に実装することができます。マウスオーバーで拡大するものや、アコーディオンタイプのものまで色々あります。

jquery.flicker

jquery.flicker

指定した要素をパカパカと点滅させることができるとても軽量なjQueryプラグインです。

Slideshow with jmpress.js

Slideshow with jmpress.js

滑らかで面白い動きで素敵なスライドアニメーションを実装することができます。

Peity

Peity

円グラフ、折れ線グラフ、棒グラフを簡単に作ることができます。

jQuery WebTicker

jQuery WebTicker

ニュースやお知らせなんかに使えるティッカーです。

The Wookmark jQuery plugin

The Wookmark jQuery plugin

高さの異なる要素をレンガ風に綺麗に並べて、簡単にグリッドレイアウトを作ってくれます。

Extremes

Extremes

リスト化した各テキストを円を描くように配置してくれます。

jQuery PowerTip

jQuery PowerTip

表示される位置(東西南北)を指定したりすることができる便利なツールチップです。

jQuery Zoom

jQuery Zoom

マウスオーバーなどで画像を拡大してくれるシンプルなjQueryプラグインです。

HorizontalNav

HorizontalNav

ナビゲーションをレスポンシブデザインにしてくれます。

tiltShift.js

tiltShift.js

指定した画像にチルトシフト効果をプラスしてミニチュア風にしてくれます。

Portfoliojs

Portfoliojs

ポートフォリオなどでとても素敵なイメージギャラリーを実装することができます。

WideText

WideText

ブラウザサイズに合わせてテキストをレスポンシブに表示

equalize.js

equalize.js

高さや幅が不揃いの要素をキレイなレイアウトに揃えてくれるプラグイン

Makisu

Makisu

巻き簾のようにリスト化した要素を1つずつ開いていったり閉じていったりできるプラグイン

Easy List Splitter

Easy List Splitter

リスト化した要素を自分が指定した数に分割できます

mlens

mlens

マウスを置いた所を拡大できるプラグイン

jQuery Burn

jQuery Burn

テキストに炎のようなエフェクトを追加

animateText.js

animateText.js

テキストがだんだん大きくなったり、右から左へ、左から右へ動いたりと色々なアニメーションをつけることができます

Lazy Load

Lazy Load

画像の読み込みを遅らせて表示できます

Shuffle Letters

Shuffle Letters

テキストをカシャカシャとシャッフルさせることができます

jLetter

jLetter

テキストをフェードインで表示させて、散らばせながらフェードアウトしていくお洒落なプラグイン

以上、2012年に紹介したjQueryプラグインのまとめでした。

2012年もそろそろ終わりに近づいてきましたね。当ブログへお越しの皆様、2012年は大変お世話になりました。来年もマイペースにブログを更新していきたいと思っております。今後ともbl6.jpをよろしくお願いいたします。

GOKIカプセルみたいに超小型のmicro USB充電用ケーブル「GOKI」が持ち運びにも便利前のページ

Macの画像リサイズのアプリ「ImageXY」で画質を高く設定するやり方次のページImageXY

最近の記事

  1. SILENT HILL 2
  2. FUNLOGY スピーカー
  3. 聖剣伝説 VISIONS of MANA
  4. エルデの追憶
  5. コーヒー豆
PAGE TOP