webdesignkeys

CSSやjavascriptなどを利用した動的なサイト作りやwebデザインに関するネタを紹介!

Subscribe by RSS RSS Icon
Follow me Twitter Twitter Icon
 
 

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

Comment

コメントの投稿













管理者にだけ表示を許可する
 

ADOBEのブラウザチェックシステム BROWSER LAB

browser_lab_top_000.jpg

ADOBEのWEBサービスで、ウェブサイトの表示チェックを行うことができます。
また、このサービスは、ADOBEのアカウントさえ取得しておけば、誰でもフリーで利用できます。似たようなGUIの物ではMicrosoftのSuperPreviewがあるが、こちらはソフトをインストールしなければならないため、手間がかかるが、こちらはアカウントさえあれば、ブラウザ上で簡単に動作確認が可能
■Browser lab
https://browserlab.adobe.com/index.html

Sign inが完了すると以下のような入力ボックスが表示されるので、任意のURLを入力してください。

■入力ボックス
browser_lab_inputurl_001.jpg

以下にIE6と7の動作確認の例を載せる。IE6では、透過画像が利用できないため、このサイトで利用しているトップのロゴは、白くなってしまっています。動作確認②のようにIE7以降は透過に対応しているため、正常に表示されていることが確認できます。

■動作確認① -IE6 windowsXP-
browser_lab_ie6_002.jpg

■動作確認② -IE7 windowsXP-
browser_lab_ie7_003.jpg

以下に表示させているのは、ブラウザの変更方法です。
まず手順①のように、今表示しているブラウザの表記にカーソルを当てクリックを行うと、プルダウンメニューが現れます。変更を行う時は、手順②のように「ALL Browser」にカーソルを当てることで、選択できるブラウザの一覧が表示されます。

■表示ブラウザの変更方法 手順①
browser_lab_changebrowser_004.jpg

■表示ブラウザの変更方法 手順②
browser_lab_changebrowser_005.jpg

以下に、表示の確認が可能なブラウザのバージョンをまとめました。

■Windows XP

* Firefox 2.0
* Firefox 3.0
* Firefox 3.5
* Internet Explorer 6.0
* Internet Explorer 7.0
* Internet Explorer 8.0
* Chrome 3.0

■Mac OS X

* Safari 3.0
* Safari 4.0
* Firefox 2.0
* Firefox 3.0
* Firefox 3.5

■VIEW
browser_lab_view_006.jpg


Browser labでは、VIEWの切り替えを行うことができます。
1-upで1つ、2-upでは、2つ同時に別々のブラウザ表示を行うことが可能でり、「onion skin」を選択すれば、2つのブラウザでの表示を重ね合わせることで、その差異を観測することが可能です。





Comment

コメントの投稿













管理者にだけ表示を許可する
 
<< PREV | HOME | NEXT >>

FC2 template
fc2_template_question.jpg

Category

NEWS
 

Comment

Archives

Favorite
125x125 banner 1
125x125 banner 2
125x125 banner 3
125x125 banner 4

Object
CoRich word of mouth information
Web service is developed through word of mouth information. ⇒CoRich
web design keys fc2 blog ranking!!
It challenges the ranking on my site. Please click this links. ⇒FC2 Blog Ranking
Proin magna amet fermentum dignissim
Nulla gravida, lacus molestie convallis dolor sem suscipit nisl, ut pharetra erat leo in elit.
Fusce pulvinar euismod urna vel viverra
Quisque malesuada laoreet tellus vel iaculis. Morbi nulla leo euismod pulvinar erat.
Class aptent taciti sociosqu ad litora
Curabitur vestibulum est eu purus bibendum eu eleifend diam tempor. Fusce metus eros, faucibus ut hendrerit ac.

Links

 
 
 
 
 
 
Copyright Info.

Nulla enim nibh, conse ctetuer sed, vesti bulum eleme ntum, sagittis nec, diam. Mauris blan dit vehi cula neque. Read More

 
Other Links
 
 
 
 
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。