レスポンシブなナビゲーションのパターンをまとめているResponsive Navigationのご紹介です。選択肢が複数あるとコンテンツにも合わせやすくなるので覚えておきたいところです。
レスポンシブWebデザイン対応のWebサイト向けのナビゲーションです。ブレークポイントに応じて、そのデバイスで使いやすいナビゲーションに変化してくれる、というものが中心のようですね。
![rn01](data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==)
![rn01](http://kachibito.net/wp-content/uploads/2013/08/rn01.jpg)
レスポンシブなナビゲーションのパターンのまとめサイトです。8種ほどですのでまとめ、というほど数はありませんが、覚えておくと時間の短縮に繋げられるかも。
![rn02](data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==)
![rn02](http://kachibito.net/wp-content/uploads/2013/08/rn02.jpg)
↑ サイドからスライドインするようになるやつとか
![rn03](data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==)
![rn03](http://kachibito.net/wp-content/uploads/2013/08/rn03.jpg)
↑ グリッドで並べられたりとか
他にもいくつか。コンテンツにあわせて導入したいですね。詳細は以下よりどうぞ。
Responsive Navigation
Responsive Navigation
![rn01](http://kachibito.net/wp-content/uploads/2013/08/rn01.jpg)
![rn01](http://kachibito.net/wp-content/uploads/2013/08/rn01.jpg)
![rn02](http://kachibito.net/wp-content/uploads/2013/08/rn02.jpg)
![rn02](http://kachibito.net/wp-content/uploads/2013/08/rn02.jpg)
![rn03](http://kachibito.net/wp-content/uploads/2013/08/rn03.jpg)
![rn03](http://kachibito.net/wp-content/uploads/2013/08/rn03.jpg)