BloggerでiPhone向けサイト

このBlogをiPhone向けにカスタマイズ出来ないかと調べてみた。

ホーム画面に表示するアイコン

ホーム画面に表示するアイコンは、57px × 57pxの画像を用意する。
iPhoneのアイコンらしく角丸にしたりツヤをつけたりしなくて良い。
iPhoneで表示した際に自動で変更される。

CSSの振り分け

ユーザエージェントでの判別や、メディア属性によるiPhoneの表示範囲で判断。

@media screen and (min-device-width: 481px) {
…
}


iuiを使う

サイトのUIをiPhoneらしくするにはiui.cssとiui.jsなどを使えば容易の様だ。
iui - Project Hosting on Google Code
ダウンロードするとiPhoneアプリでおなじみのUIのボタンのイメージも含まれている。

導入出来ない事は無いだろうが、BloggerはCSSを外部ファイルにし難いので手間は掛かりそうだ。

iPhone 3G用のWebページを作る1 - ［JavaScript］All About

iPhoneアプリ×Webサイト開発入門 Objective-C/iPhoneSDK、 HTML/CSS/JavaScriptによる最適プログラミング
書店でよく見かける。アプリとWebサイト両方書いてあるので買ってみるのも良いか。