未分類
Page transitionsでページのアニメーション効果を変化するのを体験できますpage をクリックすれば新しくページを開くときのアニメーションdialogをクリックすれば新しくダイアログを開くときのアニメーションを実感できますこれは...
Snowpool
未分類 jQuery Mobile jQueryMobile でリンクをボタンにするには
スマートフォンの場合、画面がパソコンより小さいので間違えてクリックする可能性が高いため、できだけリンクなどはボタンにかえるようにしますやりかたは簡単でa タグのリンクの場合<a href="index.html" data-role="bu...
jQuery Mobile jQuery Mobile での外部リンク設定
jQuery Mobile で外部リンクをはるにはaタグにrel="external"を追記しますこれはjQuery Mobile が基本的に ajax による画面遷移をしているためですこのおかげで画面をリフレッシュせずに切り替えできるので...
jQuery Mobile jQuery Mobile で戻るボタン設置
jQuery Mobile で戻るボタンを設置するにはdata-add-back-btn="true"を追記します追記するのは<div id="ページID" data-role="page" >に追記します<div id="ページID" d...
jQuery Mobile ひとつのHTMLファイルで複数のページ
jQueryMobile を使うことによりひとつのHTMLファイルで複数のページを作成できます正確には、data-role="page" の id で分けているだけですdata-role="page" のid は新聞や雑誌の記事のカテゴリー...
jQuery Mobile jQueryMobile でテキストリンクをボタンへ
スマートフォンの画面はパソコンなどに比べて小さいためa タグでつくったテキストリンクを間違えてクリックすることも多々ありますこのため、一般的な対策としてはアイコンにするか、ボタンにするというように、わかりやすさを求めますリストビューメニュー...
jQuery Mobile jQuery Mobile ViewPort 解説
ipod touch とか iPhone で最適な画面サイズに設定するにはViewport の設定を行いますこれを設定すると縦横の回転のときの対応ユーザによるピンチイン・アウトの禁止などの詳細設定も可能になります参考サイトはスマートフォン向...
jQuery Mobile jQuery Mobile の解説
jQuery Mobile の基本的なUIはヘッダーとフッターjQuery Mobile ではpage という概念があり、１つのページにヘッダーコンテンツフッターという構成になりますページは紙面 data-role=”page”ヘッダーは見...
jQuery Mobile jQueryMObile 1.1 になって変わったこと
jQueryMObile 1.1 になって変わったことについてですページアニメーション効果がturn , flow が増えますデフォルトアニメーションがslide から fade へ変更ページ読み込み中の画面のカスタマイズiOS での対応は...
jQuery Mobile jQuery Mobile の参考サイト
jQuery Mobile の参考サイト一覧を作ってみましたjQuery Mobile jQuery Mobile DownloadjQuery Mobileを使った国内スマホサイトまとめ jQuery Mobile 日本語リファレンス c...