Toggle

ソフト・アプリ開発

スマホサイト備忘録

少し前にスマートホン用のコーディングをやらせてもらいました。
PCとは少々ちがうポイントがありましたので、備忘録的にまとめておきます。

・1pxを軽視するのはデザイナーに失礼。px単位で合わせるのがコーダーの力量。(ただし、その為に煩雑なコードにするのは論外)

・本文のはじめに<h1>を使ってページを象徴する文言(タイトル)を入れる

・太字は使わない(androidでフォントがない)

・10px以下にしたい文字は画像で実装する

・デザインは640×960で確認する(2015.02時点) 傾向として高解像度になっているのでその時の最善を検討

・android標準ブラウザーのバグでz-indexを認識しない。最下層に入れたい画像はbackgroundで指定する。

・フォントはヒラギノ、メイリオベース(iphoneはヒラギノゴシックのみ)
オススメ設定例

[css]
body {
font-family:’Hiragino Kaku Gothic ProN’,
‘ヒラギノ角ゴ ProN W3’, Meiryo, メイリオ;
}
[/css]

URL
TBURL

コメントを投稿する

*
*
* (公開されません)

Return Top