However, before you get your hopes too high, be warned: Brackets is still in its initial stages, and is thus far from ready for use in bigger projects as a full-fledged code editor. You can, of course, get your hands on the milestone builds and see what Brackets has to offer, and even contribute towards development if you wish to. In order to do so, just head over to their Github page.
A Closer Look
Brackets comes with specialized features such as Live Preview and Quick Edit. Naturally, Adobe is trying to emphasize on the streamlined aspect of web development. The editor also supports extensions for additional functionality, including debugging, browser-specific CSS prefixes, JSDoc annotations, and so on. You can learn more about the Extensions API here.
tweak Brackets as per your needs and requirements. In fact, as Adobe has already exclaimed, “If you can code inBrackets, you can code on Brackets.”
Brackets is a rather small editor with a quick, nimble and swift interface. Apart from inline editing and breakpoint setting, it also allows you to see real-time edits to the output as you code, thereby giving you a quick preview of the changes that you make.
As of now, the Brackets team has been focusing on the desktop version, even though the browser version too is not far behind. You can even embed Brackets in your existing web applications. Once again, the fact that Brackets is easy to extend and comes with a lenient license further adds to its USP. In fact, when you first launch Brackets, the first code that you will see will be the source code for Brackets.
Plus, as is common practice, every web project involves a set of HTML, CSS and JS files that are inter-related. Generally, in most editors, if you wish to tweak a particular aspect, you need to locate the right stylesheet, search for the right class, edit and save it. In Brackets, however, you just need to use Quick Edit (Ctrl+E). The editor itself will then display only those classes that apply to the inline element. Obviously, this is a smart concept that can save a lot of frustration and wasted time for the developers.
Brackets operates by opening a live connection to your web browser. This means that Brackets brings some of the in-browser tools into the editor itself, thereby ensuring that your code lives in the editor but runs in the browser. You can then easily use the Live Preview functionality to see real-time changes to the output as and when you make edits in your code.
As already mentioned, Brackets is supported by its own set of extensions. For instance, the Markdown extension for Brackets, that you can grab via Github, provides you with a sleek live preview of the Markdown text in a separate panel each time you open a .MD file.
Along similar lines, the PageSuck extension for Brackets sucks down the content of a remote URL and loads it into Brackets for editing. In other words, once you specify a valid URL, the PageSuck extension grabs the HTML code for that web page and creates a new file in the active directory. The title tag of the retrieved web page serves as the filename for the newly created file.
As a code editor, Brackets brings several new features to the table, and intends to make life easier for the web developer. Furthermore, the open source license and its ease of use are additional factors that can ensure a good reception for Brackets when its ready for a final launch.
Adobe seems to be taking its sweet time with Brackets, because development process went public almost a year back, and there are still no time-frames announced for the launch of the first version. Yet, all said and done, Brackets definitely seems to be a wonderful code editor for web developers and coders.
What do you think of Brackets by Adobe? Will you be giving it a spin? Share your thoughts with us in the comments below!
- Brackets Homepage & Downloads
- Brackets on GitHub
- Brackets Wiki
- Brackets Extension List
- How to Write Extensions for Brackets
- Brackets Blog
- 20 Lightweight and Free Markdown Editors & Tools
- The Best Programming Text Editors for Windows, Mac and Linux
- The Most Powerful and Feature Rich Web Based Code Editors (IDEs)
- 10 Demo Content Generators for Web Designers
- Accessibility Tip: How to Test Color Contrast Ratios
- Areas Where AI Can (and Already Is) Benefitting Web Designers
- Tips for Handing off Your Website Mockup to a Developer
- Should Freelance Web Designers Care about Web 3.0?
- How to Ensure that the Grumpy Designer Never Buys Your Product
- Why Full Stack Web Development Is Still a Viable Path