iPhone専用IFのサイト

今日はiPhoneでの使い勝手を意識したサイトの解説をしたいと思います。

iPhone専用ショッピングサイト -愛翻天 iPhoneTen-
http://www.iphone-size.com/rakuten/

楽天のWEB APIを利用してiPhoneでショッピングをしやすくしています。
このサイトの良い点はシンプル。そしてシンプル。
iPhoneではPCに比べて解像度が低いので余分な情報や広告が非常に邪魔になります。
iSize@楽天ではiPhone専用設計ということで、利用頻度の高い検索とカテゴリサーチに
絞られています。

サイト制作にはiUIが使われています。
上手に作ってありますね。

新型iPod touch

発売されましたね。
搭載されているSafariは同じもののようです。

iPhone Safari電話機能呼び出し検証 2

前回は電話番号の自動認証機能の紹介をしましたが、今回は意図通りに認証させる方法について解説します。

デフォルトで電話番号抽出機能をオフにするにはメタタグにその旨を記載する必要があります。
ヘッダ部分に以下の1文を追加してください。

<meta name="format-detection" content="telephone=no">

これでSafariが勝手に電話番号を抽出する機能を潰せます。
また、電話番号のリンクを行いたい場合は、メールのようなリンク指定をしてやればOKです。

<a href="tel:090-1234-5678">電話する</a>

簡単ですね。