Launched by Adobe in 2012, Brackets is an open-source code editor for web developers.
At first glance, the program looks rather basic. A left-hand bar lists your current working files (HTML, images, CSS), an unnecessary sidebar contains only two lonely-looking icons, there's a menu bar, the document you're editing, and that's about it. Start work, though, and extra features quickly appear.
As your code gets more lengthy, so Brackets helps to ease navigation. Click in an HTML tag name, a class or ID attribute, choose the Quick Edit option, and any relevant rules appear in an inline editor. You get to see and tweak CSS code as required, without having to manually switch between files.
Click the Live Preview button on the sidebar and life gets even easier. Chrome pops up (as long as you've installed it, of course) to render the current page, and this preview display is then updated in real time, as you edit your HTML and CSS. It's all very smooth, no messy screen refreshes required, and great for providing immediate feedback on your ideas.
There are plenty of other worthwhile features. Hover your mouse over an image, colour or gradient, and a preview appears; WebPlatform.org-sourced documentation is available on CSS properties and values, as required; there are "Find", "Find in files" and "Replace" tools, all with regular expression support.
What's new in 0.36?
- Improved Preferences: Use JSON configuration files to specify settings by folder or file-type.
- Improved LESS Support: CSS Code hints and Quick Docs support now available when editing LESS files.
- File System & Performance: Editor and Project file tree are now automatically updated with external changes. Operations like Find in Files are much faster.
- Extensions: New Debug > Reload Without Extensions command to help troubleshoot problems. When updating and removing extensions, Brackets now automatically reloads, so quit and re-launch is no longer required.
- Quick Edit for Animation Timing: When the selection is in a CSS animation steps() timing function, you can use Quick Edit (Ctrl+E/⌘E) to visually edit parameters.
- Windows UI Updates: Fixed many window-chrome glitches.
- Linting: Multiple extensions can register linters for the same language and all the results will be shown together in the linting panel.
- New Language Support: Greek and Korean Translations have been added to Brackets.