iPhone / iPad / iPodTouch に関する各種メモ書き:タグ「WEB」での検索

iUI を使って iphone用 WEBページを作成する。

■ 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/

というのもあります。

こちらもおすすめ

No.609
10/19 23:11

edit

WEB