スマートフォンで横から出てくるドロワーメニュー 【レスポンシブ・プロフィール欄・ドロップダウンメニュー】 - Minimal Green

PCでは横並びのドロップダウンメニューで、スマートフォンではトグルボタンでドロワーメニューが横から出てくるグローバルメニューをはてなブログ向けに作りました。（はてなブログ以外でも使えます） PCではマウスオーバーするとドロップダウンメニューが表示され、スマートフォンでも2階層目のサブメニューが表示されます。 使用ライブラリ： ドロワーメニュー用のテンプレートを作りました | ザリガニデザインオフィス github.com こちらのザリガニデザインオフィスさんのテンプレートをベースに作らせていただきました。 デモ HTML・JS CSS 【追記】 改良版を作りました。 blog.minimal-green.com デモ出来上がりはこんな感じです。スマートフォンではメニュー項目の他、プロフィール欄やフォローボタンも表示されます。PC非表示フリースペースはアレンジして作り込んでみて下さい。PC版

[unohanna]

スクロールするとトップに固定できる設定と一緒に実装させていただきました！とても見やすくてかわいいです。ありがとうございます！！

[m-golxy]

メニューが見やすくて思いっきり良いです。土日に入れ替えてみます。

[bumpmania]

あら^～いい感じですね！今度カスタマイズするときには是非使わせてもらいたいです。