New bookmarklet:
!grid (drag to Links-bar)

Click once to overlay the current page with a div containing a 50x50 grid pattern. Click again to hide. Should be handy for testing alignment, quick dimension estimates, etc. Tested in IE6 and Firebird 0.7.

(Suggestions for better grid patterns are welcome; grid9.gif looks OK here but looks a bit iffy on lighter backgrounds.)

Update: here's a new version using a different grid pattern, having alternating bright and dark pixels per P01's suggestion, and without the inner 10x10 lines:
!grid2

comments

1. posted by Fidel at 23:51 on October 26, 2003

Thats tight.

2. posted by rj at 10:47 on October 27, 2003

I think I feel an article...

3. posted by JQN at 20:43 on October 27, 2003

This is great for measuring stuff! Up untill now I had a hand made paper tape measurer with 50px units... truly low tech, but handy nonetheless.

4. posted by P01 at 23:06 on October 27, 2003

Everyone should have a look at the Ruler favelet @ centricle ( http://centricle.com/tools/favelets/ )


milov: To enhance the visibily, you could alternate bright and dark pixels on the lines of the grid pattern.

JQN: wow, using a paper tape is so roots. I put some stickytape on the side the monitor of my Atari to see how much cpu time I had to remove to fill a full Vertical BLank. ^__^

5. posted by JQN at 23:40 on October 27, 2003

The Ruler's nice! I had no idea this could be done... I'm such a n00b.

6. posted by palla at 10:12 on October 28, 2003

cool...

7. posted by YUDHI PRSETYO at 07:11 on November 18, 2003

ITS JUST NOTES WHAT THERE'S A ANOUCEMENT TO INTRODUCE OF hOW WHEN i GET THE COSTEMER HAD INTERSTED

add a comment

Note: no HTML allowed. URLs starting with http:// are automatically turned into working links. Please don't spam.