GoogleモバイルサイトやDisney.comのオフキャンバスっぽいメニューGoogleのスマートフォンサイトがリニューアルされたというので見てみたら、メインメニューの表示方法が面白い感じになっていたので自分でも作ってみました。 ちなみに、先日レスポンシブウェブデザインに変更したDisney.comも、表示幅が1024px以下だと似たようなメニューの表示方法になります。 作ったものは以下。 オフキャンバスメニュー サンプルなのでHTMLは適当に。 実際にはもっと複雑になるでしょうが、動きを試すためのものなのでこんな感じで。 <div id="nav" class="globalnav"> <a href="#">Navigation</a> </div> <div id="main" class="content"> <div class="switcher"> <button id="toggleMenu">☰</button> </div> Mai
Welcome to Icon Deposit - Icon Deposit
http://www.mobiletuxedo.com/
Home - Lio-Meph
Mobile Patterns - UI UX Inspirational Gallery for iOS and Android
東京のWeb制作会社｜株式会社ベイジ｜baigie inc.
