jQueryMobile ルール

  • モバイルの場合、liの中にh1・h2等が入れられる。
  • li内に2つのリンクをはれる。
  • 『list-divider』で見出しが出来る。

テーマの切り替え

  • ページ要素に対してdata-theme属性「a」〜「e」を指定すると、デザインテーマを切り替えられる。

<div data-role="page" id="page1" data-theme="b">

  • ページ全体ではなく指定したパーツだけ個別にもテーマを適用できる。

▼テーマを簡単にカスタマイズするには「ThemeRoller」を利用する。
http://jquerymobile.com/themeroller/

  • カラーパレットの上にある『Adobe Kuler swatches』をクリックする。

カスタマイズ

(JQMBを使わない時テンプレ)
iPhone site extension for Dreamweaver CS4/5
http://h2o-space.com/web/product/iphone_dw/
DWの新規作成画面に「iPhone用ページ」テンプレができる。