2012-01-01から1ヶ月間の記事一覧

はじめての jQuery Mobile 1.0 〜その4:ツールバー〜

] blog1.mammb.com からの続きです。 ヘッダー ヘッダーは data-role="header" の data 属性を付与することで、後はjQuery Mobile が上手くやってくれます。 <header data-role="header"><h1>Page Title</h1></header> div タグでも同じです。 <div data-role="header"> <h1>Page Title</h1></div> が、header タグを使用しておくべきでしょう。 ヘ…

はじめての jQuery Mobile 1.0 〜その3:リストビュー〜

]blog1.mammb.com からの続きです。 リストビュー jQuery Mobile にて最も多用されるウィジェットがリストビューになると思います。 jQuery Mobile は、HTML にて箇条書きのマークアップを行い、data-role="listview" 属性を追加するだけでネイティブアプリ…

はじめての jQuery Mobile 1.0 〜その2:ページ遷移〜

blog1.mammb.com からの続きです。 ページ遷移時のイベント jQuery Mobile では、1つのHTMLファイルに複数のページビューを定義できます。外部ページも非同期リクエストにて取得したページビューを、既存の DOM に挿入することでページ遷移を実現します。 こ…

はじめての jQuery Mobile 1.0 〜その1:コンテンツの記述〜

jQuery Mobile とは jQuery Mobile は HTML5 と CSS3 の機能を利用して、複数のモバイルプラットフォームに一貫したユーザエクスペリエンスを提供するための JavaScript フレームワークです。jQuery と jQuery UI の利用経験があれば、簡単にモバイル向けの…