jQueryMobile 準備

iPhoneシミュレータ

• Mobilizerダウンロード

http://www.springbox.com/mobilizer/

• safariダウンロード

http://support.apple.com/ja_JP/downloads/#internet

• • ダウンロードが完了したら「編集」→「詳細」→メニューバーに開発メニューを表示にチェック
    

メニューバー「開発」→ユーザーエージェント→「safari iOS 4.3.3-iPhone」

jQuery Mobile参考サイト

• 10分でわかる！ jQuery Mobileのキホン

http://ascii.jp/elem/000/000/665/665861/

• jquery Mobile日本語リファレンス

http://dev.screw-axis.com/doc/jquery_mobile/

• ギャラリー

http://www.jqmgallery.com/

サイト設計のポイント

• ページサイズは「横幅320px」を基準
• HTML 10MBまで
• 画像サイズも横幅320px　32MPまで
• 文字サイズは14〜16px、行間は1.4〜1.6
• ページの左右には10pxの余白を作る
• ナビゲーションリンクの縦幅は44px前後に

---