Flash プロの現場の仕事術 CS5/CS4/CS3対応
体系的に学ぶ 安全なWebアプリケーションの作り方
ケータイHTML ポケットリファレンス
携帯サイト年鑑2010
携帯サイト コーディング&デザイン
携帯サイト制作 WEBデザインの新しいルール
ケータイHTMLコンパクトリファレンス
札幌のソーシャルゲーム開発なら
PathっぽいUIをCSS+JSで作るための解説記事「CSS で作るスマートフォン向け片手操作メニュー」
Tweet
スマホ向けの面白いUIの作り方を解説したエントリーがありましたのでご紹介します。
片手持ちした際に便利なPathっぽいメニューを、CSS+JSだけで実現するためのチュートリアル記事です。
→ WWW WATCH CSS で作るスマートフォン向け片手操作メニュー [hyper-text.org]
左下のアイコンをタップすると、
クルクルっと回りながらメニューが出てきます。
サンプルはこちらのページから見ることができます。
（PCからもIE以外であれば、ほとんどのブラウザで見ることができるようです）
親切に解説されているので、わかりやすいですね。
すごく目を引くUIなので、みなさんも参考にしてみてはいかがでしょうか。
関連：
- スマホゲームの画面デザインをする際のポイントがまとめられているスライド資料「企画が考えるスマホUIデザイン」
- ドラッグ&ドロップだけで作れる！！PCサイトを誰でも簡単にスマホサイトに変換できるサービス「shutto」
- ケータイサイトの基本が簡潔にまとめられた良記事「永久保存版！？携帯コーディング、これだけ読めばすぐできる！」
最近の記事