RSS
ドロップダウンするcssメニューいろいろ
Cat: » WEBデザイン, cssやプログラミング
Day:4月 8, 2010
サイトによっては必要ないかも
知れませんが、メニュー項目が
増えてくるとゴチャ付くので、
ドロップダウンするようにして
隠しておくと見やすくなりますね。
チュートリアルやジェネレーター、フレームワークなど。多すぎるので絞っています。
CSS Navigation Techniques
様々なタイプのメニューのサンプルの中にドロップダウンがいくつか。
CSS Drive / Multiple Levels
サンプルいっぱい。
Free CSS Drop-Down Menu Framework
GPLライセンスで配布されるcssドロップダウンメニューのフレームワーク集です。かなり使えます。
38 jQuery And CSS Drop Down Multi Level Menu Solutions
jQueryを使ったドロップダウンメニューまとめ。
cssplay
css情報ならここ。右下にMulti-Level – Dropdownとあります。
CSS Menu Generator
ドロップダウンメニューを作れるオンラインジェネレーターです。
purecssmenu
こちらもジェネレーター・・・だけど、よく落ちてる。
10 Brilliant Multi Level Navigation Menu Techniques
マルチレベルタイプのメニュー10選。ドロップダウンもいくつか。
24 CSS (in some cases with jQuery) Navigation and Menu Tutorials
チュートリアルをお求めならこの記事が良さそうです。
24 CSS (in some cases with jQuery) Navigation and Menu Tutorials
Drop-Down Menu: 30+ Useful Scripts to Enhance Header Navigation
cssオンリーで作る、jsと組み合わせる、jQueryを使う、など、様々なドロップダウンメニューのまとめ。
Drop-Down Menu: 30+ Useful Scripts to Enhance Header Navigation
list of pure css drop-down menu tutorials
cssのみで作るドロップダウンメニューいろいろ
以上、まとめです。ユーザビリティ向上するかは意見が分かれそうですが、何かと使えるので必要に応じて活用したいですね。
ども。
絞っていても多いですね。
ドロップダウンは確かに意見の分かれるところではありますが、ニーズは多いですからね。。。
いろいろと参考にさせて頂きます。 hide
＞hideさん
こにちは
そですねー。ドロップダウンすると分かるようにしておく工夫も必要かもですね。 シロ