ホームページ作成 勉強中。

スマホサイト作成中。と言うか勉強中。
もちろん、パソコン、携帯サイト作っていますがこれからはスマホの時代。
パソコンサイト直接見ると文字が多くて見ずらいし、携帯サイトではつまらない。
その中間のようなサイト作成が必要。と言うことで勉強中なわけで。
調べてみると奥が深くまずは見た目から。Web Clipを作成。
ホームページをホーム画面に追加し場合
20110507-a.png
YahooであればYの絵が出てきます。
20110507-b.png
これです。iPhone用のSafariでは、ブックマーク追加メニューから「ホーム画面に追加」を選ぶと、ホームにそのサイトのアイコンを追加できます。アップルはこれは「Web Clip」と呼んでいるようです。
サイトのルートディレクトリに置いておくPNG画像として「apple-touch-icon.png」というファイル名のpngの画像を置いておけば良いようです。アイコンは57px×57pxにリサイズして使われ、透過色は無視されて黒色になってしまうようです。
-precomposed.png をたして「apple-touch-icon-precomposed.png」と
いうファイル名で画像をアップロードしておけば角丸だけされるようです。
自分らしさを演出するスマートフォンアクセサリー特集