スマホサイトでよく見かける、最上部の左か右にある「三」のようなボタン。知っていますか? タップするとメニューが出てくる、通称「ハンバーガーメニュー」。ナビゲーションドロワーとも言います。 WEBデザインが好きな人なら特に使ってみたいと思う機能というか、モバイルファーストになっている現代ではもはや常識みたいなものですよね。 そんなハンバーガーメニューをコピペで簡単に実装できるようにしました! ハンバーガーメニューの実装自体はJavaScriptやJQueryを使わず、CSSだけで実装する方法を紹介します。 今回もコピペで使えるようにサンプルを用意し他ので、ぜひ活用してみてください!