category
サイト構築 -JavaScript

[JS]ウェブページのグリッドが正しいかどうか確認できるスクリプト -#grid

  • この記事をdel.cio.usに登録する
  • この記事をはてなブックマークに登録する
  • この記事をGoogleブックマークに登録する
  • この記事をYahoo!ブックマークに登録する
  • この記事をdiggに登録する
  • この記事をlivedoor clipに登録する
  • この記事を@nifty クリップに登録する

Analogのサイトでも使用されている、ページのグリッドをブラウザ上で確認できるスクリプトを紹介します。

サイトのキャプチャ

#grid

上記のキャプチャは確認用のグリッドを表示したもので、通常の表示は下記のようになっています。

サイトのキャプチャ

確認用のグリッド画像は任意のものを使用することが可能で、ページ全体のグリッドのチェックも可能です。

サイトのキャプチャ

ページへの設置方法は簡単で、スクリプトを外部スクリプトで記述し、数行のスタイルシートを記述するだけです。
※「Installation」の2と3をコピペ。

使用方法も簡単で、設置済みのページで、[Alt]+Gで一時表示、[Alt]+G+[Enter]で固定表示、となっています。

Post on:2009年12月24日

  • この記事をdel.cio.usに登録する
  • この記事をはてなブックマークに登録する
  • この記事をGoogleブックマークに登録する
  • この記事をYahoo!ブックマークに登録する
  • この記事をdiggに登録する
  • この記事をlivedoor clipに登録する
  • この記事を@nifty クリップに登録する

トラックバック

トラックバック(URL)

コメント

comment:

※承認制のため、即時には反映されません。

ページの先頭へ




© coliss

RSS