User friendly code editor that can handle HTML, CSS and Java Script
The first time you launch the Brackets application it will open a “Getting Started” project where you can learn more about the app and learn how to use it. Noteworthy is that, when you are working on a HTML document, you have the option to view and edit all related CSS elements.
What’s more, by using the Command +E keyboard shortcut while your mouse is hovering on top of various CSS or Java Script functions, you are able to activate the inline QuickEdit function that allows you to edit CSS rules or Java Script functions.
Effortlessly preview the code modifications in your browser
Brackets comes with a Live Preview function which, when enabled, will open the current document in your web browser. Any modification made in the source code document will be instantly reflected in the web browser preview: this way you can work on your project and see the results at the same time, without any effort.
The Brackets capabilities can be easily extended by installing plug-ins developed by yourself or by other members in the community. To get started, you can browse the Brackets Extension Registery website and see if you can find an extension that might make your work easier.
Beautiful and powerful code editor that provides support for using extensions
Brackets offers you the possibility to work on your web designing projects in a clean, organized environment, comes with debugging tools, and allows you to preview the results in real time. Moreover, the app enables you to preview and edit CSS rules and Java Script functions in inline editors, and offers you the possibility to include personalized tools as extensions.
Reviewed by Iulia Ivan, last updated on December 18th, 2014
In a hurry? Add it to your Download Basket!
- WHAT'S NEW:
- Early Access:
- Cross-browser Live Preview with Dev Tools: Although disabled by default, you can try out this brand-new version of Live Preview by enabling the livedev.multibrowser preference. The new Live Preview opens in your default browser, but you can paste the URL into other browsers and they'll all update at the same time. And you can use the browser's dev tools without interrupting Live Preview. Does not currently support pages that use your own custom server.
- Windows High DPI support: To enable, right-click the app icon and select "Disable display scaling on high DPI settings" in the Compatibility tab. (The window controls in the upper right do not rescale yet, however).