ひかげStyle ロゴ

iPhone/touchのホームページ作成メモ

iPhone/touchのホームページ作成メモ

2010年3月14日 ひかげ MEMO 0

更新、投稿ペースがいつの間にか鈍ってきているひかげです。

iPhone/touchのホームページを作成するときのメモ書きです。

iPhone/touchにおけるリソースの限界

  • テキストコードは10MBまで
  • TIFF / PNG / GIF は8MBまで(Height×Width×4 ≦ 8MB。×4はRGB+αチャンネル)
  • JPEGは32MBまで
  • アニメgifは2MBまで
  • JavaScript用メモリは10MB。実行時間は5秒まで(5秒で処理打ち切り)

iPhone/touchへの最適化

  • コンテンツは縮小表示されることを前提とし、320×480pxでの表示を念頭におく(TIPS:980×1091pxで作ると、ぴったりフィットする)
  • ページのサイズは<meta name="viewport" content="width=320" />のようにWidth,Heightを指定
  • <body style="-webkit-text-size-adjust:auto">でテキストの自動スケーリング(none:大きくならない / auto:自動 / %指定)
  • 拡大した際に、視認性がよく、無駄な横スクロールが発生しないようにレイアウト(文字組み)に気をつける

iPhone/touchの需要も増えてきているので、ホームページ作成の備忘録メモという事で。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

@ひかげ

ひかげStyle