BRACKETS: A Free Open Source Code Editor
As a developer, we all, want a good and easy–to–use editor to write our code (PHP, HTML, CSS or any other languages). If you are looking for simple and good features to run your code, then you might want to consider Brackets.
What is Brackets?
Code Hints from 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 this, as per the context of your code.
Instead of jumping between file tabs, Brackets lets you open a window into the code you care about the most. Want to work on the CSS that applies to a specific ID? Put your mouse cursor on that class, push Command / Ctrl+E and Brackets will show you all the CSS selectors with that ID in an inline window so that you can work on your code side-by-side without any pop-ups.
Get a real-time connection to your browser. Make changes to CSS and HTML and you’ll, instantly, see those changes on screen. Also, see where your CSS selector is being applied, in the browser, by simply putting your cursor on it. It’s the power of a code editor with the convenience of in-browser development tools.
Brackets is a lightweight and a powerful tool. It is considered to be an efficient modern text editor. Developers tend to blend the visual tools into the editor in order to get the right amount of help when they require it. Brackets has been releasing new features and extensions, regularly, by upgrading the tool and keeping in mind the ease of the users.
Front-end Developer (HTML), RapidValue