【 jQuery】メニューを階層表示できるドロップダウンメニュー droppy

ナビゲーション メニューにマウスオーバーした際にドロップダウン式にサブメニューを表示させる jQuery のプラグインです。

HTMLの記述もシンプルで、SEO的にも良さそうです。設置方法も簡単でulタグを入れ子にしているだけです。CSSで色や画像を使う事ができるので便利です。

種類も豊富にそろっています。サブメニューの表示方法（アニメーション）が微妙に違うぐらいなので、デモを見て気に入ったものを利用してみるのがいいかと思います。



ダウンロード&デモ
droppy
Superfish
SimplejQueryDropdowns

【jQuery】画像をスライド(スクロール)させて表示を切り替える slider スライダー

画像をスライド(スクロール)させて表示を切り替える jQuery slider スライダー。

アニメーションを実装すると画面に見栄えがでてきます。

配布されているプラグインには、「アニメーションのパターン」と「ナビゲーションの方法」などで差別化されています。あとは、「プラグインの実装方法」でしょうか。

各プラグインのデモを見て、使いたいものを選んでみるのがいいと思います。


ダウンロード&デモ
Nivo Slider　デモ
Easy Slider　デモ
coda-slider　デモ

【jQuery】 タブを実装する tabs

スペースを有効に利用して、情報を表示できるtabs(タブ)。

Yahooのトップページなど至る所で使用されています。jQueryプラグインを使えばこのタブ表示も簡単に実装できます。

インターネット上にはいくつも同じようなjQueryプラグインが存在しますが、
「idTabs」は名前の通り無駄な機能もなく、使いやすいプラグインだと思いました。

情報量の多いホームページではタブを使って情報を分散表示させることで、すっきりと見やすいいレイアウトが可能になります。

idTabsはjQueryのプラグインのため、動作にjquery.jsが必要です。

ダウンロード
jQuery idTabs

jQueryについて

jQueryについて、これからこのブログで書いていこうと思います。

これを知ってるのと知らないのでは、できることに差がでてくるので。
僕もそこまで詳しくはないですが、調べた内容を自分なりにまとめていくつもりです。
箇条書きにしてみると以下のような感じになります。

・タブやドロップダウンメニュー、スライダーを自分で作らなくてもサイトに実装することができる。
・XHTMLとCSSとjavascriptで構成されている
・jQueryにも用途によって種類があり、デザイン面で使えるのはjQuery UIと呼ばれるユーザインターフェイス(User Interface)に関連するライブラリ。ライブラリというのも詳しく分かっていませんが、簡単に言うと「誰でも利用できるようにまとめられたプログラム」みたいなこと。

言葉で説明するのは難しい・・・。やっぱり実際に使うのが一番わかりやすいですね。
とりあえず、次回はタブ(tab)について書いてみたいと思います。

アボカドの種 栽培2

以前に紹介した「アボカドの種」の観察記録２回目です。たしか２週間ぐらい前だと思うんですが「アボカドの種を発芽させてみよー！」ということになりました。で、今でもしっかりと続いております。そして最近、気のせいかもしれませんが、さきっちょが尖ってきました。ただ、ちょっと飽きてきています。早いとこ芽よ、出てきておくれ。