BRACKETS: Free open source code editor built with HTML, CSS and JavaScript

We all want the good and one simple to use editor to write our code (PHP, HTML, CSS or any other languages). Which look great and good features to run our code. If this is what you are looking then you may find it in Brackets.

Introduction

Brackets are free, open source editor built with HTML, CSS and JavaScript with primary focus on Web Development. It was created by Adobe systems and currently maintained on GitHub. You may notice that it is also built using Twitter Bootstrap, which gives great looks and powerful framework to the pretty good editor. Brackets are lightweight, browser-based, and have a great extension model. Brackets are available for cross-platform download for Mac, Windows and Linux.

Features

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 in the context of your code.

Inline Editors

Instead of jumping between file tabs, Brackets lets you open a window into the code you care about 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 you can work on your code side-by-side without any popups.

Live Preview

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 dev tools.

Extension Manager

We can install various features using the brackets extensions, which is updated every two weeks with new features (Command prompt, Themes, Foundation Template, HTML Templates, Ionic frameworks code hinting, HTML CSS & JavaScript Beautifiers  etc.).