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

@Welton855

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.

Vote Up Vote Down

@Candy875

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.

Vote Up Vote Down

@Eichhorn148

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

Vote Up Vote Down