最近はPCからよりもスマホからのアクセスの方が多かったりする。なので、スマホからでも読みやすいようにデザインすることはとても大事だ。で、レスポンシブWebサイトの中でもナビゲーションバーを提供するのがこの「responsive-nav.js」である。
bodyタグ内で以下のようにマークアップ。ここがナビゲーションバーの内容になる。
後はCSSでデザインすればそれっぽくなる。オプションも用意されているので、公式サイトから確認してほしい。
レスポンシブWebデザインに対応したオーディオプレイヤーを実装