
If for some reason you haven’t already tried Brackets, download it and try out the Live Preview feature - the first time I used it my jaw hit the desk. Brackets focusses on the front-end only, freeing it to deliver amazing features like inline editing where CSS code associated with an HTML element can be edited just by hovering over it.

There are countless editors on the market, but with support for PHP, C++, Python, and dozens of other technologies they can’t target the same workflow as Brackets. Built in HTML, CSS, and JavaScript, Brackets is the only text editor that I’m aware of that actively focuses on those same languages. The latest release is the first full version and is packed with some great new features. One of the most popular beta test versions of a piece of software in the history of the Web, Brackets is a free, open source application substantially supported by Adobe. The version you had been using was the beta release - a beta release that proved so popular many developers already use Brackets as their primary code editor. Stunned that is, because you’ve probably been using it for a year or more. With Brackets you can use Quick Edit and Live Highlight with your LESS and SCSS files which will make working with them easier than ever.If you’re a front-end coder, you may well have been stunned yesterday, by Adobe’s latest release: Brackets. That’s why we want to make Brackets the best code editor for preprocessors out there. We know how important preprocessors are to your workflow. Work with preprocessors in a whole new way. It’s the power of a code editor with the convenience of in-browser dev tools. Also see where your CSS selector is being applied in the browser by simply putting your cursor on it. Make changes to CSS and HTML and you’ll instantly see those changes on screen. Get a real-time connection to your browser. Want to work on the CSS that applies to a specific ID? Put your mouse cursor on that ID, push Command / Ctrl+E and Brackets will show you all the CSS selectors with that ID in an inline window so you can work on your code side-by-side without any popups. Instead of jumping between file tabs, Brackets lets you open a window into the code you care about most. Because Brackets is open source, and built with HTML, CSS and JavaScript, you can help build the best code editor for the web. With Live Preview, Brackets works directly with your browser to push code edits instantly and jump back and forth between your real source code and the browser view. Brackets is in sync with your browser.Instead of cluttering up your coding environment with lots of panels and icons, the Quick Edit UI in Brackets puts context-specific code and tools inline. What makes Brackets different from other web code editors?

Brackets is a modern open-source code editor for HTML, CSS and JavaScript that’s built in HTML, CSS and JavaScript.
