ヘッダー（グローバルナビゲーション）のデザイン事例100選｜akane

2024/04/25 304 users Akane ヘッダー デザイナー 株式会社Rabee 最後

こんにちは！株式会社Rabeeのデザイナーのakaneです🐏 今回は、ヘッダー（グローバルナビゲーション）のデザイン事例を調べてみました！パターンごとに分類しながら紹介していくので、どうぞ最後までお楽しみください✍ はじめに：グローバルナビゲーションとは？グローバルナビゲーションとは、Webサイトの全ページに共... 続きを読む

UIデザイナーが理解しておくべき11種類のナビゲーションと特徴 | sogitani.baigie.blog

2014/07/17 861 users ナビゲーション UIデザイナー 特徴 過言 アプリケーション

WebサイトやアプリケーションのUIは、いくつかの要素の組み合わせで構成されますが、使いやすさに最大の影響を与えるのはナビゲーション要素でしょう。ナビゲーションのデザインを制する者がUIデザインを制する、といっても過言ではありません。 というわけでここでは、UIで最も大事な要素、ナビゲーションというものを整理して理解するために、その種類と特徴をまとめてみました。 1. グローバルナビゲーション ユ... 続きを読む

jQueryでスクロールすると上部に固定されるナビゲーション | webOpixel

2012/02/21 649 users jQuery webOpixel NAV clearfix

グローバルナビゲーションはロゴの下に配置されていることが多いですが、スクロールするとナビゲーション部分だけが上部に固定されるようなものをjQueryでやってみたいと思います。 html & css htmlです。 html <h1><a href="#">タイトル</a></h1> <div class="nav"> <ul class="clearfix"> <li><a href="#">HO... 続きを読む

Webデザインの“ブブン”を集めたブブンデザインアーカイブ　公式サイト

2010/12/07 2143 users ログインフォーム メインビジュアル フフン Twitterア

ブブンデザインアーカイブは、Webデザイナーのための国内最大のWebパーツデザイン集です。タイトルロゴ(115) プライマリナビゲーション(58) グローバルナビゲーション(204) メインビジュアル(65) 見出し(258) 文字装飾(6) アクセント(22) サイドメニュー(99) ログインフォーム(62) タブ(50) テーブル・表(19) 特集バナー・内部リンク(427) Twitterア... 続きを読む

TRANS [hatena] - 印刷用CSSをまとめてみた。

2006/12/08 804 users trans Hatena secondary primary

以前、絵文禄のことのはさんのところで、サイトの横幅を640ピクセルにする理由――統計と現状に基づく結論というエントリーがあった。それから、ちょっと印刷用CSSに興味を持って、色々と調べてみたり、自分で書いてみたりした。そのまとめ。 ちなみに、#naviがグローバルナビゲーション、#primaryがメインコンテンツ、#secondaryがサブメニュー、#footerがフッター。 とりあえず、最低限や... 続きを読む