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

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

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

はてなブログ（無料）をカスタマズしてみました！④ -グローバルナビゲーション編- - Traveling Creator's Life

2016/01/30 14 users life CSS はてなブログ 無料 コード

2016 - 01 - 30 はてなブログ（無料）をカスタマズしてみました！④ -グローバルナビゲーション編- TIPS プロに移行しようと思っているのですが、その前に、PCはかなり無料でもカスタマイズできたので、参考になればいいなと思って、私が使用したコードを紹介したいと思います。（HTML/ CSS にあまり触ったことのない初心者さん向けです＊） 今回は 「グローバルナビゲーション」 です。 ... 続きを読む

シンプルな水平メニューと相性が良さそうな、CSSホバーエフェクトのまとめ | NxWorld

2015/12/21 34 users NxWorld ミニマルデザイン 相性 アニメーション 普段

グローバルナビゲーションといえば作り込んだ感じのデザインや移動先のページの内容が把握しやすいようなアイコンなどを一緒に配置しているものをやはり多く見かけますが、中には特にミニマルデザインなサイトなどでテキストだけを並べたシンプルな水平メニューを取り入れているサイトもあります。ただパッと見はたしかにシンプルなデザインでもホバー時にアニメーションを加えたりしているサイトも多く、自分も普段からそのような... 続きを読む

カテゴリトップ「テクノロジー」を新設し、グローバルナビゲーションの挙動を変更しました - はてなブックマーク開発ブログ

2015/11/05 34 users カテゴリトップ 挙動 テクノロジー コーナー 技術ブログ

2015-11-05 カテゴリトップ「テクノロジー」を新設し、グローバルナビゲーションの挙動を変更しました いつもはてなブックマークをご利用いただき、ありがとうございます。はてなブックマークディレクターのid:juseiです。はてなブックマークWeb版にカテゴリトップ「テクノロジー」を新設し、新たに技術ブログにフォーカスしたコーナーを追加いたしました。それに伴い、グローバルナビゲーションの挙動を“... 続きを読む

はてなブログ スマホ版にグローバルナビゲーションをつけてみました！～はてなブログ初心者のカスタマイズ奮闘記！ - びーきゅうらいふ！

2015/10/25 8 users iPhone comomo びーきゅうらい カスタマイズ

2015-10-25 はてなブログ スマホ版にグローバルナビゲーションをつけてみました！～はてなブログ初心者のカスタマイズ奮闘記！ はてなブログ ども！comomoです！ 以前 b9life.hatenablog.com という記事で「このブログを読んでくださる方はiPhoneの方が凄く多い！」ということを書きました。 そして早急にスマホ版のカスタマイズをやらねばいかん！ということも･･･ そこで... 続きを読む

【はてなブログ】スマホ表示にグローバルナビ設置！「最初の記事から」と「注目記事」へのリンクも☆彡 - ◎ どーなつ手帖 ◎

2014/11/04 8 users 最初 スマホ表示 リンク 注目記事 はてなブログ

2014-11-04 【はてなブログ】スマホ表示にグローバルナビ設置！「最初の記事から」と「注目記事」へのリンクも☆彡 Web hatena こにちわ☆本多です。 スマホ表示にグローバルナビゲーションを設置しました！ ポイントは、「最初の記事から読む」と、ページ下にある「注目記事」へ飛ばすリンクです♡ スマホで「お！」と気になるブログを見つけた時、最初から読むのが大変だったのですよ……。 参考にさ... 続きを読む

はてなブログのスマホ表示にグローバルナビゲーションを設置する - AIUEO Lab2

2014/09/19 95 users グローバルナビ AIUEO Lab 吉本ユータヌキさん

2014-09-19 はてなブログのスマホ表示にグローバルナビゲーションを設置する Webサイト制作 はてなブログ スポンサーリンク はてなブログにはPC表示用にもスマホ表示用にも、グローバルナビゲーションが純正では用意されていません。 スマホにもグローバルナビを設置したいなーという人は多いのでしょうか？昨日、吉本ユータヌキさんからこんなツイートをもらいました。 @aiueolab ひ！非常に嬉し... 続きを読む

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

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

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

WordPressの記事のカテゴリー毎にアイコンを変更する分岐を作成する｜Wordpressでブログでなくビジネスサイトをつくろう【MdN連載第12回目】 | HTML5でサイトをつくろう

2013/05/13 97 users カスタムメニュー 分岐 色分け WordPress アイコン

前回はカスタムメニューを使用してグローバルナビゲーションの作成方法を紹介しましたが、今回は投稿した記事にカテゴリーによって専用のアイコンなどを設定することができるような条件分岐を行います。 更新情報などを複数のカテゴリーに分けて視覚的にわかりやすくしたり、複数人で投稿するブログなどでカテゴリー毎に色分けや写真を入れたり簡単な記述でいろいろなことができますので是非使ってみましょう。 投稿するカテゴリ... 続きを読む

新サービスOrigamiのFacebookの裏実態。どうなる５億円？！ - NAVER まとめ

2013/04/25 90 users Facebook Origami NAVER about

グローバルナビゲーション New! About お仕事 Umeki Salon お勧め本 Facebook 注目スタートアップ5選 SVS7資料 エンジニア年収 My Sumally CoffeeMeeting エンジニアファクトリー ポケットコンシェルジュ 資本金5億円でローンチしたOrigamiは、日本のアパレルスマホコマースの真打ちとなるか 投稿日: 2013/04/23 カテゴリー: 国… 続きを読む

WordPressのカスタムメニューを使用してグローバルナビゲーションを作成する｜Wordpressでブログでなくビジネスサイトをつくろう【MdN連載第11回目】 | HTML5でサイトをつくろう

2013/04/10 48 users カスタムメニュー ガスタ WordPress 前回 メニュー

前回はWordPressで投稿した記事を投稿するための管理画面の説明とよく使用するWordPressタグのまとめ、それらを使用して実際に表示するために使用するループ文についての基本をまとめました。 今回はビジネスサイトに必要なグローバルナビゲーションなどのメニューの作成をWordPress3.x以降から追加された「カスタムメニュー」を使用して作成していきたいと思います。 WordPressのカスタ... 続きを読む

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がフッター。 とりあえず、最低限や... 続きを読む