ドロップダウンメニューをjQueryを使ってリデザインする方法 – creamu
JANKOで、ドロップダウンメニューをjQueryを使ってリデザインする方法が紹介されています。 For me, standard HTML Select element is pretty much annoying. It’s ugly. It can’t be styled properly in Internet Explorer. And it can’t contain nothing but simple text. とのことで、標準のHTMLセレクトエレメントはとても退屈でかっこわるいのでリデザインしたとのこと。 ↑のようにシンプルだけどデザインされたメニューが実装されていますね。 デモは以下から。 » JankoAtWarpSpeed demos ソースコードもダウンロードできるので、ぜひ見てみてはいかがでしょうか？ » Reinventing a Drop Down w
[CSS]パネルをさくさく切り替えるドロップライン型のナビゲーション
スクリプト無しで実装する、複数の画像を配置したパネルをさくさく切り替えるドロップライン型のナビゲーションを実装するスタイルシートをCSSplayから紹介します。 Professional drop line menu with images demo デモでは各タブにマウスをフォーカスすると、対応したパネルが表示されます。 パネルに配置できる画像の枚数は一枚だけでなく、多くの画像を配置することが可能で、その際は上記キャプチャのように横スクロール状に表示されます。 対応ブラウザは、IE6, IE7, Firefox, Opera, Safari (PC) and Google Chromeとのことです。
現ページのリンクの非アクティブ化にもう面倒なif分岐処理は不要 「CurrentPage.js」を公開:phpspot開発日誌
現ページのリンクの非アクティブ化にもう面倒なif分岐処理は不要 「CurrentPage.js」を公開 2009年03月09日- 現ページのリンクの非アクティブ化にもう面倒なif分岐処理は不要 「CurrentPage.js」を公開しました。 「 トップページ | リンク | 掲示板 」といったナビゲーションメニューがあると思いますが、アクティブな場合に、太字にして<a>を消すっていう処理をphpなどで書いている場合があると思いますが、非常にコードが見づらくなって、メニューが増えるたびに面倒な分岐処理を追記しなければなりませんでした。 （面倒な分岐の例） <?php if ($current_url == "link.php") { ?> <strong>リンク集</strong> <?php } else { ?> <a href="link.php">リンク集</a> <?php }
デザインの参考になるユニークなナビゲーション集:phpspot開発日誌
50 Beautiful And User-Friendly Navigation Menus | Design Showcase | Smashing Magazine デザインの参考になるユニークなナビゲーション集がSmashingMagazineにて公開されていますのでご紹介。 そんな手があったか、というナビゲーションアイデアの宝庫なので、ちょっと変わったナビゲーションを作ろうというときに参考に出来そう。 Loodo Acko.net Nopokographics Smallstone Water’s Edge Media Studioracket Revolution Driving Tuition 全部見る インパクトの強いナビゲーションは、カスタマイズが大変なので、ナビゲーションの更新がよくありそうなサイトでは実装に注意ですが、インパクト重視の一回限りのキャンペーンサイトなんか
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
[CSS]軽快に動作するタブコンテンツを実装するスタイルシート
ユーザーフレンドリーな優れたナビゲーション集
[CSS]ボタンやナビゲーションを実装するスタイルシートのチュートリアル集
ナビゲーションメニューのデザイン総まとめ - DesignWalker