第43回
簡単オススメ jQuerysプラグインまとめのまとめ：jQueryの基本のキ【その3】テーブルレイアウトを卒業しよう
簡単オススメ jQueryプラグインまとめのまとめ：jQueryの基本のキ【その3】
前回までで、基本的なjQueryの使い方をご紹介しました。
今回は、特に簡単に導入でき、かつ便利なオススメプラグインをご紹介します。
Lightbox
Lightbox とはWebブラウザーの画面上にさらに別の画面を重ねて、ポップアップウィンドウのように表示するテクニックのことで、元祖は Prototype.js（Ajaxライブラリーの一種）のプラグインでした。恐らく非常に多くの方が、「写真をクリックすると画面が暗くなって写真だけ 拡大される」ようなページをご覧になったことがあるのでは。アレがLightboxです。
その見た目の良さ、使いやすさから爆発的に普及して、Prototype.js以外に、jQueryでも同様の機能のプラグインが公開されています。いろいろな派生系がありますが、今回は定番中の定番を。
Lightboxまとめのまとめ
The Best jQuery Lightbox Scripts
30+ Useful Ajax Lightbox and Modal Dialog Solutions
Accordion
楽器のアコーディオンのように開閉するUI、こちらも定番ですね。
bassistance.de » jQuery plugin: Accordion
Accordionまとめのまとめ
Slider系
前回もご紹介した、タブ切り替えのプラグインです。アコーディオンとならんで、省スペースでコンテンツが配置できるので人気があります。
前回のはコレ。
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
tableまとめのまとめ
30 Amazing jQuery Plugins To Play With Tables
15 Great jQuery Plugins For Better Table Manipulation
今回は即実装できそうなものということで、Lightbox、Accordion、Slider、Tableにしぼって集めてみました。
- DreamweaverでCSSの使い方を習得
-
スタイルシートの書き方から使い方、ブラウザーごとの動きの差まで、ページレイアウト手法を習得します。
- Dreamweaver CS5 CSSデザイン手法
まとめのまとめなので、重複している部分もあるかもしれませんが、各まとめページのボリュームをご覧いただくだけでも、jQueryの人気度がおわかりいただけるのではないでしょうか。
次回はもう少し詳しくjQueryの中身について見ていきたいと思います。
では次回もお楽しみに。（こう
）
お問い合わせ
メルマガ