Brackets will automatically refresh the browser and load the latest saved version of a file open in the browser. This works with php as well. Editing a css will even highlight the tag that's currently being worked on. However, it only works with Chrome.
Ranked in these QuestionsQuestion Ranking
Pro Built-in browser live-updating
Pro Free, open source and cross-platform
Brackets is entirely free and open source.
Pro Built-in extension manager
The functionality of Brackets can be extended via a simple-to-use extension manager. The extension manager also has a considerable number of extensions and themes.
Pro Actively developed
Brackets is being actively maintained and developed.
Brackets is easy on memory usage and it starts up quickly.
Pro Can style a tag without switching over to the stylesheet
A feature called "Quick Edit" allows the user to select a tag in (a html file, for example) and edit the associated style without switching over to the css document. It also supports SASS and LESS pre-processors.
Pro Can be hacked by any front-end developer
Pro Vim mode
Vim-style editing is already built in the text editor.
Pro Drag and drop support
Brackets supports drag and drop of text, as well as multi / rectangular selection.
Pro Popup previews
Hovering over colors hex codes or image paths will pop up previews of corresponding colors and images.
Pro Support for Adobe PSD content
A default extension allows for the extraction of PSD resources, such as images and styles. There's good integration for placing extracted resources into source.
Pro Special support for JQuery through the jQuery plugin
The jQuery support (when you install the jQuery plugin) is great. It adds function definitions so that autocomplete works as intended. Furthermore, the IDE knows about the logic of the different libraries and frameworks and can understand that
$(this) refers to a jQuery instance.
Pro Portable option available
Codelobster IDE offers a lightweight, portable option.
Pro Hovering over a CSS property shows you which browsers are supported by that property
This is a really nice feature as it immediately shows you the browsers that support a certain CSS property. Of course, it does not beat actual testing, but it's still a nice feature that saves developers a lot of time.
Pro Free version available
There is a free version available for download; it comes with a lot of features that you would find in an IDE.
Con Still missing some elementary text editor commands
Some gaps have to be filled by plugins, while these features should be built in.
- Jump to matching brace (bracket / parenthesis);
- Gutter selection of lines;
- Recall previous searches / replacements;
- Autofill of search field with text under caret (text has to be selected);
- Show whitespace / end of lines / indentation guides / right margin;
- Selection to upper / lower case;
and some more.
Con Problematic updater
Though the website says there is an update available, the updater in Brackets may give you an error, resulting in you having to download updates manually.
Con Supports only web languages by default
Brackets is built for web development and that's where it excels at out of the box. Other languages that have a CodeMirror mode can be added as well.
Con You need to sign up to get a free serial number for the free version
In order to use the free version of Codelobster, you have to sign up and get a free account. This is done to help stopping piracy, but it's still pretty jarring when all you want to do is install a program.
For the Pro version (which includes all the available plug-ins), the cost is $99.95. The lite version (without plugins) is $39.95.