jQueryのMobile版である「jQueryMobile」のアルファ版がリリースされました!
> jQuery mobile framework
デモを一通り見た感じだと
スマートフォン向けのボタンとかバーとかが最初から用意されていて
利用したいときはHTML5のカスタムデータ属性で指定すれば簡単にスマートフォン用のメニューが作れるようです。
※哀しいかなIE8だとHTML5の記述に対応してないんでしょうか。
デモを開いたところで何も起こりませんw
FireFox、Chrome、Safariあたりで見ましょう〜Operaも行くかな?
例えば、
themeのcはこの色のバーとか、themeの何はどの形のボタンとか
色々最初から用意してくれているようです。便利ですね〜
jQuery Mobileのアルファ版リリースに合わせてjQueryもバージョンアップして1.4.3になってます。
どうやらdata()関数でカスタムデータ属性が取得できるようになってるみたいです。
とりあえず試しにiPhone用のWEBページでもつくってみようかな。
iPhoneアプリケーション開発ガイド ―HTML+CSS+JavaScript による開発手法
著者:Jonathan Stark
販売元:オライリージャパン
(2010-08-07)
販売元:Amazon.co.jp
クチコミを見る
> jQuery mobile framework
デモを一通り見た感じだと
スマートフォン向けのボタンとかバーとかが最初から用意されていて
利用したいときはHTML5のカスタムデータ属性で指定すれば簡単にスマートフォン用のメニューが作れるようです。
※哀しいかなIE8だとHTML5の記述に対応してないんでしょうか。
デモを開いたところで何も起こりませんw
FireFox、Chrome、Safariあたりで見ましょう〜Operaも行くかな?
例えば、
<div data-role="content"> <ul data-role="listview" data-inset="true" data-theme="c" data-dividertheme="b"> <li data-role="list-divider">Overview</li> <li><a href="#" mce_href="#">Intro to jQuery Mobile</a></li> <li><a href="#" mce_href="#">Features</a></li> <li><a href="#" mce_href="#">Accessibility</a></li> <li><a href="#" mce_href="#">Supported platforms</a></li> <li><a href="#" mce_href="#">Theme system</a></li> </ul>とかだとこうなります。(下のは画像ですが・・・(;´Д`))
themeのcはこの色のバーとか、themeの何はどの形のボタンとか
色々最初から用意してくれているようです。便利ですね〜
jQuery Mobileのアルファ版リリースに合わせてjQueryもバージョンアップして1.4.3になってます。
どうやらdata()関数でカスタムデータ属性が取得できるようになってるみたいです。
とりあえず試しにiPhone用のWEBページでもつくってみようかな。
iPhoneアプリケーション開発ガイド ―HTML+CSS+JavaScript による開発手法
著者:Jonathan Stark
販売元:オライリージャパン
(2010-08-07)
販売元:Amazon.co.jp
クチコミを見る