Brackets vs Codelobster

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.

Brackets is easy on memory usage and it starts up quickly.

Brackets is entirely free and open source.

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.

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.

Brackets is being actively maintained and developed.

Hovering over colors hex codes or image paths will pop up previews of corresponding colors and images.

Brackets supports drag and drop of text, as well as multi / rectangular selection.

The editor is built using html, css, and javascript, making it extendable by any front-end developer.

You can have your cursor independently on multiple lines and so creating templates and/or editing multiple things at once is really fast and easy.

Vim-style editing is already built in the text editor.

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.

Including Laravel, Bootstrap. jQuery, WordPress, Drupal, Yii and so on.

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.

Codelobster has great HTML, CSS, JavaScript and PHP autocomplete

There is a free version available for download; it comes with a lot of features that you would find in an IDE.

Codelobster IDE offers a lightweight, portable option.

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.