レスポンシブWEBデザインは当たり前の世の中になりました。 当たり前になるにつれて、レスポンシブWEBデザインに関連するさまざまなパーツが類型化・体系化されてきています。 今回ご紹介するナビゲーション&メニューについても、ある程度、メジャーなパターンというものが出来上がってきています。 そこで今回は、レスポンシブWEBデザインのナビゲーション&メニューのベストパターンをご紹介します。 多くのものはjQueryを使って簡単にだれでも実装できるものばかりです。 SlickNav ウインドウ幅が指定サイズ以下になると、メニューアイコンに変化して右上に表示されるタイプです。 多階層にも対応していていたり、アニメーションで動きもつけられます。 ie7以上に対応。 詳しい実装方法がサイトにのっているのでわかりやすいです。 SlickNav FlexNav 指定サイズ以下になると、メニューバーのみが表示
![レスポンシブWEBデザイン用ナビゲーション&メニューのベストパターン16 | co-jin](https://cdn-ak-scissors.b.st-hatena.com/image/square/d45ceaeb7572952fbf21383bcf474ec0c505f918/height=288;version=1;width=512/https%3A%2F%2Fco-jin.net%2Fwp-content%2Fuploads%2F2014%2F01%2Fresponsive_menu_19.jpg)