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

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

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

はてなブログのスマホ表示にグローバルナビゲーションを設置する - 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 カテゴリー: 国… 続きを読む

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