ajicolor https://blog.hatena.ne.jp/ajicolor/ やわらかしかっけい https://ajicolor.hatenablog.jp/ HTML,CSS,javascript なんだかんだ言っても、ECサイトや企業サイトではなく、個人のページとか、単純な作りのページであればまだまだハンバーガーメニューは有効だと思うのです。「ハンバーガーメニューはクソ」とか言われてた頃に比べて、浸透度も高まってるだろうし。 仕様 右上に固定 クルッと回ってバツになる、それを丸で囲う メニューをクリックしてジャンプしたらデフォルトの非表示状態に戻る HTML <nav> <a class="menu-trigger"> <span></span> <span></span> <span></span> </a> <ul class="navmenu"> <li><a href="#">… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fajicolor.hatenablog.jp%2Fentry%2F2017%2F10%2F19%2F160228" title="ハンバーガーメニュー - やわらかしかっけい" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> http://hbb.afl.rakuten.co.jp/hsb/0eb46e46.f29a9871.0eb46e39.39a610d9/ Hatena Blog https://hatena.blog 2017-10-19 16:02:28 rich https://ajicolor.hatenablog.jp/entry/2017/10/19/160228 1.0 100%