It is not really common to find an editor for web designers, it’s not only an editor but an Open Source editor backed by a well-known brand for web designers specifically. Brackets was founded by Adobe as a community guided, open source project to push web development editors to the next level. A powerful lightweight editor, with preprocessors support, live preview, but most important are the great extensions available with the tool. Best of all is the easy way that you can get code hints from a PSD :
The Extract for Brackets (Preview) extension lets you pull out design information from a PSD including colors, fonts, gradients, and measurement information as clean, minimal CSS via contextual code hints. You can also extract layers as images, use information from the PSD to define preprocessor variables, and easily get dimensions between objects. All in the context of your code.
Latest release is Brackets 1.1 and Extract for Brackets 0.6, which add live preview support for multiple browsers, improved support for typing accented letters with AltGr, improved stability, file type-specific preferences, and improved typing performance with code hints. Released under a MIT License.
