Brackets vs Chocolat

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.

Chocolat offers integrated web-based documentation, so you can quickly look up anything you might need clarification on.

Chocolat allows you to view as many files side-by-side as you'd like, rather than limiting you to two.

Chocolat supports live error checking.

The native Mac looks awesome.

Themes can be tweaked in various ways, such as in terms of font-size, colors, and highlighting colors.

Chocolat will auto-complete JS variables, keywords, methods, functions, and parameters.