Introducing Adobe Brackets… a new HTML/CSS/JavaScript Code IDE

Brackets… a new HTML/CSS/JavaScript Code IDE

…by putting this into the eco-system, Adobe has just shaken the bag once again… sparking off their ideas and possibilities on ways to optimize the development stack for Web Applications and Experiences… this is most recent newcomer…


Among the most interesting aspects to this new IDE project is that…

  1. It’s Adobe Systems Inc.
  2. It’s 100% Open Source
  3. It’s being developed in entirely the open, a new approach by Adobe and means everyone is invited to join the team (and release party)
  4. Its written entirely in HTML, CSS and JavaScript itself…

Brackets seek to differentiate itself from other IDE’s by being envisioned with the following key parameters…

  • Tools shouldn’t get in your way. 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.
  • Brackets is in sync with your browser. With Live Development, Brackets works directly with your browser to push code edits instantly, set breakpoints, and jump back and forth between your real source code and the browser view.
  • Do it yourself. Because Brackets is open source, and built with HTML, CSS and JavaScript.

You can already now download a very early binary and start playing with it, or you can download the source code and compile for yourself.

It’s important to note that…

Brackets isn’t ready for general use yet. It’s still very early in development, is missing a lot of basic editor features, and probably has bugs. That said, we’ve actually been using Brackets to develop Brackets for awhile now, so what’s there is reasonably stable.

Although Brackets is built in HTML/CSS/JS, it currently runs as a desktop application in a thin native shell, so that it can access your local files. (If you just try to open the index.html file in a browser, it won’t work yet.) The native shell for Brackets lives in a separate repo, adobe/brackets-app, which includes this repo as a submodule.

The project is hosted at GitHub and offers you to both download binaries for MAC and Windows as well as the entire source code…

Check it out…

Brackets will be one of the first to take the place in the Code section among Tools and Services on Adobe’s page dedicate for HTML development… so that would be the place to check for public announcements along with Adobe Labs…

8 thoughts on “Introducing Adobe Brackets… a new HTML/CSS/JavaScript Code IDE

Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s