2014.03.16結構良さそうだったので備忘録。レスポンシブWebデザイン向けのライブラリです。モバイルのサイズになるとグローバルナビを横スライド式に切り替える、というもの。これ結構いいんじゃないでしょうか。レスポンシブWebデザインにするとどうしてもナビゲーションが縦長になりがちなのでその不満は解消できるアイデアですね。PathやFacebookのiPhoneアプリのような横スライドメニューは使いやすいかもしれない。ResponsivePathのようにというか、全く同じじゃないんですが、モバイルサイズになると横スライド式のメニューに変更するjQueryプラグインです。プラグインも圧縮版は3KBと軽量です。タップすると左からメニューがスライドします。手抜きで申し訳ないんですがサンプルです。Sample※表示確認はresponsivepxを使うと楽です実機で重いのは僕がでかい画像使ってるからです。</script>こんだけ。class=”open”>は通常は隠れています。id=”nav”>が横に隠されます。id=”nav”>がスライドインする、という仕組み。冒頭でモバイルサイズと言ってますが、ブレイクポイントをiPadに変えればタブレットにも使えますね。これ、どっかで使いたい。素敵なユーザビリティ向上になりそうな気がします。ライセンスはMITです。好みなので自分用の備忘録です。"http://kachibito.net/wp-content/plugins/syntaxhighlighter/syntaxhighlighter3/scripts/shCore.js-end");/*]]>*/タイトルとURLをコピーしました。