色んな機能をまとめて実装できるプラグイン5選

一緒に悩み、考える。
つくるだけでなく、
そのあとの物語も、ともに。

どんな会社もサービスも、それぞれにストーリーがあります。
花のやはそれをサポートしながら、お客様の成長を隣で見ていたいのです。

一緒に悩み、考える。
つくるだけでなく、
そのあとの物語も、ともに。

どんな会社もサービスも、
それぞれにストーリーがあります。
花のやはそれをサポートしながら、
お客様の成長を隣で見ていたいのです。

ブログBLOG

2013/06/05HTMLJavaScriptホームページ制作

色んなjqueryのプラグインをいっぺんに実装できる、便利なやつらです。
詳細はリンク先にて。

いっぺんに実装できるメリットはソースも汚くならないというのと、用意されている実装機能ではバッティングしない点だと思います。

simplelibが一番いい感じ。

良さそうな点としてはメジャーな機能がまとめられている点と、実装する際の機能設定が簡単な点です。

accordion	シンプルなアコーディオンナビゲーション
button	マウスオーバーやマウスダウンで画像を切り替えたり、選択状態と非選択状態によって画像を切り替える
checkAll	チェックボックスの一括選択
fixHeight	要素の高さを揃える
gaEventTracker	Google Analyticsでローディング時間、スクロール量、バナーに対するアクションを取得
ie6Png2Gif	Internet Explorer 6で、PNGをGIFに置換する
ie6PngFix	Internet Explorer 6でも透過PNGを使えるようにする
ie6PositionFixed	Internet Explorer 6でもCSSの position:fixed を使えるようにする
imgSwap	a要素をクリックして、既存のimg要素の画像を切り替える
lightBox	jQuery lightBoxプラグインを読み込む
overlayOthers	指定した要素の子のa要素にマウスオーバーすると他のa要素にcssで背景色や背景画像を指定できる半透明の要素をかぶせる
scroll	スムーススクロール
tab	シンプルなタブナビゲーション
textHint	未入力で非選択時のテキストボックスにヒントを表示する
trimmedScroll	img要素を含むa要素にマウスオーバーすると別の画像をそのimg要素のサイズにトリミングしてスクロールしながら表示する
zoomView	img要素にマウスオーバーすると拡大画像を表示する

【simplelib】http://lab.starryworks.jp/js/simplelib/
メジャーなのはyuga.jsな気がするんですが、昔コーディングの案件でとっても痛い目を見たので、敬遠してます（まぁ私の知識不足が原因なんですが…）。

この記事を書いた人：hanaoka

村生まれ村育ちWebディレクターです。 2014年に株式会社花のやを設立。以後ディレクションと営業を兼務しています。学歴コンプレックスをバネに日夜戦っています。