CSS Showcase | CSS Navigation Menus, Tabs and CSS Navigation Techniques Showcase
Hint: due to my provider's problems this option was deactivated. Sorry for inconvenience. Aqua & Chrome by M.Samy Silva Orange, Blue by Daniel Constantin Blue & Red by V. Friedman Blue, Black, Pink by V. Friedman Make the world prettier! If you'd like to share your css navigation designs with other web-developers, use this template for creating the menus. Please make sure that your css-code valida
ウノウラボ Unoh Labs: 「視線を導く」方法あれこれ
yamazakiです。毎度毎度技術系なこのウノウラボには馴染まない話題を振りまいているわけですが、さてはてどの程度お役に立てているものか…。 今回のテーマは「視線」です。例えばWebサイトは「見てもらう」ことが大事ですし、また、UI設計の場面などでも、「視線をうまく導いてやる」のは使い勝手をよくする上でも大切なことだと思います。といったわけで、ユーザの視線をうまく捕まえてみたり導いてみたりする上で役に立つかもしれない情報を簡単にまとめてみます。 １．視線をつかまえる Web上にも街にも広告だの何だのと情報が氾濫しています。その中で「見てもらう」ためには何かしらの工夫が必要になることがあります。というわけでまずは「人の視線をつかまえる」ための方法論を少し。 「人の顔」を使う まずはこの画像を見てみてください。 01 posted by (C)フォト蔵 最初に、どれを「見てしまいました」か？
Navigation Menus: Trends and Examples | Design Showcase | Smashing Magazine
Navigation is the most significant element in web design. Since web-layouts don’t have any physical representation a user can stick to, consistent navigation menu is one of the few design elements which provide users with some sense of orientation and guide them through the site. Users should be able to rely on it which is why designers shouldn’t mess around with it. Navigation is the most signifi
セクシーに動作するスライドメニューバー実装JSライブラリ:phpspot開発日誌
Sexy sliding JavaScript side bar menu using mootools at Andrew Sellick When trying to conceive ways in which space could be saved on a web page I decided a sliding menu would work well as shown in the images below.セクシーに動作するスライドメニューバー実装JSライブラリ。 クリックするとニューっとアニメーションしてセクシーに開いてくれるメニュー実装のためのライブラリが公開されています。 デモはこちら CSSによってデザインできるので、デザインも簡単です。 ちょっと変わり種ということで、デザイン系のサイトで使えそうですね。
WEBデザインの際に参考にできる水平メニューサンプル集:phpspot開発日誌
nclud's Sketchbook | Horizontal Navigation; nine ways to skin a cat In an attempt at being unique and innovative, deciding on your navigation structure and presentation can sometimes seem like the most challenging.WEBデザインの際に参考にできる水平メニューサンプル集。 タブ風の水平メニューのサンプルが色々と紹介されています。 どれもシンプルですが、邪魔にならず見栄えのするデザインなので、デザイナーの方は、一度見ておきたいですね。
[JS]入れ子の階層に対応した、多段型ナビゲーションのスクリプト集
Dynamic Driveのエントリーから、入れ子の階層に対応した多段型ナビゲーションのスクリプトを紹介します。
階層ナビゲーション実装ライブラリ集:phpspot開発日誌
Multilevel Drop Down Navigation Menus: Examples and Tutorials Navigation menus are the most important element one should pay attention when designing a website. 階層ナビゲーション実装ライブラリ集をまとめたエントリが公開されていたので気になったものをいくつか紹介。 JavaScriptなどを活用して、マウスホバー/クリック時に開閉するおなじみのＵＩがいっぱいです。 Drop Down Tabs (5 styles) Professional Dropdown FastFind Menu- Mootools Unlimited Drop Menu Creating an Outlook Navigation Bar 全部見る デザイン
[CSS]Flashを背景にして動作する、階層型ナビゲーション
CSS playのエントリー「A flyout menu over flash objects」から、Flashを背景にして動作する、階層型ナビゲーションの紹介です。 A flyout menu over flash objects 通常、Flashを背景とするとうまく動作しませんが、下記の手法を使用して実装しています。 swfの埋めこみの記述 「wmode」に、「transparent」を指定。 ※swfファイルの背景色を確認する。 <textarea name="code" class="html" cols="60" rows="5"> <param name="wmode" value="transparent" /> <embed wmode="transparent"></embed> </textarea>
[CSS]スクリプト無しで実装するドロップダウン&ラインのナビゲーション | コリス
CSSplayのエントリー「Professional dropline / dropdown / flyout hybrid menu」から、スクリプトを使用しないでスタイルシートで実装する、ドロップダウンとドロップラインを組み合わせたナビゲーションの紹介です。 Professional dropline / dropdown / flyout hybrid menu 対応ブラウザはIE6, IE7, Fx, Op9.25, Op9.5beta, Safari(PC)となっており、IE6用にはtableを使用しています。 使用はフリーですが、気に入った場合など寄付を考えてください、とあります。
40 Beautifully-Designed Navigation Menus | Vandelay Design Blog
These earth tone color palettes are perfect for a wide variety of nature-inspired designs. Use the provided hex codes to save time choosing colors.
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ウインドウの横に隠れるサイドナビゲーションJavaScript （side-bar.js） - youmos
CSSベースの超クールなナビゲーション集:phpspot開発日誌
ナビゲーションのトレンドと傾向 -2008年2月 | コリス
CSS Menus, css menu - high quality website navigation menus | 13styles CSS Menus
WOWOWオンライン
角丸や矩形だけではない、タブ型ナビゲーションのデザイン集 | コリス