UiUiKit iPhoneテンプレート集

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(ユーザインタフェース)を実現できそうです。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です