気に入った記事をブックマーク
- 気に入った記事を保存できます
保存した記事の一覧は、はてなブックマークで確認・編集ができます
- 記事を読んだ感想やメモを書き残せます
- 非公開でブックマークすることもできます
明日から使える！ユーザビリティに優れたリッチなグローバルメニューの作り方 | 株式会社WEB企画
5 users
webkikaku.co.jp
webkikaku.co.jp
webkikaku.co.jp
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
ヘッダー固定のグローバルメニューを作る機会がありました。 グローバルメニューに大きめのアイコンを付... ヘッダー固定のグローバルメニューを作る機会がありました。 グローバルメニューに大きめのアイコンを付けるようなデザインで高さを大きくしすぎてしまうと、ノートパソコン等の縦幅が小さい画面で見た時、表示できるコンテンツの量が狭くなってしまう問題があります。 そこで、この問題を解消するため、スクロールするとグローバルメニューが縮む仕掛けを実装してみました。 そうすることでファーストビューはデザイン性のあるリッチなグローバルメニューを演出しつつ、スクロールするとコンテンツを邪魔しないシンプルなグローバルメニューに変わります。 スマートフォンは解像度がPCに比べ小さいので、スマホサイトでも活躍しそうです。 それでは、実装の仕方を順を追って説明していきます。 スクロールすると高さが縮み、追従するグローバルメニューの実装方法 STEP.1 まずは、グローバルメニューをコーディング PSDなどでデザインした
webkikaku.co.jp
webkikaku.co.jp
webkikaku.co.jp
webkikaku.co.jp
www.amuse.co.jp
meetscareer.tenshoku.mynavi.jp
www.bbc.com
newsdig.tbs.co.jp
gigazine.net
yoshi389111.github.io
www.itmedia.co.jp
jp.reuters.com
blog.tsubotax.com
japan.zdnet.com
prtimes.jp
k-tai.watch.impress.co.jp
tech.g.hatena.ne.jp/rx7
2015/09/28 リンク