Webmasters Stack Exchange is a question and answer site for pro webmasters. Join them; it only takes a minute:

Sign up
Here's how it works:
  1. Anybody can ask a question
  2. Anybody can answer
  3. The best answers are voted up and rise to the top

Could you please advise me the tools that can draw images like this or this serving as a design for CSS layout?

share|improve this question
up vote 0 down vote accepted

It's not too clear what you are asking for, if you need a tool that generates CSS and layout for you then you probably could use 960 Grid System, if you need a tool for creating mockups then you could use Pencil or the tool Matt has recommended you.

share|improve this answer

I generally do wireframes in photoshop, but you might like to take a look at http://balsamiq.com/ which is a mockup / wireframing tool with a "sketch" style. It's more focussed at UI mockups than specifically CSS I think.

share|improve this answer

Maybe I read the question wrong, but I thought perhaps it was seeking a tool to output a line-drawing representation of existing CSS and markup. If so, the Fire Fox Web Developer toolbar can help.

Under the Outline option you can have it outline different sections of your page to see clearly how all the elements of your page are nested together. I have found this extremely helpful when trying to troubleshoot a complex layout that someone else has written.

share|improve this answer

Your Answer


By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.