名称の種類
ハンバーガー
スマートフォンでよく見かけるメニューを開閉する三本ラインのメニューボタン。その見た目から、「ハンバーガーメニュー」などとも、呼ばれています。
ドロワー
また、「ドロワーメニュー」と呼ばれることもあります。ドロワー(引き出し)という意味です。三本ラインの中に、コンテンツメニューを集約することから、あたかも引き出しのように捉えられています。
(呼称の違いはあっても、実際同じものを指していますので、捉え方にご注意ください。)
作成方法
トグルボタンをクリックした後、【×】になる、あるいは変わらない、【三】から【×】に変化する際のアニメーションなど、様々な演出があります。ユーザーにわかりやすくする、操作が楽しいなどのメリットはありますが、コンテンツへ誘導させることが本来の目的なので、演出にこだわる必要性は、特にありません。
▶ 【作ってみる実践編】
CSSで作るトグルボタン
● font-awesomeの場合は、こちらで解説しています。
【仕上がりサンプル】http://cocohp.com/menu/001/font_awesome/
● プラグインDrawerを使って実装する手法は、こちらで解説しています。