ハンバーガーボタンを作る

デスクトップPCではあまりみませんが、スマートフォン等の小型デバイスになると、ハンバーガーボタンを見かけることが多い。

ハンバーガーボタンを押下すると、画面が切り替わりメニューが表示されるようになります。これを実装することを考えていく。

説明するまでもないが、スマートフォンが普及しているため、レスポンシブウェブデザインのデザインやコーディングをしていく上ではハンバーガーボタンは必須となるため、ここで説明していく。

HTMLやCSSでの作成から説明し、最後にjQueryを利用して説明していく。