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

JavaScript

当ブログで今まで紹介したjQueryプラグイン25選のまとめ 2011/09 – 2012/03

2011年9月〜2012年3月までに当ブログで紹介したjQueryプラグインをまとめてみました。一度整理する意味も含めて、まとめておくと今後なにかと便利かなと思いましたので。全部で25個ありました。どれも簡単なプラグインですが、個人的にはみんな使いやすくて便利なプラグインばかりです。ということで以下日付が古い順からのまとめです。

[ads_center]

jQueryプラグインまとめ

ColorBox

ColorBox

Lightbox風のイメージギャラリーです。

bxSlider

bxSlider

シンプルでカスタマイズもしやすい大人気のjQueryスライダーです。

jQuery Masonry

jQuery Masonry

各ボックスの要素を雑誌風に整列させることができます。

FLEXSLIDER

Flexslider

軽量でスマートフォンにも対応するレスポンシブのスライダーです。

jQuery Backstretch

BACKSTRETCH

背景画像をブラウザのサイズに合わせて表示させることができます。

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

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

まとめ

ということで結構色んなプラグインを紹介してきましたね。中でもスライダー関連が多かった気がします。このブログはあまり速報性がないので全部が新しいプラグインというわけではありませんが、基本的には素人の僕が実際に使ってみてよかったもの、使いやすかったものを中心に今後も紹介していこうかと思っています。

関連記事

  1. StellarNav.js

    JavaScript

    レスポンシブで多階層に対応したドロップダウンメニュー「StellarNav.js」

    StellarNav.jsはjQueryによるレスポンシブで多階層に対…

  2. Easy Z modal

    JavaScript

    シンプルなモーダルウィンドウ・ダイアログボックスを表示できる「Easy Z modal」

    Easy Z modalはシンプルでダイナミックなモーダルウィンドウ・…

  3. Images grid

    JavaScript

    画像のグリッドレイアウトを製作できるjQueryプラグイン「Images grid」

    Images gridは画像のグリッドレイアウトを製作するためのシンプ…

  4. Grasp Mobile Progress Circle
  5. GridTab

    JavaScript

    グリッドベースのレスポンシブなタブを実装できるjQueryプラグイン「GridTab」

    GridTabはグリッドベースによるレスポンシブに対応したタブを実装す…

  6. JavaScript

    ライトボックスみたいなお洒落なアラートを出してカスタマイズもできるjQuery uLightBox …

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

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

最近の記事

  1. TAP-F27-2KP
  2. M32ミニ
  3. CITTA TT5.0
  4. Kindle Oasis

アーカイブ

PAGE TOP