スマホサイトの作成をしていると、どのタイプのナビゲーションメニューを実装するか迷います。 コンテンツ量が多いと、アコーディオンメニューだと開き過ぎるとか、コンテンツ量が少ないと横型スライドだと、わびしい感じがあったりとか、そのサイトに適したナビゲーションメニューの選択が必要になるということは、必然的にレパートリーが必要になるということ。そんな訳で今回はLightroom風のポップアップタイプのモーダルウインドウ式のナビゲーションメニューを作成したので備忘録としてまとめておきます。 そもそも、「モーダルウィンドウってナニ?」って方は、Twitterで交流のある@arayutwさんがまとめている「初心者でも分かる!モーダルウィンドウの作り方」って記事でめちゃくちゃ丁寧にまとめられているので、そちらをご参照いただくことをオススメします。かくいう僕も今回のナビゲーションを作成できたのはこの記事のお
![(K)jQueryのモーダルウインドウでスマホ用のナビゲーションメニューを作成 | web(K)campus|WEBデザイナーのための技術系メモサイト](https://cdn-ak-scissors.b.st-hatena.com/image/square/7f5044a23d0d0762276469914f6b2be9da5af31c/height=288;version=1;width=512/https%3A%2F%2Fwebkcampus.com%2Fwp-content%2Fuploads%2F2015%2F03%2Fmodal_nav_top.jpg)