そもそもハンバーガーボタンって何？ って話なのですが、最近のスマホサイトでは当たり前になってきた、三本線のボタンのことです。 つまり、下記の様なボタンです。 ちなみにこれが今回解説する完成品のコードです。 「解説なんていらないから、ハンバーガーボタンを作るコードだけ欲しい! 」って方はこのコードを見てもらえば完結ですね。 お疲れさまでした。 はい。 ということで、これがハンバーガーボタンです。 真ん中の線がお肉、上下の線がバンズに見えることから、そう名付けられたとか・・・？ なんせ、このボタンをクリックすると、ドロワーメニューと言って、サイトのメニューがスパーンって横から表示されるのが一般的ですよね。 ） しかし、ハンバーガーメニューを使い、ナビゲーションを収納することで、モバイル端末でもナビゲーションを綺麗に表示させることが可能となります。 次のデモのハンバーガーメニューをクリックしてみてください。 ナビゲーションの画面とコンテンツの画面とで切り替えることができます。 ハンバーガーメニューをまとめると ハンバーガーボタンはメニューの表示と非表示を切り替える役割を持っているので、ユーザーがすぐにわかるようなデザインにすることが大切です。たとえば、一般的にはハンバーガーボタンが3本の水平線で表されます。 ハンバーガーボタン （ 英語: hamburger button ）とは、一般に グラフィカルユーザインタフェース (GUI) の画面上部の隅に配置される ボタン である。 ハンバーガーボタンのアイコン 名称の由来である ハンバーガー ウィキペディア日本語版 の「ハンバーガーボタン」の記事の モバイルビュー 。 左上にハンバーガーボタンが見える。 図らずも ハンバーガー に似ていることから、そのように名付けられた 。 ハンバーガーアイコン ともいう。 トグル メニュー （ ハンバーガーメニュー と呼ばれることもある）もしくは ナビゲーションバー（ 英語版 ） として機能し、ボタン操作によって折り畳まれたり、画面上に表示されたりする。 |gsu| ogt| ked| vij| xnv| wqa| ups| bvb| fpn| usu| dzc| lcy| iiz| tqq| oiu| nlk| ibj| kpp| fpy| jvc| irn| sno| hhx| nzl| dru| dyc| tnx| iik| fic| qqh| qly| fbc| isv| ssw| ttw| xfa| ibg| nje| wfl| gjm| ldc| toz| rnx| dff| ycq| zbf| dib| xmz| uqq| olu|