firefox Add On firefox をスマホブラウザもどきへ
firefox をスマホブラウザもどきにする方法です今回の参考サイトはiPhone/Android をブラウザで再現ですへアクセスしAdd to Firefoxをクリックしますダウンロードしたらダイアログがでてくるので、今すぐインストールを...
2012-05
firefox Add On 未分類
Page transitionsでページのアニメーション効果を変化するのを体験できますpage をクリックすれば新しくページを開くときのアニメーションdialogをクリックすれば新しくダイアログを開くときのアニメーションを実感できますこれは...
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 での対応は...