June 25, 2012

Adobe introduces Brackets, “A free, open-source code editor for the Web”

Think Adobe’s just about Dreamweaver & Flash?

The new Brackets app offers inline editors & tight browser integration:

Today we’ve all gotten used to doing the save-reload-copy-paste dance… Brackets opens a live connection to your local browser and brings some of those in-browser tools back into the editor where it makes sense. When Live File Preview is enabled your browser shows real-time changes to CSS classes and properties as you type. Because the code lives in your editor but runs in your browser there is no need to save-reload-copy-paste. w00t!

Brackets is built in JavaScript, HTML and CSS, meaning that “if you use Brackets, you have the skills necessary to customize, extend and contribute to it.” Check out their introductory blog post, and see some of the features in action:

Posted by John Nack at 3:08 PM on June 25, 2012


  • Rob — 6:01 PM on June 25, 2012

    Thanks for this introductory info. Very interesting, useful app with great potential. I hope for the quick development (additional browser support, new features, bugs elimination).

    • James — 6:03 AM on July 04, 2012

      I found “Opera DragonFly” developer tool by chance which look even better than Dreamweaver and Bracket in many ways.

  • Matthew Campagna — 9:48 PM on June 25, 2012

    Very progressive. That’s WAY cooler than Muse. =D

  • Pritesh Desai — 3:52 AM on June 26, 2012

    its brilliant!
    I spend lots of time in Chrome’s ‘Document Inspector’ trying to make live changes. Brackets is amazing, can’t wait to try it out.

  • Jeremy Chone — 6:44 AM on June 26, 2012

    wow, impressive. Lot of things I had the feeling a browser based editor could do.

    However, to make this useful for app developer it needs to manage dynamic content, and for the better or the worse the way HTML is generated from model and views are often framework dependent. For example, with brite (which is a DOM centric MVC), we organize our HTML code in templates (i.e. <script type='text/html'…) and then merge them with the model (letting the developer use their preferred template engine). The problem is that this is really framework dependent (even if with Brite, where we try to be as HTML oriented as possible), the tool would still need to understand some of the application model semantic.

    Anyway, great great work Adobe for taking a fresh approach on HTML/CSS/JS code editing, I think this is on the right path.

    This has potential to become the next dreamweaver for web page designer and perhaps even for HTML app developers.

  • fra — 2:05 AM on July 20, 2012

    Any Linux plan for this ?

  • joe — 5:20 PM on September 27, 2012

    we haven’t finished it yet, it’s open source, and we want contributors now. so if you know any of these programming languages…

    hey great stuff, i appreciate good software design

  • bowerbird — 3:15 PM on January 25, 2013

    7 months later, and it’s still not
    actually mounted on the web yet.
    you have to download it to try it.


Copyright © 2020 Adobe Systems Incorporated. All rights reserved.
Terms of Use | Privacy Policy and Cookies (Updated)