ハンバーガーメニューを学ぼう

ハンバーガーメニューとはメニューを表現するパーツの一種です。3本線のマーク「≡」がハンバーガーに似ていることが名前の由来。

このメニューは、例えばPC版デザインではナビゲーションとして羅列されていたものを、SP版で表現する際に非常によく使われます。 

そんなハンバーガーメニューを学べる記事をまとめました。

eclairのブログ

URL：https://eclair.blog/make-hamburger-menu-simply/

ハンバーガーメニューの作り方が簡潔にまとめられています。メニューの基本的な構造、仕組みはこちらを読んで理解しましょう。

難易度：★★☆

セカヤサブログ

URL：https://itokoba.com/archives/1454

少々量は多いですが、細かいところまで説明しています。

メニューを開いているときに背景を固定する方法など、より実践的なものが知りたい場合はこちらを読んでみましょう。

難易度：★★★