web2.0touchでiphoneのwebappやwebサイトをつくる
この記事は年前に書かれました。不適当な記述を含む場合がありますので、参考程度に留めてください。
どうもこんにちは!
最近iphone系の制作がいくつかある中で色々と試行錯誤しています。
色々と調べていると最近は便利なものが出ていて助かります。
中でも
・JQtouch
・JQuery Mobile
・web2.0touch
はとってもいい動きをしてくれます。
私のお気に入りは三番目のweb20touchです。心なしかとても挙動が軽いような気がします。
導入方法は至ってシンプル
こちらからダウンロードしてサーバーにでも突っ込んでみてください!
具体的にできることは後で書くとして、まずはじめにこのweb2.0touchで困るのは…
なぜかiphoneフルスクリーンにならないこと…
アドレスバーが消えない…
少し悩んだ末bodyに高さをつけてみた。これで一応フルスクリーン(web App風)になる。
しかしアドレスバーを消すって如何なものかとも思ったり。
この記事書いときながら
デフォルトではアドレスバーが消えてて、スクロールすると表示される方法もあるのでそちらの方をお勧めしたい。
(※JQuery Mobileではデフォルトでその設定)
時間があったらweb2.0touchのjs書き換えてみようと思います。
ちなみに具体的にできることは以下の6つ!
・アニメーション
・リスト
・ボタン
・タブ/アプリ風下部メニュー
・メッセージや規約系の表示
・3種類のデザインテーマ