One of the difficulties in doing more development with the ‘web stack’ is tooling. Dreamweaver is nice for developing web sites, but it falls short when developing web applications. And yes, there is a difference.

Over the past few months, there has been a semi-secret project underway over on GitHub called Brackets. Lead by Adam Lehman, this team of mostly Adobe folks are building just a tool. It is a code editor for HTML, CSS and JavaScript that’s built in HTML, CSS and JavaScript. I had a demo of the editor by Ryan Stewart during the D2W conference, and liked what I saw.

The San Diego Flash User Group’s July 16th meeting will have one of the engineers on the team, Jason San Jose, come talk about the application.

What makes Brackets different from other web code editors?

  • 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 (Chrome-only).
  • Do it yourself. Because Brackets is open source, and built with HTML, CSS and JavaScript, you can help build the best code editor for the web.

The tool is very early in development, so be warned. Here is a screen shot of the UI.

Brackets UI

You might have noticed that the project is on GitHub and not Adobe Labs. That is on purpose. This effort is is being developed under an MIT license, and is open to community involvement.

I am really looking forward to hearing more about Brackets. Hope to see you there!

Leave a Reply

Please log in using one of these methods to post your comment: Logo

You are commenting using your 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

This site uses Akismet to reduce spam. Learn how your comment data is processed.