SwapSkillsFree(3)|Dreamweaver CS5.5で作る　 jQuery Mobileを組み込んだスマートフォンサイト制作

1.
jQuery Mobile DW CS5.5 2011 6 8

2.
• Toru Yoshikawa • jQuery Mobile • allWeb jQuery Mobile • Web Chrome Web Store Apps gihyo.jp • HTML5 html5-developers-jp • Twitter ID: @yoshikawa_t • Blog: http://d.hatena.ne.jp/pikotea/

3.
• jQuery Mobile •CS5.5+jQuery Mobile

4.
jQuery Mobile

5.
jQuery Mobile • • JavaScript jQuery •

6.
jQuery Mobile • Cross-Platform •Markup-driven • Progressive Enhancement • jQuery Mobile + PhoneGap • jQuery Mobile + DW CS5.5

7.
Cross-Platform

8.
Marckup-driven • HTML • <ahref=”#” data-role=”button”> </a>

9.
Progressive Enhancement JavaScript ON JavaScript OFF

10.
jQuery Mobile PhoneGap • PhoneGap iPhone Android • • PhoneGap

11.
jQuery Mobile DW CS5.5 • DW CS5.5 UI • • • PhoneGap

12.
DEMO

13.
jQuery Mobile • nightly build http://jquerymobile.com/blog/ 2011/04/16/latest/ • 6 • 1.0 • 1.0 UI

15.
• jQuery Mobilehttp://jquerymobile.com • PhoneGap http://www.phonegap.com/ • Adobe CS5.5 WEB PREMIUM http://tv.adobe.com/jp/show/cs-55-web- premium-feature-tour/

SwapSkillsFree(3)|Dreamweaver CS5.5で作る　 jQuery Mobileを組み込んだスマートフォンサイト制作