Top/Web開発/画面サイズ確認用壁紙

Web開発/画面サイズ確認用壁紙 のバックアップの現在との差分(No.1)


  • 追加された行はこの色です。
  • 削除された行はこの色です。
*概要
Web開発の際、デザイン結果を特定の画面サイズで確認したい場合があります。
そういった場合に確認しやすいよう、ディスプレイの基本的なサイズがわかるような壁紙を作成しました。
640x480(VGA)、800x600(XGA)、1024x768(XGA)、1280x1024(SXGA)のところで背景色を変更しています、
ブラウザ等の外枠を上記のサイズに合わせた上で開発していただけば、画面サイズの小さい環境での見え方が確認できます。
なお、壁紙の設定ではWindowsの場合「中央に表示」「並べて表示」「拡大して表示」などが選べると思いますが、「並べて表示」を選んでください。

*画面イメージ
ブルーをベースにしたグラデーション壁紙で、640x480(VGA)、800x600(SVGA)、1024x768(XGA)、1280x1024(SXGA)のところで背景色を微妙に変更しています。ブラウザ等の外枠を上記のサイズに合わせた上で開発していただけば、画面サイズの小さい環境での見え方が確認できます。
#ref(thumbnail.png)

*Windowsの場合の使い方
下記に「添付ファイル」から「wallpaper_for_web01.gif」を右クリックし「対象をファイルに保存」でダウンロードして壁紙に設定してください。
壁紙の設定では「中央に表示」「並べて表示」「拡大して表示」が選べるかと思いますが、正確に表示させるには「並べて表示」を選んでください。

ページ新規作成

新しいページはこちらから投稿できます。

TOP