0

デザインのチェック方法(主にモニター、ブラウザについて)

社内のWeb担当者は、仕様するPCのモニタはノングレア液晶の使用で統一しています。(目が疲れないようにする為)

それでも疲れるので、私は少し明るさを落として使っています。

ではブラウザからデザインがはみ出さないかどうかの確認の仕方をご紹介です。

モニタの大きさ、比率はお客様それぞれですので、デザインが完成したらこのチェックは欠かせません。

右クリックで「画面の解像度」→解像度を1024*768に設定する→OKするとブラウザが画面ぴったりになります。

 

———-コーディングされたデータのチェックの場合——–

IE、firefox、chromeで崩れが無いかをチェックします。

IEで?f12を押すと下に「ブラウザモード」がでます。

IE7,8,9が選択できるようになりますのでバージョンごとにチェックします。

?※liの中のimgが、IE7で隙間ができたりするので注意。

以下は、忘れがちなチェック内容抜粋になります。

ロゴはindex.htmlにもどれるようになっているか?

google mapは正しいをビル名をさしているか?

外部リンクはtarget_blank設定になっているか?

google Analytics用タグが入っているか?

などがあります。