jQuery Mobileのバージョンアップではまった - pushStateの存在 - | PPl@ce
jQuery Mobileをつかってスマートフォン対応をしたときにはまったこと。 前提jQuery Mobileのcss、javaScriptは以下のように利用 cssはダウンロードし自分のサーバにアップjavaScriptはCDNを利用また、自前としては 一部、自前のcssを用意設定用の自前のjavaScriptを用意上記から以下のような感じになってます。 <link href="/jquery/jquery.mobile.min.css" rel="stylesheet" type="text/css" /> <link href="/css/jquery-custom.css" rel="stylesheet" type="text/css" /> <script src="http://code.jquery.com/jquery-1.6.2.min.js"></script> <
iPhoneやAndroid等のタッチデバイス向けイメージギャラリー用JSライブラリ・PhotoSwipeなかなか良いですぞ
PhotoSwipeはタッチデバイス専用のJSライブラリ。iOS(iPhone/iPad)は勿論、AndroidやBlackBerryにも対応出来るそうです。また、jQuery依存型も非依存型が用意されているのも自由さがあっていいかなと。 [note] jQuery Mobileは昨日、サンプル配布したので宜しければ合わせてどうぞ。[/note] PhotoSwipeサンプル with jQuery Mobile 以下、iPhoneとiPadでのキャプチャです。 iPhoneでのキャプチャです デフォルト サムネを幅に自動で合わせてくれます。 ランドスケープ ランドスケープ時でもサムネイルを自動で拡大し、幅を合わせてくれます。 画像の閲覧 単体表示はサムネイルをタップします。左右フリックで進んだり戻ったり。 ナビゲーションもある 単体、ランドスケープ。タップすると下部にナビゲーションバーが
プリフェッチとキャッシュ | jQuery Mobile 1.1.0 日本語リファレンス
ページのプリフェッチ 通常、サイトを複数の単一ページテンプレートでつくることは、大きなひとつの複数ページテンプレートでつくるよりも好ましいスタイルです。それによって、各ページのDOMを小さく保つことができます。 単一ページテプレートを使った場合、ユーザが他のページを高速に訪問できるようDOM上に他のページをプリフェッチすることができます。ページをプリフェッチするには、該当ページへのリンクに data-prefetch 属性を指定します。jQuery Mobileは、現在のページが読み込まれ pagecreate イベントが実行された後で、バックグラウンドで対象ページを読み込みます。たとえば、次のように指定します。 <a href="prefetchThisPage.html" data-prefetch> ... </a> プリフェッチ指定はいくつでも可能です。プリフェッチさせたい全てのリ
iPhoneでWebアプリのホーム画面登録を促す「Mobile Bookmark Bubble」をjQuery Mobileと併用してみた - Startup Reality
昨今、jQuery MobileやSencha TouchやHTML5でけっこうなUIのスマートフォン用Webアプリを作れるようになってきました。でも、せっかくアプリっぽいのを作ったら、開発者としてはホーム画面に追加してほしいですよね。 そこで便利なのが、「Mobile Bookmark Bubble」というWebアプリのホーム画面登録を促すバルーンを表示するGoogle製のJavaScriptライブラリです。 これを使うと、以下のようなバルーンが下からにょきっと出てきます。 MOONGIFTさんもiPhone/iPadでホームボタン誘導「Mobile Bookmark Bubble」 と紹介しています。 普通に使うのはそんなに難しくないんですが、jQuery Mobileと一緒に使うのが意外と大変でした。なぜなら、Mobile Bookmark BubbleとjQuery Mobileは
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
