Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS

Posted by Sébastien Pennarun
Sébastien Pennarun
4,222 Points

searching for a good tool to measure pixels on my website

Hello. I 'm looking for a tool that can measure pixel on my index html I already tried few of them for chrome but for some reason they only work on external sites (what I mean by that is when I try to open my index html for any of my projects in my browser the tool doesn't work, but on any other site let's say youtube for example it work). Any advice is welcome as I am pretty confuse with this behavior.

2 Answers

Shaun Kelly
Shaun Kelly
35,560 Points
Shaun Kelly
Shaun Kelly
35,560 Points

Hi Sebastien,

I use Page Ruler which is an extension on chrome developer tools. Gives you a nice dragging grid layout and lets you select the unit of measurement. If you need the tool to work on local files, go to your chrome extensions, select "details" on your page ruler extension and ensure that "Allow access to file URLs" is selected

Sébastien Pennarun
Sébastien Pennarun
4,222 Points

Hi Shaun,

thanks for your answer but I checked the details menu page and I couldn't find the option you are talking about.

I have a site access option which is set to "on all sites". Other than that there is almost nothing else i can change.

Maybe we don't have the same version I'm on 1.0.0

tg2k
PLUS
tg2k
Courses Plus Student 2,620 Points
tg2k
tg2k
Courses Plus Student 2,620 Points

Sebastien,

Have you tried the developer tools on google chrome?

alt text

Best regards, tg2k

Sébastien Pennarun
Sébastien Pennarun
4,222 Points

Hello,

if you talk about the tools that you can access with the console then yes i tried them and i didn't find a tool that could help me.There is indeed a ruler but it takes only the measure of your current layout, and i would like to be able to take the measure on a background image as well .