ノン・プログラマのためのjQuery Mobile標準ガイドブック
このサイトは、翔泳社の書籍
「ノン・プログラマのためのjQuery Mobile標準ガイドブック」
のサンプル閲覧サイトです。
4章 jQuery Mobileの基礎知識
2節 jQuery Mobileの使い方を知る
4-2.html
4節 基本的なページのマークアップ方法を知る
4-4.html
5章 ツールバー系コンポーネント
1節 ヘッダーを表示する
5-1-1 ヘッダーを表示する
5-1-2 ページタイトルの両端にボタンを表示する
5-1-3 ページタイトルの片側にボタンを表示する
5-1-4 ヘッダーに戻るボタンを自動で表示する
2節 フッターを表示する
5-2-1 フッターを表示する
5-2-2 フッターにボタンを表示する
5-2-3 フッター内のボタンをグループ表示する
3節 ナビゲーションバーを表示する
5-3-1 ナビゲーションバーを表示する
5-3-2 アイコン付きナビゲーションバーを表示する
4節 固定表示とフルクリーンモード
5-4-1 ヘッダーやフッターを固定表示する
5-4-2 フルスクリーンモードにする
5-4-3 画面遷移時にもフッターを固定表示する
6章 ボタン系コンポーネント
1節 ボタンを表示する
6-1-1 シンプルなボタンを表示する
6-1-2 アイコン付きのボタンを表示する
6-1-3 ボタンをインラインで表示する
2節 グループボタンを表示する
6-2-1 複数のボタンをグループ化して表示する
6-2-2 グループボタンを横並びで表示する
7章 レイアウト系コンポーネント
1節 レイアウトグリッドを作成する
7-1-1 2カラムのレイアウトを作成する
7-1-2 3カラム以上のレイアウトを作成する
7-1-3 複数行のカラムレイアウトを作成する
2節 開閉ブロック(アコーディオン)を作成する
7-2-1 開閉ブロックを作成する
7-2-2 ヘッダーとコンテンツブロックのカラーを変える
7-2-3 入れ子の開閉ブロックを作成する
7-2-4 アコーディオンインターフェイスを作成する
8章 リスト系コンポーネント
1節 リストナビゲーションを表示する
8-1-1 リストナビゲーションを表示する
8-1-2 インラインでリストナビゲーションを表示する
8-1-3 カウンター付きのリストナビゲーションを表示する
8-1-4 メニューテキストに説明文を追加する
8-1-5 サムネイル付きのリストナビゲーションを表示する
8-1-6 アイコン付きのリストナビゲーションを表示する
2節 複雑なリストナビゲーションを表示する
8-2-1 多階層のリストナビゲーションを表示する
8-2-2 リストメニューを分割表示する
8-2-3 リストにカテゴリーを追加する
8-2-4 検索機能をリストナビゲーションに追加する
9章 フォーム系コンポーネント
1節 フォーム系コンポーネントの基礎知識
9-1-1 フォームのサンプル
9-1-2 「data-role="fieldcontain"」で横幅に合わせたレイアウト
9-1-3 ラベルを隠す方法
2節 テキスト入力フィールドとテキストエリアを表示する
9-2-1 テキスト入力フィールドを表示する
9-2-2 テキストエリアを表示する
9-2-3 検索フィールドを表示する
3節 チェックボックスとラジオボタンを表示する
9-3-1 チェックボックスを表示する
9-3-2 チェックボックスをグループ化して表示する
9-3-3 横並びでチェックボックスを表示する
9-3-4 ラジオボタンを表示する
9-3-5 ラジオボタンをグループ化して表示する
9-3-6 横並びでラジオボタンを表示する
4節 セレクトメニューを表示する
9-4-1 セレクトメニューを表示する
9-4-2 セレクトメニューをグループ化して表示する
9-4-3 カスタムセレクトメニューを表示する
9-4-4 複数選択のセレクトメニューを表示する
5節 スライダーとフリップスイッチを表示する
9-5-1 フリップスイッチを表示する
9-5-2 ポップアップでページ遷移させる
10章 アニメーション系コンポーネント
1節 ページ遷移のトランジションを指定する
10-1-1 ポップアップでページ遷移させる
2節 ダイアログを表示する
10-2-1 ダイアログを表示する
11章 jQuery Mobileを使ったサンプルサイト作成
トップページ
「今週のオススメコーヒー」ページ
「定番コーヒー」ページ
「マンダリン」ページ
「お問い合わせ」ページ
12章 カスタマイズ デザイン編
2節 UIの英語表示部分を日本語にする
3節 文字の省略を解除する
4節 ThemeRollerを使って新しいスウォッチを追加する
5節 ページ/リスト/ボタンに背景画像を適用する
6節 背景画像をランダムに表示する
7節 カスタムアイコンを使用する
8節 グリッド状のボタンナビゲーションを作成する
13章 カスタマイズ デザイン編
1節 フォントサイズスイッチを設置する
2節 タブ切り替えでコンテンツを表示する
3節 カルーセルナビゲーションを作成する
4節 フォトギャラリーを作成する
5節 タップ時に効果音を付ける
6節 独自のトランジションを作成する
7節 Google Mapsを表示する
jQuery Mobile標準ガイドブック