階層式のメニューは直感的に操作でき、どこに何があるか明確なため、ユーザーにとっても分かりやすくユーザビリティに優れたメニューだと思います。今回紹介する「Cross browser flyout menu」はシンプルでクールなCSS階層メニューのサンプルを公開しています。
上記は公開されているメニューの一つで画像を使用したタイプの階層メニューです。「CSS only fly-out menus」の下部からCSSのサンプルと使用画像をダウンロードできるようになっています。
更にもう一つのメニュー
-
Pages
-
最新記事
- 2000個のフリーphotoshopパターンファイルを集めた「2000 Free Photoshop Patterns」
- タイポグラフィを使ったグラフィック作品集「50 most brilliant typography designs for inspiration」
- クオリティの高いフリーCSS、XHTMLテンプレート集2010「40+ Elegant Free CSS/(X)HTML Templates from 2010」
- WEBサイトに使えるシームレスなパターン素材集「200+ Seamless Patterns Perfect for Website Backgrounds」
- クオリティの高いフリー手書きフォント集「20+ Most Amazing Free Handwritten Fonts for Web designers」
- 様々な表現のphotoshopのチュートリアル集「34 Photoshop Tutorials That Will Leave You Looking Like A Pro」
- 2010年のハイクオリティなwordpressフリーテーマ100選「100 Free High Quality WordPress Themes: 2010 Edition」
- 最近リリースされたjQueryプラグイン集「50 Awesome New jQuery Plugins」
- CSS3で実現する今までに無いWEBデザイン集「25 Amazing CSS3 Experimentations and Demos」
- 個性的なフリーフォントを集めた「15 Fresh And Beautiful Fonts For Free Download」
-
Popular Posts
-
SBMランキング
- 商用可！5000を超えるシルエットベクターデータ配布サイト「All Silhouettes」 (817)
- 商用可！WEB制作用途に特化したアイコンを6200個以上をまとめた「The Best Icons Always」 (612)
- フリーで使えるプロフェッショナルなフォント集「50 First-class & New Downloadable Fonts For Professional Designs」 (501)
- プロの現場でも使えるハイクオリティなフリーフォント「35 Latest High-Quality Free Fonts for Professional Designers」 (360)
- IE6〜IE8をCSS3に対応させるスクリプト「Kick-ass CSS3 Support in IE6, 7, and 8」 (329)
- 便利に使えるイラストレーターパターン集「30+ Free Adobe Illustrator Pattern Sets」 (319)
- フリーで使えるphotoshopパターンを集めた「650+ Free Photoshop Patterns」 (316)
- 商用可！3000枚以上の写真素材をダウンロードできる国内フリー写真素材配布サイト「Futta.NET」 (301)
- ロゴデザインのリソースサイト集「105+ Logo Design Tuts And Resources」 (298)
- だんだん小さくなるドット柄の背景パターンを制作してくれる「Dotted Background Generator」 (297)
