WWW Watch

記事に戻る

CSS で作る Tumblr モバイルアプリ風メニュー サンプル

Tumblr のアンドロイドアプリ (Tumblr for Android) からヒントを得た、片手で操作しやすいショートカットメニューを HTML、CSS と 簡単な JavaScript の組み合わせで作ってみたサンプルです。サンプルの枠内、左下の投稿アイコンをクリック (タップ) してみてください。実際の動作を確認できます。

詳しくは記事 「CSS で作る Tumblr モバイルアプリ風メニュー」 をご覧ください。

動作環境

現在最新版の Firefox、Safari、Chrome 及び、IE10 では動くと思います。あと手持ちの iOS 6 搭載 Safari、及び Nexus 7 搭載 Chrome では動作確認しました。他のスマートフォンとか知らない。

その他

メニューはサンプルなのでクリックしてもこのページにリンクされてるだけだったり、メンドクサイから Retina Display 対応とかしてないから環境によっては画像がぼやけてると思うけど気にしないでください。