スポンサードリンク

Category Archives: Webブラウザ

全てのブラウザに対応したcssスタイルシートの透明、半透明の背景設定を記述する

◆ 全てのブラウザに対応したcssスタイルシートの透明、半透明の設定を記述する

通常のWeb画面では、あまり使用しないかも知れませんが、スマートフォンの画面は狭いので、背景(background-color)を透明、または半透明にするテクニックを覚えておくと良さそうです。

Read more »

safari ウェブブラウザサファリのURLのコピー&ペースト

◆ safariでコピー&ペーストURLが開けない

サファリのURLの場所に、コピー&ペーストしても違うURLに勝手に変更されてサファリで新しいサイトが開けない。

どうしたらいいのか?

教えてGooで見つけました。

Read more »

YouTube動画を情報吹き出し(インフォウインドウ)に表示する

◆ Google Maps API v3 / Youtube動画を吹き出し(インフォウインドウ)に表示する

Youtubeの動画をインフォウィンドウ(infowindow)に表示させてみます。

1.先ずYouTubeにアクセス

YouTubeサイト

2.YouTube動画の下部にある埋め込みコードをコピペして

3.infowindowの吹き出しコンテンツに貼り付けます。

Read more »

地理位置情報サービス Geolocation API をサポートしているブラウザ一覧

地理位置情報サービス Geolocation API をサポートしているブラウザ一覧
W3C Geolocation
Gears API

Webオンライン iPhone(アイフォン)用シミュレータTest iPhone.comをブラウザを変えて比較してみる。

まず本題から外れるが、Wordpressの場合、プラグインのKtai Styleを使えば、ブログを携帯電話用に変換できるのだが、どのようになるのか気になっていた。らしく表示されて、Docomo、au、softbankの確認が出来るので重宝(メモ)。

◆iPhone(アイフォン)用シミュレータTest iPhone.comをブラウザを変えて比較

さて、本題のアイフォン用シュミレータだが、迷った挙句、Test iPhone.comが使いやすくていいかと。

Test iPhone.com http://www.testiphone.com/

Web上のオンラインで実際のiPhone(アイフォン)画面と近い表示が可能。

しかし、使用するブラウザにより、かなり異なる。結論から言えば、私のiPhone(アイフォン)用サイトを忠実に表示できたのは、Google Chrome。iPhone(アイフォン)ならsafariかと思っていたが・・・・ダメでした。

ブラウザを変更してTest iPhone.comで作成中の実機用ページを表示比較してみた。ちなみにこのページの各マップの現在地の取得は、W3Cとgoogle.gearsの両方に対応。作成はjQtouch。

◆Google Chrome

一番、類似して表示できたのがgoogel Chorme。jQtouchのフロートバーやinputフォームもほぼそのまま。現在地収得にも対応。唯一残念なのがjQtouchのアニメーション対応。safariだと実機iPhone(アイフォン)のように、slide upやFlip等の動きも確認できるがGoogel Chromeでは不可。

Read more »

スポンサードリンク