第43回 
簡単オススメ jQuerysプラグインまとめのまとめ:jQueryの基本のキ【その3】テーブルレイアウトを卒業しよう

簡単オススメ jQueryプラグインまとめのまとめ:jQueryの基本のキ【その3】

前回までで、基本的なjQueryの使い方をご紹介しました。

今回は、特に簡単に導入でき、かつ便利なオススメプラグインをご紹介します。

Lightbox

Lightbox とはWebブラウザーの画面上にさらに別の画面を重ねて、ポップアップウィンドウのように表示するテクニックのことで、元祖は Prototype.js(Ajaxライブラリーの一種)のプラグインでした。恐らく非常に多くの方が、「写真をクリックすると画面が暗くなって写真だけ 拡大される」ようなページをご覧になったことがあるのでは。アレがLightboxです。

その見た目の良さ、使いやすさから爆発的に普及して、Prototype.js以外に、jQueryでも同様の機能のプラグインが公開されています。いろいろな派生系がありますが、今回は定番中の定番を。

jQuery lightBox plugin

jQuery lightBox plugin

サンプルを見る

Lightboxまとめのまとめ

The Best jQuery Lightbox Scripts

30+ Useful Ajax Lightbox and Modal Dialog Solutions

Accordion

楽器のアコーディオンのように開閉するUI、こちらも定番ですね。

bassistance.de » jQuery plugin: Accordion

bassistance.de » jQuery plugin: Accordion

サンプルを見る

Accordionまとめのまとめ

8 Amazing jQuery Accordions

jQueryのアコーディオン効果の使い方・作り方

Slider系

前回もご紹介した、タブ切り替えのプラグインです。アコーディオンとならんで、省スペースでコンテンツが配置できるので人気があります。

前回のはコレ。

jQuery Plugin - Feature List

jQuery Plugin - Feature List

サンプルを見る

Sliderまとめのまとめ

25 Incredible jQuery Slider Tutorials and Plugins

37 Fresh jQuery Image And Gallery Display Solutions

Table系

コレスゴイです。多めのデータをテーブル(表)で表示するときに大活躍。まるでExcelのようにデータをソートしたり、行や列のサイズを変えたりできます。

Flexigrid - Web 2.0 Javscript Grid for jQuery

Flexigrid - Web 2.0 Javscript Grid for jQuery

tableまとめのまとめ

30 Amazing jQuery Plugins To Play With Tables

テーブルに実装できるjQueryプラグインいろいろ

15 Great jQuery Plugins For Better Table Manipulation

今回は即実装できそうなものということで、Lightbox、Accordion、Slider、Tableにしぼって集めてみました。

まとめのまとめなので、重複している部分もあるかもしれませんが、各まとめページのボリュームをご覧いただくだけでも、jQueryの人気度がおわかりいただけるのではないでしょうか。

次回はもう少し詳しくjQueryの中身について見ていきたいと思います。

では次回もお楽しみに。(こう鈴木 航 (すずきこう)

次のページは…
今更だけど(X)HTMLってなんだろう
関連リンク
鈴木 航 (すずき こう)
鈴木 航 (すずき こう)

XHTML、CSSなどのWeb関連技術を得意とする。かぼちゃの煮物が嫌い。

CSS 3分コーディング

RSSフィードで
最新情報を購読