ハンバーガーメニュー

ハンバーガーメニューとは

これが通称ハンバーガーメニューだ。

基本的には三本の黒い棒で表しているナビゲーションメニューみたいな感じ。

スマホ版のメニューで使われている印象である。

この三本線を押すとメニューが表示される。

パソコンサイトだとあんま見たことない。

簡単なやつだとHTMLとCSSで作ることが可能。

ハンバーガーメニューの作り方

作るうえで使う言語はHTMLとCSSだ。

普通だとJavaScriptを使うらしい。

内容はコード内にコメントアウトしてあるからそれを参考に。

色をいじりたい人は

CSSのbackground-colorとcolorの16進数をいじれば変えられる。

ちゃんとviewportとメディアスクリーンを使わないと表示が崩れるので注意してください。