Loading recent posts...

Jun 26, 2012

Adobe Brackets, an Open Source Code Editor Built in HTML, CSS, JavaScript

Adobe is very keen on HTML5 and the open web in general. This isn't just PR talk, it realized that Flash won't cut it for a lot longer and started supporting HTML5 in a big way. One example is the Brackets code editor which is available under an MIT license on Git Hub.

The editor is intended for HTML, CSS and JavaScript, but it's in the early stages and a lot more functionality is planned. What's more, modularity and extensibility are at the core of the design and there's no reason why users can't expand the editor's functionality to support more languages. Of course, HTML editors are a dime a dozen, what makes Brackets special is that it's actually built with HTML and JavaScript. In fact, the Adobe developers use Brackets to code for the editor in the most extreme example of eating your own dogfood.

For now, Brackets is available as a stand-alone app, i.e. it doesn't run in the browser, since some of the APIs that handle local files aren't as robust as they need to be. But that is one big goal for the team. One interesting idea in Brackets is that everything should happen in place. There are no complicated menus, no buttons, nothing. When you need to edit a few lines of CSS that are imported from another file, you can do it in-line while you're editing the HTML file. It gets better, everything you write you can test right away in a browser. Obviously, with web content that's always true. But what's great is that any change you do to the code is reflected, in real-time, in the browser, no refresh necessary. This should really speed up testing new layouts, colors, debugging features and so on. Brackets is a promising project, Adobe seems to be excited about it and the best part about it is that you can grab the source code and start using it and even improving it straight-away.

Adobe Brackets
Image credits to Adobe

Introducing Brackets a new open source code editor for the web. -- http://github.com/adobe/brackets
Video credits to Adobe


Post a Comment

Twitter Delicious Facebook Digg Stumbleupon Favorites More

Design by Free WordPress Themes | Bloggerized by Lasantha - Premium Blogger Themes | coupon codes