Developer(s) Adobe Systems | Development status Active | |
![]() | ||
Initial release 4 November 2014; 2 years ago (2014-11-04) Stable release 1.8 / 10 November 2016; 3 months ago (2016-11-10) Preview release 1.2 Pre - Linux CEF 2171 (January 22, 2015; 2 years ago (2015-01-22)) [±] Repository github.com/adobe/brackets |
Brackets is an open-source editor written in HTML, CSS, and JavaScript with a primary focus on web development. It was created by Adobe Systems, licensed under the MIT License, and is currently maintained on GitHub. Brackets is available for cross-platform download on Mac, Windows, and Linux.
Contents
- History
- Features
- Quick Edit
- Live Preview
- Functionality
- Live preview limitations
- Split View
- Multiple File Format Support
- Theseus Integration
- Extensions
- References
On November 4, 2014, Adobe announced the 1.0 release of Brackets. The update introduced new features such as custom shortcut key combinations and more accurate JavaScript hinting. Brackets has a major focus on development in JavaScript, CSS and HTML. With release of version 1.0 Adobe announced a feature that extracts design information from a PSD file for convenience of coding in CSS. As of June 28, 2016, the feature is officially discontinued, due to "low usage". However, Extract is still available via Photoshop and Dreamweaver, both of which are part of their paid service, Adobe Creative Cloud. The latest version release of Brackets is 1.8.
History
Adobe first started development of a text editor for web development on Edge Code, which was discontinued as of November 2014. This was later transformed into Adobe Brackets. With the release of Brackets 1.0, Adobe announced that the development of an open source software for web development was ready and was not an experimental project anymore. Brackets contains more than 282 community contributors and more than 400 requests for bug fixes and new features. Every version of Brackets has more than 100,000 downloads and stands to be 16th most popular project on GitHub as of January 16, 2015.
The Brackets repository on GitHub currently has 139 branches, 93 releases and 17165 commits as of 29 January 2017. The source code is freely available under the MIT license. A developer can alter features on Brackets and personalize it for one's own convenience by forking the software code.
Features
Brackets provides several features including:
Quick Edit
Quick edit enables inline editing of CSS, Color Property, and JavaScript elements for developers. This built-in feature can be applied to multiple functions or properties simultaneously and all updates are applied directly to the file associated with the changed elements.
Live Preview
When one clicks the respective code snippet in CSS/HTML the web browser immediately shows the output appurtenant to that code snippet in web browser. This feature is termed as Live Highlight. Also, the feature Live Preview in Brackets pushes code edits instantly to the browser to present an updated webpage as the developers modify the code. Brackets contain a Node.js backend that predicts what the code does as the developer types the code.
Two scenarios to Live Preview:
Functionality
- HTML & CSS real time updates (without reloading)
- Element Highlighting: Elements selected in HTML and CSS files are highlighted within the browser.
Live preview limitations
Split View
This feature splits the main view into 2 parts. User can split view either vertically or horizontally as per one's own convenience, thus allowing user to work on 2 files at same time. Thus developer can simultaneously work on two different files of two different types. Features such like Live preview, Quick edit works in both views. Currently this feature is limited such that the same file cannot be opened simultaneously in both views.
Multiple File Format Support
Brackets supports codes from multiple file types from C++, C, VBScript to java, JavaScript, HTML, Python, Perl and Ruby. The complete list comprises more than 38 file types. This gives the user flexibility to work on various files of a project simultaneously.
Brackets supports a feature called "PSD lens" that helps to smoothly extract each of pictures, logos and design styles from PSD file without opening Photoshop to check for them. By calling this feature a preview Adobe conveys that there is much work ahead before this feature can be perfected. This feature brought in positive reviews from developers but many issues were reported during the initial stages of the feature release. The problem was later solved using an extension.
Theseus Integration
Brackets integrates Theseus, an open-source JavaScript debugger that enables developers to set break points, step through code, and inspect the value of variables in real time. Theseus can be used to debug any extension in Brackets and is easily installed using the built-in extension manager. Theseus also works in conjunction with Live Preview through a proxy server that records a function and its associated values every time the function is called.
Functionality
Extensions
Being built with HTML, CSS, and JavaScript, developers can provide additional functionality to Brackets by creating extensions. These extensions can be found and installed using the built-in extension manager. Extensions can also be found online via Brackets Extension Registry.