ext3のブックマーク - はてなブックマーク

ext3 id:ext3

ブックマーク / hyper-text.org (2)

CSS で作るスマートフォン向け片手操作メニューサンプル | WWW WATCH
記事に戻る CSS で作るスマートフォン向け片手操作メニューサンプルドコモのスマートフォン「P-07C」の「タッチスピードセレクター」からヒントを得た、片手で操作しやすいショートカットメニューを HTML、CSS と簡単な JavaScript の組み合わせで作ってみたサンプルです。左下のメニューアイコンをクリック（タップ）してみてください。実際の動作を確認できます。詳しくは記事「CSS で作るスマートフォン向け片手操作メニュー」をご覧ください。動作環境現在最新版の Firefox、Safari、Chrome では動くと思います。あと手持ちの iOS 5 （iPhone 4S） Safari では動作確認しました。他のスマートフォンとか知らない（CSS の position:fixed に対応してないヤツだと動かない）。IE？何それ美味しいの？その他メニュ
ext3 2012/03/05
CSS

JavaScript

タッチ
リンク
CSS で作るスマートフォン向け片手操作メニュー
ちょっとしたお遊びなんですが、普段は画面の下の隅に隠れてて、クリック（タップ）で展開、いくつかのショートカットメニューが表示される、しかもスマートフォンだと片手だけで操作しやすいみたいな UI を CSS と超簡単な JavaScript （jQuery 使用）で作ってみたので紹介。久々にこの手のネタ書いた気がしますけども… ちょっとしたお遊びなんですが、普段は画面の下の隅に隠れてて、クリック（タップ）で展開、いくつかのショートカットメニューが表示される、しかもスマートフォンだと片手だけで操作しやすいみたいな UI を CSS と超簡単な JavaScript （jQuery 使用）で作ってみたので紹介。多分言葉で言っても伝わりにくいと思いますので実際のサンプルをまずは見てみてください。 CSS で作るスマートフォン向け片手操作メニューサンプル現在最新版の Firefox
ext3 2012/03/05
css

スマホ

タッチパネル

javascript
リンク
1