スマホサイトをつくる【スマホ】

◆実機以外の確認方法
シミュレーター

firefoxアドオン：Default User Agent


◆どうやってつくるのか

→スマホ専用サイトつくる

→PC版と同じ、CSSをきりかえる


◆スマホデータのつくりかた(PSD/PNG)
横幅640pxでつくって、320pxでコーディング
画像がきれいになる。
※画像はサイズを指定してあげないと、読み込むときにきれちゃうときがある

※フォントはヒラギノ角ゴProかメイリオがよい



*MEMO*

→機種によって、横幅を合わせてくれるものがある
→だいたいの基準320px×480px




※横向きでも同じように見せたいときは、デザインをCSSでやる（出来る範囲…）



------------------　参考サイト　---------------------

・スマートフォン向けサイトの作り方｜ユージック
http://www.u-ziq.com/blog/2011/01/post_61.html

・デザインカンプが出来るまで « takashi178.me
http://takashi178.me/2010/05/design_work_flow/
http://wp.yat-net.com/?p=2574

・スマートフォン(iPhone/Android)アプリ制作時に役立つ画像サイズのまとめ
http://blog.asial.co.jp/814