ホームページ作成/ホームページ作成テクニック、小技

ページ全体に目盛り(方眼)画像を重ねて測る(5ページ目)

ブラウザによって微妙に配置が異なっている場合や、自分の望みの位置とは微妙に異なっている気がする場合、ずれている距離を測るのは面倒です。そんなとき、ページ全体に上から目盛り(方眼)画像を重ねると便利です。

西村 文宏

西村 文宏

ホームページ作成 ガイド

初心者向けの「わかりやすさ」を重視した解説に定評があるウェブ系テクニカルライター。ウェブの黎明期に趣味で始めた個人サイト製作からその「楽しさ」に魅了され、作成方法に関する様々な情報を発信。企業や団体のウェブサイト製作・解説書籍の執筆なども行っている。

...続きを読む

目盛り(方眼)画像A - 数字なし

5ピクセル目と10ピクセル目の線を点線にした目盛り画像(数字なし版)です。
サイズは、1000×1000ピクセルです。
下記のリンクを右クリックするなどして保存して下さい。

画像ファイル[ grid1000a.gif ]

線の種類と色は、以下のようになっています。

  • 5ピクセルごと: 20%の灰色(点線)
  • 10ピクセルごと: 40%の灰色(点線)
  • 50ピクセルごと: 60%の灰色(実線)
  • 100ピクセルごと: 青色(実線)
  • 200ピクセルごと: 赤色(実線)
  • 500ピクセルごと: 緑色(実線)

<< 記事2ページ目に戻る


  • 前のページへ
  • 1
  • 4
  • 5
  • 6
  • 8
  • 次のページへ

あわせて読みたい

カテゴリー一覧

All Aboutサービス・メディア

All About公式SNS
日々の生活や仕事を楽しむための情報を毎日お届けします。
公式SNS一覧
© All About, Inc. All rights reserved. 掲載の記事・写真・イラストなど、すべてのコンテンツの無断複写・転載・公衆送信等を禁じます