サイドからクリックで展開するスライドナビを作成する【jQuery連載10】 | HTML5でサイトをつくろう

ウェブサイトでスクリーンサイズ目一杯の大きな画像を使用したり、海外の画像共有サイトPinterestのように大量の画像をコンテンツとして敷き詰めるようなサイトでは、画像やコンテンツの魅力や迫力を損なわないように、余計な文字情報やユーザーが操作するメニューを小さくあつかったり、普段は隠しておいて必要なときに表示するようにしている場合が多くあります。 また、モバイル環境でのサイト閲覧も年々増加していることから、限られたスクリーンサイズの中でいかにユーザーが情報を見やすく、且つ使いやすいインターフェイスを提供するべきかを考えると、モバイルアプリのUIにならって、ウェブサイトでも主なメニューを通常隠しておいて、必要なときに出現させて利用できる仕組みを提供することは１つの解決方法として必須になるだろう。このような仕組みを提供する場合は、ユーザーに隠れているメニューの存在を気付かせると同時に、直感的な