■ 1. iUIのダウンロード
http://code.google.com/p/iui/
上記アドレスから iUIをダウンロードする。
■ 2. index.html をブラウザで開いてみるとメニューが
・Samples ・Samples using compressed iUI
と二つあるが、中身は 呼び出している .js .css が違うだけでそれ以外のソースコードは同じ
（下はファイルサイズを小さくした iuix.js を呼び出している）
■ 3. フォルダ「samples」内のサンプルを参考に変更すればOK。簡単です。
http://searchblog.yahoo.co.jp/2008/06/yahoo_iphone.html
■ 4. その他
・ユーザーによる拡大縮小を禁止する
<meta name="viewport" content="width=320px, user-scalable=no" />
・長すぎる URI がはみ出さないように css をセットしておく
.class {
overflow-x: hidden;
}
検索などの入力テキストエリアを角丸にする
input {
-webkit-border-radius: 5px;
}
ちなみに jQueryプラグインとして
■ jquery mobile
http://jquerymobile.com/
というのがあります。
サンプルも多数あります。
http://goo.gl/jQd0u
また
■ iwebkit
http://snippetspace.com/projects/iwebkit/
というのもあります。
こちらもおすすめ