前の記事 ≪:Ajax開発等に超便利なページ内の変更部分が一発で分かるFirefoxアドオン...
次の記事 ≫:IEでJavaScriptを動かす際のメモリリークの調査方法

ちょっと変わったCSSによるナビゲーションメニューいろいろ

2009年04月20日-はてなブックマーク

スポンサード リンク
[PR] 英単語を忘却曲線アプリを使って超効率よく記憶する方法
30 Exceptional CSS Navigation Techniques」というエントリにて色々とナビゲーションメニューが紹介されていました。
大体、メニューというと階層型が一般的ですが、ちょっとユニークなメニューを見つけたのでご紹介。

CSS Menu menu
凄い形のメニュー。
なぜこういう形なのかは不明ですが、CSSで実現してしまっているところは脱帽です。


Vimeo like top navigation | デモページ
カーソルを合わせるとビヨーンと伸びる省スペースで実現可能なクールなナビゲーション。サンプルソースのDLも可能です。


タイトルビヨーンと伸びます。


ヘルプもビヨーンと、角丸加減がナイスです。



Vimeoの物は、置いておくだけでもかっこいいかもしれませんね。
そもそもの選択肢が少ないっていうことで、ユーザビリティ向上にも役立ちそうです。

Vimeoの物に関しては、IE6では動かないようなので注意。

関連エントリ
関連の記事検索:CSS, ナビゲーション, Webデザイン
スポンサード リンク

By.KJ : 2009年04月20日 10:09 livedoor Readerで購読 Twitterに投稿

間違いの指摘をしていただける方はメール、あるいはTwitter/FBでお願いします(クリック)