ke-tai.org ケータイサイト開発に関わる記事・情報を紹介

本日は、iPhone向けサイトを作成する際に、ベースとして利用できそうなテンプレート「iPhone Universal」をご紹介します。

→　Google Code　iphone-universal [code.google.com]

「iPhone Universal」は、iPhone向けのページを作成するためのサンプルとなるHTML, CSSのテンプレートです。

ライセンスはGPL v3で公開されており、リストやボタン、フォームやパネルなど、一通りのサンプルが収録されています。

シンプルなリスト

入力フォーム

パネル

上記画像はネイティブアプリではなく、すべてHTMLとCSSを使って作られたiPhone風インターフェイスです。

なお、こちらにサンプルもアップしてみましたので、iPhoneをお持ちの方はどうぞご確認ください。

→　iPhone Universal デモ

関連：

• 90秒で理解するiPhone JavaScript（ジェスチャー編）
• iPhone用JavaScriptデータベースプログラミング入門(JavaScript++かも日記)
• 90秒で理解するiPhone JavaScript（マルチタッチ編）