CSS for. At the

I usually get Web page designs that I have to craft HTML/CSS for.

At the moment I use tools such as OS X's own Preview to size up various parts of the designs I get in order to extract widths and heights that I can use in my CSS rules.

Is there a tool that can come handy for doing this? For example, when I draw a rectangle around a specific component in the page, I want it to also permanently show the width/height of that rectangle.

Looking forward for your suggestions.

EDIT: I found a few "ruler" apps on App Store that are very helpful but are not exactly what I am looking for (e.g. they do not annotate the image itself, but rather are on-screen tools).

10.05% popularity Vote Up Vote Down

: Looking for a font with leaning A (image attached) tried the site what the font with no luck. I am looking for a font (Free since for one time use in a title) that has this leaning "A".

@Gail6891361

Posted in: #Fonts

1 Comments

: How to add one smart object in multiple files in photoshop? I know I can do multiple iterations of the same Smart Object within the SAME document and have it change all instances, but what

@Gail6891361

Posted in: #AdobePhotoshop #Designers #DesignPrinciples #PhotoshopEffects #WebsiteDesign

6 Comments

: Determining Gutter Size in Grid Design Is there a rule of thumb for determining grid gutter size as it relates to type size? I'm struggling with this issue on the web, especially when dealing

@Gail6891361

Posted in: #FontSize #Grids #Typesetting

4 Comments

: Making a line drawing or vector image from photograph I'm trying to create shooting target-style single-color images from digital pictures of animals. Once I've lifted the image from the background,

@Gail6891361

Posted in: #HowTo #LineArt #Vector

2 Comments

Login to post a comment!

5 Comments

Sorted by latest first Latest Oldest Best

@Gail6891361

SpecKing plugin for photoshop will do the job

10% popularity Vote Up Vote Down

@Smith574

If you are using Adobe products, you should be able to get dimensions for any element in your design by selecting it and viewing stats in the Info Panel. I do not know of any tool that will permanently label your designs with dimensional labels.

10% popularity Vote Up Vote Down

@Sent7350415

If you're just looking to place callouts and measurements on the comp page(s), and you are on a Mac, just open the file(s) in Preview and then use the Annotation tools; lines, ovals, comments, etc... This is what I normally use for Image and PDF comps with clients. Cheers!

10% popularity Vote Up Vote Down

@Margaret771

for annotation and sharing - i love using SKITCH PLUS for this. its free too

10% popularity Vote Up Vote Down

@Deb5748823

The info pane in photoshop can do this easily. However nothing I have seen puts this information on the image automatically. you could just add it yourself with the text tool of photoshop.

10% popularity Vote Up Vote Down

Feed

: Looking for a tool to annotate the Web page mockups I am given with sizing info before I craft HTML/CSS for them I usually get Web page designs that I have to craft HTML/CSS for. At the

More posts by @Gail6891361

: Looking for a font with leaning A (image attached) tried the site what the font with no luck. I am looking for a font (Free since for one time use in a title) that has this leaning "A".

: How to add one smart object in multiple files in photoshop? I know I can do multiple iterations of the same Smart Object within the SAME document and have it change all instances, but what

: Determining Gutter Size in Grid Design Is there a rule of thumb for determining grid gutter size as it relates to type size? I'm struggling with this issue on the web, especially when dealing

: Making a line drawing or vector image from photograph I'm trying to create shooting target-style single-color images from digital pictures of animals. Once I've lifted the image from the background,

Login to post a comment!

5 Comments

Back to top | Use Dark Theme