jQuery Mobile 1.3.0 | jQuery Mobile リファレンス
jQuery Mobile 1.3.0で追加/変更された機能の一覧です。 $.mobile.navigate() $.mobile.navigate()はhistory APIを取り扱うためのメソッドです。 navigate navigateイベントはhashchangeイベントやpopstateイベントを感知して発火するイベントです。 data-corners コラプシブルパネルはdata-corners属性で角丸の制御ができます。 data-dismissible data-dismissible属性はポップアップをポップアップ外のタッチで非表示にしないことでできる属性です。 data-close-btn data-close-btn属性はダイアログのクローズボタンの表示位置を設定できる属性です。 data-filter-reveal data-filter-reveal属性はlist
jQuery Mobile 1.3 最新情報
3. History これまでの資料を見たい方は、こちらから jQuery Mobileカスタマイズ⾃自由⾃自在 v1.2 http://www.slideshare.net/yoshikawa_̲t/jquery-‐‑‒mobile-‐‑‒14844564 jQuery Mobile 1.2 最新情報 & Tips http://www.slideshare.net/yoshikawa_̲t/jquery-‐‑‒mobile-‐‑‒tips-‐‑‒20120719 jQuery Mobile 1.1 最新情報 & Tips http://www.slideshare.net/yoshikawa_̲t/jquery-‐‑‒mobile-‐‑‒tips jQuery Mobileではじめるモバイルサイト／アプリ制作 http://www.slideshare.net
スマートフォンサイトを作る時に便利なフリックが実装できるjQueryプラグイン7選
スマートフォンを使うときによく使う操作方法としてフリックがあります。このフリックの操作でギャラリーができるjQueryプラグインを集めました。 Androidを持ってないので、全てがAndroidで動くかは未検証ですがだいたい動くと思います。 flickGal 自分が一番つかってるのがこのflickGalです。 PC（IE以外）でも動作します。 flickGal・・・iPhoneでフリックギャラリーを簡単に実装できるjQueryプラグインです – piglovesyouの日記 flickable こちらはPCでフリックができるようにできるプラグインです。そのままスマートフォンでも使えます。 PCでも（IE6でも）よく動きます。 jQuery.flickable: iPhone and Android like flick scrolling plugin flickSimple こちらもP
flickGal・・・iPhoneでフリックギャラリーを簡単に実装できるjQueryプラグインです - pig's diary
iPhoneでフリックギャラリーを実装できるjQueryプラグイン「flickGal」を作りました。ぜひ使ってみてください！ 公開にあたって意見をくれたid:hokut_o氏、ありがとうございました。 デモページ がありますので、見てみてください。 http://stakam.net/jquery/flickgal/demo ※iPhoneかiPad向けです。友達がAndroid でも動くと言っていました。PCでもそこそこ見れます。androidで最初うごかないことがあるみたいです。yuuriさんありがとうございます。android でorientation change しても動くv1.2 をリリースしました。 実装のしかた 説明ページを見てみてください。 http://stakam.net/jquery/flickgal/ 基本的にはこんな風に実装する方式です。 いくつかのルールにそっ
スマートフォンサイト用に、フリック・スワイプ対応が簡単に出来るjQueryプラグインいろいろ | Web活メモ帳
最近スマートフォン対応やタブレット対応の案件が増えてきて、スワイプに対応させたいと言われる事が結構多いです。 知ってる人も居るかもしれませんが、スワイプが出来るようになるjQueryプラグインをまとめてみました。 画像ギャラリー専用のものから、ページ全体をスワイプで区切るものまで色々ありますよ。 参考になれば幸いです。 jQuery Touchwipe iPhone、iPad、Android用にスワイプでスライドショーを移動できます。 スワイプした時のイベントが簡単に取得できるので、画像切替意外にも色々使えそう。 PCの場合には、アンカーテキストで画像の切替ができます。 サイズも1kB程度なので、モバイル端末に優しいですね。 PhotoSwipe jQuery Mobile対応の全画面イメージギャラリー。 写真を大きく表示させて、ツールバーで操作するタイプです。 jquery.flicks
jQuery.flickable: iPhone and Android like flick scrolling plugin
See related links to what you are looking for.
『iPhoneサイトで画像ギャラリーを簡単にフリック操作対応させる』
本を買わずに解決するWeb制作の小技 ホームページ作成でちょっとしたことを参考書を買わずに解決する方法をPHP CSS Webデザイン jQuery Flashを中心に便利な技をまとめていきます！現在、長野県長野市の制作会社でWeb作成中！ iPhoneサイトで画像ギャラリーをフリック操作に対応させる※iPhoneで見てください フリック対応のデモはこちら 先月、iPhoneサイトのデザインを集めたiPhoneデザインボックスを公開しました。 反響はすごくあり、アルファブロガーのネタ帳さんやWebクリエイターボックスさん、PHPSPOTke-tai.orgさんなど多くの方に紹介していただきました。 ありがとうございます。 現在、スマートフォンのサイトのコーディングで簡単な方法として フレームワークのjQueryMobileを使う方法があります。 私は、最初から楽をするのが好きではないので自
iPhone SafariでCarousel風のUIを実現するjQuery Plugin「jCarousel」作りました - くらげだらけ
iPhone･iPadのWebアプリケーション開発を相変わらず研究しています。 最近のiPhone･iPad Webアプリケーション開発と言えば「Sencha Touch」ですね。リリースされてから何だかんだ言い訳して、ガッツリ勉強することから逃げていますが、まぁそろそろ（本当に）ガッツリ研究していこうと思います。 と、冒頭でSencha Touchの話になりましたが、今回はjQueryのプラグインです。 jQueryのiPhone Webアプリケーション開発と言えば「jQTouch」ですが、Sencha Touchに比べると用意されているUIもイベントなんかも少ないんですよね。HTMLを書き書きするだけでサクサク作れちゃうところはいいのですが、もうちょっとSencha TouchみたいにいろんなUIを使いたいところです。 そこで、jQueryでもCarousel風のUIをサクサクッと作れ
jQuery Mobileを利用したスマートフォンサイト作成手順 | ユージック
jQuery Mobileを利用したスマートフォンサイト作成手順 2010年11月6日 jQuery Mobileを利用してスマートフォンサイト作成してみたので、手順を覚書として書いておきます。 ちなみにまだ正式版ではなく、アルファ版となります。※2010年11月現在 現在のバージョンなどは下記の本家サイトよりご確認ください。 jQuery Mobile jQuery Mobileを利用したページ作成概要 本家のデモ作成画面を和訳してくれている下記ページがわかりやすいです。 http://dev.screw-axis.com/doc/jquery_mobile/ 読み込みファイル <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="http://c
ページ機構 | jQuery Mobile 1.1.0 日本語リファレンス
jQuery Mobileの「ページ」構造は、1枚のページとして用いることも、内部的なリンク構造を持った複数のページとして作成することも可能です。 このモデルは、ウェブサイト開発におけるベストプラクティスの実現を目指しています。つまり通常のリンクも、特別な設定なしに動作するようになっていますし、一方で普通のHTTPリクエストでは実現できないようなリッチでネイティブなリンクを作成することも可能なようにすることです。 携帯ページの構造 jQuery Mobileで作成するサイトは、HTML5のDOCTYPE宣言で始まることにより、最大限の機能を発揮します(HTML5を理解できないブラウザを積んだ古いデバイスの場合、DOCTYPEや様々なカスタム属性は無視されるだけです)。 次にhead要素内でjQuery本体、jQuery Mobile、モバイル用テーマCSSを参照してください。jQuery
jQuery MobileにXSSの脆弱性が見つかったのでアルファ版からベータ版に変更する際の注意点
jQuery MobileにXSSの脆弱性が見つかったのでアルファ版からベータ版に変更する際の注意点 jQuery Mobileのベータ版が公開されました。夏ぐらいに正式版がリリースされるらしく待ち遠しいですね。 ただ、残念なことにこれまで公開されていたjQuery Mobileのアルファ版にXSSの脆弱性が見つかった為、これまでにjQuery Mobileで作成されたサイトは早急にベータ版にアップデートする必要があります。 アルファ版の挙動を維持したままベータ版にアップデートするには次のように記述する必要があります。 <meta name="viewport" content="width=device-width, initial-scale=1,minimum-scale=1, maximum-scale=1"> <link rel="stylesheet" href="http:/
input type=”search”にキーボードイベントをバインドするには – jQuery Mobile | YS Library
jQuery Mobileで検索用入力エリアを作るには、 <input type="search"> を使います。これだけで、スマートフォンのネイティブアプリのようなスタイルを勝手に生成してくれます。 しかしこれだけだと、キーボードで入力しエンターキーを押しても検索を開始してくれません。 エンターキー押下時の処理が設定されていないからです。 ここで、エンターキー押下時の処理を追加するために下記のようなコードを書きます。 使用しているjQuery Mobileのバージョンは 1.0b1です。 –html– <input type="search" id="searchinput"> –jQuery Mobile– $("searchinput").keypress(function(e){ if(e.keycode==13){ //エンターキー押下時の処理 } } はい。通常のjQue
jQuery Mobile beta 1でハマった点まとめ | YS Library
jQuery MobileのBeta 1 (jquery.mobile-1.0b1.js) が公開されましたね。 レスポンシブ・レイアウトへの対応やアドレスバーが隠れるようになったり、結構すごいです。 私も早速自分の作っているサイトに適応してみたのですが、幾つかつまずいた点があったのでまとめてみます。 ・ページがスマートフォンに最適化されない。 なぜかデスクトップのブラウザと同じように表示されます。ちょっと悩みましたが、公式デモページのソースに答えはありました。一行追加するだけで解消です。 <meta name="viewport" content="width=device-width, initial-scale=1"> レスポンシブ・レイアウトに対応したことと関係あるんですかねー ・ clickイベントが使えない デスクトップのブラウザでは普通に動作するのですが、Androi
jQuery Mobile Beta1の変更点を速やかに即日でまとめる
初のβリリースとなった今回はそれなりに変更点をため込んだアップデートです．詳細はきっと誰かが粘着質にまとめる！ とはいえ，Twitterでは苦い顔をしながら追いかけてきた身なので，自分でもさらっとアップデート内容をなめてみます． 以前のバージョンからの移行についての特化記事は，jQuery Mobile Beta1へのアップデートについてのほうを． 全体的に良アップデートな主たる内容 Key Changesを元に，主な変更や新規の内容について追いかけてみます． トランジションがいろいろスムーズになった 最も重要．これはもう体感したほうがいいと思いますが，iOSで見てる限りは確かにそこそこスムーズになった印象です．不自然にガッコンガッコンとした座標調整も諦めてくれたみたいで，全体的な動きがスムーズになりました．Androidはちょっとちらつき残ってるので今後に期待． 移動量がしきい値に満たな
jQuery Mobile Beta1へのアップデートについてまとめたメモ
alpha 4.1以前からアップデートするときには jQuery Mobile Beta1の変更点と重複する内容もありますが，それらの主要な変更に対してアップデートする際にはどのように対応したらよいかが，Beta 1 upgrade notesとしてまとめられています． BackボタンがデフォルトでOFFになった data-role="page"がついてる要素に，data-add-back-btn="true"を加えるか，以下のように初期化する． $(document).bind("mobileinit", function() { $.mobile.page.prototype.options.addBackBtn = true; }); $mobile.ajaxFormsEnabledとajaxLinksEnabledが廃止 ajaxEnabledでまとめて設定する． viewport
[jQuery Mobile] jQuery Mobileのベータ版がリリースされたようなので適用してみました | 三日坊主 ～とつの情報箱～
jQuery Mobileのベータ版がリリースされたようなので、さっそく適用してみました。 jquery.mobile-1.0b1.min.js jquery.mobile-1.0b1.1.css をアルファ版から変更し、動作させたところ画面真っ白(;゜д゜) cssの変更だけでいいかなと思っていたらいきなりつまづいた。。。 変更点がどこかにまとめられていないか確認したところ、 (参考サイト) jQuery Mobile Beta1の変更点を速やかに即日でまとめる (引用) 依存するjQuery本体バージョンが1.6.1になった あれ？もしかして1.6.1でないと動かない？？ というわけで、1.6.1にしたところ、動作しました。 でも、画面遷移時にLoadingの画面がでる。。。 これって、ajax無効になってないんでは。。。 調べたところ、下記に変更してなんとかajaxも無効
jQuery Mobileがついにβ版へ到達。正式版は8月後半の予定
HTML5をベースにしたモバイルアプリケーションを開発するためのJavaScriptライブラリとして注目されている「jQuery Mobile」。ついに最初のβ版であるβ1の公開が今朝から開始されました。 新機能として主に紹介されているのは、iOSやAndroidでのURLバーの非表示機能によってアプリケーションとしての見栄えを設定できることや、トランジション効果がスムーズでスクロールが高速になったことなどです。 また、これまでツールバーに自動的に表示されていた「Back」ボタンが、デフォルトでは非表示となりました。 β1ではBlacberry5とOpera Miniのサポートが新たに追加され、これでjQuery Mobileが対応するOSは、iOS、Android、Windows Phone 7、Blackberry、Blackberry Playbook、WebOS、Firefox M
MobileSafariのposition:fixedが厄介すぎる件 – capeknote
固定ツールバーの実現最近ipad/iphoneサイト制作について調べてるんだけど、positon:fixedが使えない関係で、上下固定メニューが厄介すぎるのでメモ。 結論から言えば、 iscroll.js をつかう Sencha Touch (Ext.js 有料) をつかう のが現実的っぽい。 ちなみにJQueryMobileはfixed対応をガチでやらずに↓のサンプルのように http://jquerymobile.com/demos/1.0a2/#docs/toolbars/bars-fixed.html absoluteで、スクロールされるときに一度消して再配置しています。 たぶん汎用性を優先したんだと思う。 そもそも何が問題かというと fixedにしても画面といっしょにスクロールされちゃう setIntervalで回して常にabsolute配置を変更して対応しようと
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
jQuery Mobile リファレンス
jQuery Mobile 1.1.0 日本語リファレンス