でろぐのロゴ 豚さんブーブー

モバイルサイトのコーディングについて

2009年4月3日 (金)

今日はネット上で為になる記事を見つけたのでそちらの記事の引用です。
3G端末(FOMA・WIN・3GC)のモバイルサイトのコーディング&デザイン
エルツーでもモバイルサイトは作っていますが、CHTMLやXHTMLでのコーディング等クライアント様の状況に合わせてコーディングはしています。
が、いかんせんモバイルの制作に関しては進化が早いです。
上記ブログの記事にもあるように3G 端末の普及率が9割近くに達しているというデータもあります。
それに伴いこれまでは実装の厳しかったcssでのデザインの適用率も高まっているので、より選択範囲が広くなってきています。
まあそういう大きな流れとは別にこの記事で参考になった点を数点挙げたいと思います。
・画像の適正サイズ
エルツーでも基本モバイルの場合は240ピクセルにしていたのですが記事によると230くらいが無難との事。
まあ言われてみればそういう気もしないではないです。
・spacerについて
spacerとか結構懐かしい存在ですが、モバイルでは結構前からやっている場合も見受けられました。
でもその画像のせいで表示が遅くなるのは間違いなかったのでどうしたものかと思っていましたが、画像が多いページには spacer.gif の替わりに背景色と同じ色にした罫線で微妙な行間をとるという発想はありませんでした。
ちょっと試してみようと思います。
あと読んでいて思った事ですがモバイルもPCももっと発想を凝り固まったものでなく、ゆるめに・柔軟に対応する事がやはり必要だなと思い直しました。
もともと変化速度の速いWebの世界でひとつの方向しか見えない人間は成長なんてできませんし、自分もそうありたくはないのでこういう状況に柔軟に対応できる懐の深さ、適応力の高い人間を目指していこうと思います。
久しぶりに真面目な事を書いてしまったので明日はもう少しゆるく行きたいと思います。

シェアする