jQuery Mobile

第4回オリジナルデザインを実装！
jQuery Mobile デザインカスタマイズ講座

jQuery Mobileを使えば、簡単に素早くスマートフォンサイトを作成することができます。 しかし、単に jQuery Mobile を利用しただけでは似たようなサイトになりがちです。本講座では、jQuery Mobileの基本的な使い方からデザインのカスタマイズまでを丁寧にお教えします。 実際のサンプルサイト作成を通じて、実務に利用できる様々なトピックスを学ぶことができます。

対象

  • HTMLのマークアップを理解している方
  • CSSの基本を理解されている方
  • jQueryMobile でのカスタマイズを学習されたい方

カリキュラム

はじめに

  1. jQuery Mobileの概要
  2. jQuery Mobileの特徴
  3. jQuery Mobileのメリットとデメリット

jQuery Mobileの使い方

  1. 基本的なページ構成
  2. リッチなアニメーションによるページ遷移
  3. ダイアログ

jQuery Mobileのフォーム

  1. jQuery Mobileのフォームの基本
  2. 各種フォームの紹介とTips
  3. jQuery Mobile独自のフォーム
  4. サードパーティ製のプラグインを利用する
  5. リストによるナビゲーション

各種リストの紹介とTips

  1. 用途に合わせたリストの選択
  2. リストのデザインをカスタマイズする
  3. ツールバーとレイアウト
  4. ヘッダー、フッターをカスタマイズする
  5. ツールバーを作成する
  6. グリッドレイアウト

テーマとデザインのカスタマイズ

  1. テーマの仕組み
  2. ThemeRollerの使い方
  3. デバッグツールを使った要素の確認
  4. 個別のデザインの変更
  5. サードパーティで配布されているテーマ

    6. jQuery MobileでResponsive Web Design

    1. Responsive Web Design概要
    2. jQuery MobileでのResponsive Web Designのやり方

    jQuery Mobileの設定とイベント概要

    1. 設定の概要
    2. イベントの概要

    jQuery Mobileの今後の予定

    1. ロードマップ紹介
    2. 新機能の紹介
    3. jQuery Mobileの事例紹介