ハンバーガーボタン実装で学ぶJSの基礎
ハンバーガーボタン実装で学ぶJSの基礎主にスマートフォンデバイスなどのUIでよくみられるようになった三本線「三」のメニューボタン。海外でハンバーガーに見えることからハンバーガーメニューとか、ハンバーガーボタン・ナビゲーションと呼ばれています。今回は、ハンバーガーボタンをもとにJavaScriptの基礎をご紹介します。 ◎ 長所 メニューの内容をWebサイト上に表示させなくとも、コンテンツリンクを実装できるハンバーガーボタンは、画面の表示領域を広くもつことができます。 そのため、ゆったりとしたデザインや大胆なレイアウトをスマートフォンでもできることが魅力です。 △ 短所 コンテンツリンクを押すためにひとつ動作が増えたことから、 ユーザーエンゲージメント※1※1 エンゲージメントとは、企業や商品、ブランドなどに対してユーザーが「愛着を持っている」状態のこと。 、つまりユーザーがサイトのゴールに
面白い！スマホならではの操作方法を活かしたサイト事例5選 | hi-posi Front-End blog
ページの傾きを検知したり、端末を振って操作するなどスマホならではの操作方法を活かしたサイトをいくつか集めてみました。どのサイトも凝っていて、参考になります。 １：左右どちらかに傾けるとストーリーの目線が変わる「シーブリーズ Wサイドストーリー」 端末を左に傾けると男の子目線でのストーリーが展開され、右に傾けると女の子目線でのストーリーが展開していくコンテンツです。 途中で目線を切り替えることも可能です。 コンテンツの内容と、操作方法がマッチしていて良いですね！ 「瞬間アセきゅんコンテンツ！」だって！ シーブリーズ Wサイドストーリー http://www.seabreezeweb.com/wsidestory/ ２：動画とHTMLページを組み合わせた「THE LUXURY TEST」 TOYOTA ALPHARDのスペシャルコンテンツ。 出題映像（動画）が表示され終わったあとに、問
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
