jQTouchで、iPhoneネイティブアプリっぽく見せるテスト
jQTouchという、jQueryのプラグインを使うと、
「htmlを書くだけで、iPhoneネイティブアプリっぽく見える」
と知って、試してみた。今更だけど。
http://no.topaz.ne.jp/01jqtouch-demos/main/index-01.html
これをiPhoneで見ると、アニメーション動作する。
"flip"、"pop"、"swap"、"cube" の4つの動作をリンクしてみた。
上記URLをiPhoneで、「ホーム画面に追加」とすれば、まさに、
「iPhoneネイティブアプリ」っぽく見える。
なんだか気持ちいい。
jQTouchは、CSS3を多用することで、「iPhoneネイティブアプリっぽく見える」動作を実現しているらしい。
Android携帯では、アニメ動作は見られなかった。おかしいなぁ・・。
-
- -
●メモ
・アイコンをファイル名「apple-touch-icon.png」としてhtmlと同じディレクトリに置いた。
(↑faviconのようなもの)
・jQuery: http://www.jqtouch.com/
・参考にした解説ページ:
http://openweb-labs.appspot.com/slides/jqtouch/presentation.html
(↑ブラウザがSafariじゃないと表示が崩れる。)
http://journal.mycom.co.jp/articles/2009/09/08/jqtouch/001.html