iPhone用HTMLテンプレートというよりもiPhone向けWebサイト構築フレームワークといっても過言ではない。
Downloads – iphone-universal – Project Hosting on Google Code
上記からダウンロードして解凍すると、HTML,CSS,画像ファイルがたくさんある。それぞれのHTMLをSafari(ブラウザ)で開くと、それぞれiPhone向けにデザインされた画面が出てくる。
当然のようにiPhoneを傾けてもそれに合わせて横幅調整は自動的に調整してくれる。しかし、それだけはなく機能は高機能だ。
上記のメニューリストも右側の「>」があるものと無いものをCSSで調整したり、ボタンを押したら下から、黒いウインドウがグーンと上がってきて、さらに選択肢4つのボタンを表示したり、いろんな使いそうな機能が含まれている。
フォーム関してもデフォルトは項目名、タップで入力に切り替わるなど、iPhoneらしいUIを見事に実現している。
機能がある程度網羅されているので、WebでもiPhoneライクなUI(ユーザインタフェース)を実現できそうです。
コメント