NavTweetPocketみなさんこんにちは、mayukouです!今回は、うちのブログで結構人気の高いトピック、レスポンシブのメニューの新しい方法をご紹介します!縮小するとハンバーガーアイコンに替わるスクリプトです。・IE6から対応しているなどなどあります。Navの導入それでは、導入方法です!スクリプトをダウンロードする公式サイトから、responsive-nav.js-master.zipというファイルをダウンロードできます。解凍したら、responsive-nav.cssとresponsive-nav.jsを使います。任意のフォルダ(jsフォルダなど)を作成し入れておきましょう。href="#">Contact</a></li></ul></nav>メニューとなるリストタグを囲むタグ(divやnavなど)にclass=”nav-colappse”を設定します。callback});英語にて書かれてあります。使用する部分animate:CSS3を使ったトランジションアニメーションを使うかどうかの設定transition:トランジションのスピードlabel:ハンバーガーアイコンの横に入れる言葉の設定。最後にいかがでしたか?レスポンシブメニューの方法をご紹介しました。シンプルなので仕事でも使っています。皆さんもぜひ使ってみてくださいね〜投稿者プロフィールmayukouWebデザイナー修行中のmayukouです。webデザインのお仕事を始めてなんとか約6年が経ちました。技術を高めようと思っています。仕事で得た知識やお役立ち情報をご紹介いたします。