新規登録

ウィジェット » Web Developer » Screen Ruler

Screen Ruler V1.7 2006/07/04 20:08:09

Measure pixels on your screen.

A virtual ruler! It's a useful tool for web designers and maybe for others too :smile: Simply click the grid in two places to measure the distance between the points (in pixels). To remove the points, click again. You can create straight lines with Shift key. You have to right click this widget to close it, because it covers the whole screen.

A simpler version of the ruler is included for Linux users, because widgets on Linux have problems with transparency. It will be detected and enabled automatically if you don't use Windows or Mac.


コメント 56 通

ページのトップからログインしコメントする

41 - 56 中 56

Hm, it does not work. Yes, it takes a measure, but I get the whole screen blank black. Only Windows taskbar remains (sometimes).

Jurgi 作 , # 2006/07/22 19:12:19

I'd love to see better Linux version too. Oh and transparency doesn't work on windows 98 as well, all I'm able to see is black background and the ruler, though it works fine.

Ramunas 作 , # 2006/07/17 11:22:56

Thanks for the ideas, CrazyTerabyte. I will improve Linux version in the future.

grafio 作 , # 2006/07/14 13:35:38

As a Linux user, can we rotate the ruler, to use it vertically?

Maybe add two rulers, one vertical and one horizontal.

And also it is important to be able to MOVE the ruler (ok, my window manager allows me to use alt+mouse).

Maybe even the not-linux versions could use this "simplified" interface (by an option)

Also, drawing a ruler with numbers on them might be useful.

CrazyTerabyte 作 , # 2006/07/12 22:24:02

Useful! Useful!

peewack 作 , # 2006/07/12 18:10:33

Nice widget. Thanks.

ELV1S 作 , # 2006/07/10 17:49:31

Many thanks for the valuable tips, Benjamin Joffe!
I'll update it today.

EDIT: Done :smile:

grafio 作 , # 2006/07/08 14:09:41

I like the idea. Here are a few suggestions.

- Make it not possible to drag using the CSS:
 -apple-dashboard-region: dashboard-region(control rectangle 0px 0px 0px 0px);

- It seems to be quite laggy, I assume that this is because you are using canvas and are clearing the entire rectangle instead of just the line. To clear only the line more efficiently you should stroke over it again with a wider line and use the javascript:
ctx.globalCompositeOperation="destination-out";

- Place the points using onmousedown instead of onclick to make it more responsive to the click.

Benjamin Joffe 作 , # 2006/07/08 13:55:57

VERSION 1.6: Now you can use Shift key to create straight lines. Thanks to d.i.z. for this idea :smile:

grafio 作 , # 2006/07/08 9:56:03

Maybe I will :wink: But you can read "X length" and "Y length" values instead of "Distance", that's the same as it would be in a straight line.

grafio 作 , # 2006/07/07 0:00:28

Can you make it to create straight lines with Shift pressed?

d.i.z. 作 , # 2006/07/06 20:24:26

VERSION 1.5: Now a simpler version of the ruler is included for Linux users (widgets on Linux have problems with transparency). It will be detected and enabled automaticly if you don't use Windows or Mac.

Also I fixed the favicon :wink:

grafio 作 , # 2006/07/06 16:15:34

It's really useful, thanks a lot!

Meneldor 作 , # 2006/07/05 13:10:48

really cool! thnx :wink:

seifip 作 , # 2006/07/05 12:59:33

Clever! Could do with some background transparency to make the boundaries of the grid more obvious, maybe?

And perhaps the X-Y co-ords could be calculated as the screen co-ords, instead of relative to the edges of the widget?

Great idea, very cleanly executed, and very, very useful!

johnnysaucepn 作 , # 2006/07/05 10:52:35

Tip: it works the best with "Always on top" option.

grafio 作 , # 2006/07/05 10:06:22

  1. ページ:
  2. 1
  3. 2
  4. 3

Copyright © 2001 - 2009 Opera Software. All rights reserved. About | Contact | Privacy | Disclaimer |