【2021年版】ハンバーガーメニューはどの位置が最適？ 関東の大学を調べてみた！ | ビジネスとIT活用に役立つ情報（株式会社アーティス）
今やスマートフォンサイトにおいて無くてはならない物になったハンバーガーメニューですが、どの位置に配置するべきか自信を持って答えられる方は少ないのではと思います。 今回は受験生や在学生などスマホでの閲覧が多い、関東の大学のホームページを調査して、最近の傾向やより良い配置場所、NGパターンなどを調べていきます。 なぜ関東の大学のホームページを調べるのか？ 大学のホームページはターゲットユーザーが若年層になるためスマートフォンで閲覧される割合が高く、他大学との差別化を兼ねて様々な工夫を施していると予想されます。 特に関東圏であれば受験生獲得競争も激しいため、一般的なサイトや地方の大学ホームページに比べてより参考になると考えました。
★★CSSだけで簡単！ハンバーガーメニューの作り方（スマホ対応）
HTML <header> <div id="nav-drawer"> <input id="nav-input" type="checkbox" class="nav-unshown"> <label id="nav-open" for="nav-input"><span></span></label> <label class="nav-unshown" id="nav-close" for="nav-input"></label> <div id="nav-content">ここに中身を入れる</div> </div> </header> inputやらlabelやらが入っていて、何のことが分かりづらいかと思うので、少し解説をします。 解説 全体はheaderで囲んでいます。他にもサイトタイトルやロゴ画像を入れるのではないかと思います。<div id="nav-drawer">の中に
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
