jQuery Mobile

ブログ・ Webデザイン初心者の勉強「jQueryMobileとは」
jqueryMobile日本語リファレンス
ASCII.jp WEB PROFESSINAL 西畑一馬のjQuery Mobileデザイン入門

らくらく！jQueryMobileであなたもカンタン・スマホサイト制作

jQueryMobileは、スマートフォン用にデザインされたCSSとjQueryファイルをHTMLファイルに参照するだけで、スマートフォンサイトが作れる。

CDN

HTMLで参照させるファイルは以下の３つ。

• CSS
• jQuery（おおもと）
• jQuery（スマートフォン用）

をダウンロード、もしくはURL指定。

HTMLファイル

div data-role="○○"でレイアウト構造を設定。ひとつのファイルの中にページを複数作る。
ページ遷移は、id名で指定（ページ内リンク）。

習作でつけたい機能

電話の発信リンク
GoogleMapの表示

スマートフォンサイトの本

HTML5+CSS3で作る スマートフォンサイト実践デザイン入門