このページの記事目次 (タグ: jQuery の検索結果 10 件)
- 文字サイズ変更ボタン をスマートフォン用テンプレートに設置 [2013/05/26]
- iPad,iPhone,Android,DS,Wii など 閲覧時の操作性対策を2つ [2012/04/03]
- 自分のつぶやきをオートスクロールで表示 (jCarousel Lite を活用) [2012/03/09]
- ツイートを1件ずつ表示する jTwitteen の設置方法 [2012/02/07]

スマートフォン用テンプレートに 文字サイズを デフォルト・大きめ・特大 などに調整できる jQuery のスクリプトを設置してみました。 クッキーを利用しているので、ページを送っても有効です。
iPad からFC2ブログを閲覧した場合、以前は パソコンからのアクセスと同じ扱いになっていましたが、2013年3月頃からは スマートフォン用テンプレート にも切り換えられるような仕様に変わっています。(※現在のデフォルトは PC用テンプレート のようで、共通URLでアクセスした場合は 毎回1度は PC用テンプレートが表示されます。)
PC用テンプレートで閲覧すると、上部に【 スマートフォン版で表示 】というリンクが 大きく表示されてしまうようになったので、仕様変更は賛否両論なようですが、どちらでも閲覧できるようになったのは便利になったと言えるのかもしれませんし、iPad などからも閲覧し易いようにしていく必要が出てきたと言えるのかもしれません。
iPad から実際に見てみると、不便に思う点がいくつかあります。 例えば
- スマホ向けテンプレで閲覧すると、ズーム(ピンチアウト)が出来ないサイトが多い。
- スマホ向けテンプレで閲覧すると、ズーム(ピンチアウト)が出来る場合でも、ズームをすると (画面幅での折り返し表示がされない為) 横スクロールが必要になるケースが多い。
キーワード検索 : jQuery javascript フォント iPad スマートフォン ブラウザ






お役に立ちましたら、応援して頂けると嬉しいです(*´`*)
記事を読んで頂きありがとうございます。

URL http://arinogotokuatumarite.blog19.fc2.com/blog-entry-240.html
2013/05/26 ~ | Comment (0) tweet? | ↑ ページ先頭へ ↑ |最近は PC・スマートフォン・タブレット時代 などとも言われるように、ブログの閲覧環境も多種多用になっていますね。 現在、FC2ブログでは PC用・スマートフォン用・携帯(ガラケー)用 のテンプレートがあります。 振り分けは 以下のような感じ。
- PC用テンプレート が適応
PC,iPad,3DS,DSi,Wii,PSP,PS3,PSVita...等
追記 : 2013年3月頃~ iPad はスマホ用にも切り替え可能になっています。 - スマホ用テンプレート が適応
※殆どのFC2ブログで、PC用テンプレートとの切り替えが可能
iPhone,iPod touch,Android,Windows Mobile,BlackBerry,...等 - 携帯用テンプレート が適応
スマートフォンに分類されない 各社携帯電話
下の図は、このサイトで良くアクセスされるページ(1週間分の上位集計)です。

クリックで画像を拡大します
主なスマートフォン,任天堂ゲーム機 及び 表示幅 800px以下 の環境では lightBox は機能しないようにしてあります。 画像をクリックすると単純に 別タブ(_blank)で大きい画像を開きます。
という訳で、このサイトの問題を少しでも減らすため、2つの対策をしてみました。
- ある条件の時は lightBox を機能させない
jQuery lightBox (拡大した画像や背景の何処をクリックしても閉じられるようにしてある) を タッチ操作のもの(iPad,iPod,iPhone,Android の場合) と、3DS などモニターの小さいものの場合と、動作が若干不安定になる Wii では実行しないで、普通にリンクで開くようにしたい! - ナビゲーションメニューの誤タップ対策
タッチ操作のもの(iPad,iPod,iPhone,Android,3DS 等) では、:hover(マウスオーバー)でプルダウンメニューが開くことはない為、以前のものでは、プルダウンさせたくても誤タップ(誤クリック)していまうケースも多いかも。。 ※アクセスできないことはないのですが、操作にコツが必要でした。
キーワード検索 : スマートフォン iPad iPhone DS Wii jQuery Lightbox






お役に立ちましたら、応援して頂けると嬉しいです(*´`*)
記事を読んで頂きありがとうございます。

URL http://arinogotokuatumarite.blog19.fc2.com/blog-entry-218.html
2012/04/03 ~ | Comment (7) tweet? | ↑ ページ先頭へ ↑ |





お役に立ちましたら、応援して頂けると嬉しいです(*´`*)
記事を読んで頂きありがとうございます。

URL http://arinogotokuatumarite.blog19.fc2.com/blog-entry-215.html
2012/03/09 ~ | Comment (-) tweet? | ↑ ページ先頭へ ↑ |





お役に立ちましたら、応援して頂けると嬉しいです(*´`*)
記事を読んで頂きありがとうございます。

URL http://arinogotokuatumarite.blog19.fc2.com/blog-entry-213.html
2012/02/07 ~ | Comment (-) tweet? | ↑ ページ先頭へ ↑ |