tags:

views:

125

answers:

6

When I'm working on HTML or CSS, I'm constantly trying to figure out "How many pixels of padding are inside this element? And what color is it? And is that left margin three pixels wide or four?"

Is there a Linux application or set of applications that magnifies part of the screen and provides a pixel ruler and color picker within that magnified space? Like the Windows application called "Webmaster's Toolkit" -- http://spicebrains.com.

A: 

Well Web developer extension provides a pixel ruler. And you could use that in combination with the gnome accessible magnifier? I guess.

+2  A: 

There is a webdev plugin for firefox that would provide all that information.

Web Developer

EBGreen
I installed WebDev, but I don't see any of the tools I mentioned.
mike
+5  A: 

Get Firebug, it's indispensable.

Andrew Vit
I do use Firebug -- it can do this?
mike
Andrew Vit
That's no help -- I need to see what the actual number of pixels between two elements is. Those pixels could come from padding, margins, or all kinds of other things. That's why I need to actually count pixels, right off the rendered page.
mike
+2  A: 
Luis Melgratti
That's no help -- I need to see what the actual number of pixels between two elements is. Those pixels could come from padding, margins, or all kinds of other things. Reading element properties won't tell me that; I need to actually look at the pixels that get rendered.
mike
I updated my post. As you can see :)
Luis Melgratti
A: 

One dead-simple way to measure pixels is to just take a screenshot and drag it into GIMP. You can get colors using the eyedropper, and dimensions using the marquee (select) tool.

Andrew Vit
Yes, that's got 100% of the functionality and is actually what i do now. It just takes about 50 times longer than a hotkey app.
mike
A: 

For measuring distances on screen, have a look at kruler or screenruler.

oliver