モバゲーのような携帯サイトを作るための12のTips


で是非参考にしたいテクニックが紹介されていました。


今後のためにメモひらめき電球


以下引用です。


Tips 1. XHTMLで作成する。


Tips 2. キャリアごとの仕様の差は外部CSSで。


Tips 3. 文字サイズを1段階小さくするには


Tips 4. ロゴ画像のサイズは横240ピクセル


Tips 5. 流れる文字はDIVタグで
<div style="display:-wap-marquee;">
この画面はモバゲータウンに似せて作ったテスト画面です。
</div>


Tips 6. 反転文字


Tips 7. 色つき水平線

<hr style="border-color:#ccc;background-color:#ccc;height:1px;" color="#cccccc" />


Tips 8. 右寄せ

<div style="text-align:right;">
<a href="test.html">もっと見る</a>
</div>


Tips 9. 画像の回り込み

<img src="./images/firefox.jpg" width="50" height="50" alt="" style="float:left;margin-top:3px;margin-right:3px;margin-bottom:8px;" align="left" border="0" /><a href="game.html">ゲーム</a><br />バスケで給料UP!?<br clear="all" />


Tips 10. 携帯サイトは文字でデザインする!


Tips 11. フッターは最後に。そして質素に。


Tips 12. 絵文字のちょっとしたテクニック

auの絵文字

<img localsrc="絵文字番号" />