スポンサードリンク

Category Archives: Webブラウザ

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

Posted by 管理人 on 2011年2月13日 3 comments | 93,637 views
◆ 全てのブラウザに対応したcssスタイルシートの透明、半透明の設定を記述する

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

Read more »

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

Posted by 管理人 on 2011年2月12日 None comments | 743 views
◆ safariでコピー＆ペーストURLが開けない

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

どうしたらいいのか？

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

Read more »

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

Posted by 管理人 on 2011年2月3日 None comments | 3,011 views
◆ Google Maps API v3 / Youtube動画を吹き出し（インフォウインドウ）に表示する

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

1.先ずYouTubeにアクセス

YouTubeサイト

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

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

Read more »

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

Posted by 管理人 on 2011年1月13日 None comments | 1,806 views
地理位置情報サービス Geolocation API をサポートしているブラウザ一覧
W3C Geolocation
Gears API

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

Posted by 管理人 on 2010年12月24日 1 comments | 3,399 views

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

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

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

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

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

しかし、使用するブラウザにより、かなり異なる。結論から言えば、私のiPhone（アイフォン）用サイトを忠実に表示できたのは、Google Chｒome。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 »

スポンサードリンク