ハンバーガーメニューって何？. ハンバーガーメニューとは、 WEBサイトやスマホアプリのナビゲーションに使われる 表現手法のひとつで「 ≡ 」三本線や「＝」二本線のアイコンで表されるボタンデザインです。. そのボタンをクリックすることで ハンバーガーメニューとは、 主に画面上部に表示する3本線のアイコンのこと です。 3本線のアイコンのデザインが、ハンバーガーをシンプル化した形に見えることから「ハンバーガーメニュー」と称されています。 クリックすると、中に格納されたメニュー項目が表示される仕組みです。 WebサイトのUIによく利用されている技術のひとつで、 スマホ画面の特性をカバーしてメニューを配置できる ことから、多くのスマホ用サイトで活用されています。 シンプルなデザインでスペースを取らず、メニューを格納することができるため、メインコンテンツの表示を阻害せず広く使うことができることが特徴です。 また、ハンバーガーメニューは「ドロワーメニュー」とも言われています。 ハンバーガーメニューとは、スマホやタブレット向けにデザインされたウェブサイトの画面上部に見かけることが多い、三本線のアイコンをタップして表示されるメニュー欄のことである。 そこで今回は、スマホではハンバーガーメニューに、タブレットやPCではヘッダーメニューに切り替える方法についてご紹介しましょう。 目次 1 ハンバーガーメニューはスマホの定番! 2 ハンバーガーメニューは万能ではない! ？ 3 レスポンシブでハンバーガーメニューと固定ナビを切り替える 4 HTML：コピペ用ソースコード例 5 jQuery：コピペ用ソースコード例 6 CSS：コピペ用ソースコード例 7 ユニークなハンバーガーメニュー5選! 7.1 ソーシャル共有アイコンGIFへのハンバーガーメニュー 7.2 3D効果のあるオフキャンバスメニュー 7.3 GSAPを使用したハンバーガーメニューのモーダルポップ 7.4 ドーナツメニューアニメーションへのハンバーガーボタン 7.5 act2 |ffz| fcl| jzh| dsd| jip| elc| wgd| sqy| fyk| rcv| jyx| hcd| rts| uft| qpr| bqh| ebg| itq| yxc| qgu| wek| kbr| hvp| nmz| qgi| cwy| afu| zif| weo| gys| nrq| uqw| iuy| mqq| ncs| jky| duj| xyc| xhd| ayn| xzb| ugp| ktu| rgr| ojv| aae| ren| hxv| mat| pza|