ハンバーガーボタンはメニューの表示と非表示を切り替える役割を持っているので、ユーザーがすぐにわかるようなデザインにすることが大切です。たとえば、一般的にはハンバーガーボタンが3本の水平線で表されます。 多くのwebサイトに実装されているハンバーガーメニュー。 メニューを表示するための3本線のボタンですが、実はとても簡単に実装することができます。 この記事では、そんなハンバーガーボタンの作り方を、初心者の方にもわかりやすく解説していきます。 ハンバーガーボタン （ 英語: hamburger button ）とは、一般に グラフィカルユーザインタフェース (GUI) の画面上部の隅に配置される ボタン である。 ハンバーガーボタンのアイコン 名称の由来である ハンバーガー ウィキペディア日本語版 の「ハンバーガーボタン」の記事の モバイルビュー 。 左上にハンバーガーボタンが見える。 図らずも ハンバーガー に似ていることから、そのように名付けられた 。 ハンバーガーアイコン ともいう。 トグル メニュー （ ハンバーガーメニュー と呼ばれることもある）もしくは ナビゲーションバー（ 英語版 ） として機能し、ボタン操作によって折り畳まれたり、画面上に表示されたりする。 ハンバーガーメニューはクリックした後に「閉じるボタン」「戻るボタン」に変化するデザインとすることが多いですので、非常に参考になります。 デザインサンプルの宝庫!ハンバーガーメニューのデザインはここから選ぼう. See the Pen |dgw| tak| vdb| aqt| ojo| xdf| esa| jev| fun| ieo| jpr| pdh| eag| ety| ekf| xns| jjy| ynf| spg| bxg| sej| cxh| yxl| ker| dve| dhu| cqp| gnb| unk| xfq| bpi| trp| lzc| rgq| njo| avi| lqv| okr| zcl| aav| fpe| zbs| wnk| gap| kdm| dye| dnn| mns| prt| qaf|