Brackets – New Code Editor for Web Development – Worth a Try!

• Code completion
• Inline editor
• Live Preview
• Language Support

Code Completion

One cool feature with Bracket is code completion feature. I have not tested with different languages such as Java, PHP etc that are supported. However, it works like a charm with HTML, CSS and Javascript. Just

Inline Editor

One of the productivity killer while doing CSS/Javascript development is the need to go back-and-forth to the CSS and JS files from HTML pages. How cool it would have been if I could click on the HTML element in the HTML page and, somehow it would have displayed the CSS inline for me to view and edit. This would have removed the need to go to CSS files time and again, search for the CSS element and make the desired changes. This problem or pain-point is solved in a cool manner by Brackets by providing inline editor. Using inline editor, you could put your cursor on any HTML element and press CTRL+E. That shows the CSS on that element in inline editor (in the following manner) using which you could edit and save and continue with your development.

In my experience, the need to go back-and-forth to CSS/JS files was one of the biggest productivity killer. And, I, being used to the world of Eclipse IDE, always craved for something similar to how I use to programming with Eclipse IDE.

Live Preview

Another cool feature why I loved Brackets code editor is Live Preview. Make your changes to CSS and see the page changing right away. This is another cool feature as it saves you from one click of refreshing the page for CSS changes. Code editors like Sublime as well offer this features. However, the thing that makes Bracket unique is live updates on page as you develop.

Language Support

Brackets provides support for different spoken languages such that web developers from different regions could use the tool to write the web code.