Introducing Brackets – a code editor for the web

This is truly something I’ve been waiting to write about ever since I’ve found about this project. So stay with me, read on, and join the project :)

Brackets Logo

Brackets Logo

What is Brackets? Brackets is an Adobe open source project that takes a different approach on how a code editor for the web should look. Here are some of the things that make this project unique:

  • It is an editor for the web. From the ground-up Brackets has been designed and focused on helping web developers and web designers to work on websites and web apps. This mean that it treats HTML, CSS, and JavaScript like first-class citizens. This also means that it is lightweight.
  • The editor itself is written in HTML, JavaScript, CSS. This is really important :). You’ve probably guessed why already. If you are a web developer then you have the knowledge to change Brackets and add new features or fix bugs.
  • The team spent quite some time on thinking how to streamline the web developer/web designer work. Features like live editing for CSS, context editing for CSS and JavaScript, JSHint and CSSLint support add incredible value while keeping the whole package light and nimble.
  • It is open source, MIT-licensed, and hosted on Github. You can fork the code, submit your pull requests, or do whatever you want with the code. The development of the project is completely transparent. You can check their backlog here.
  • For now, the editor is delivered using a lightweight native container. In the future we might see Brackets running directly in Chrome on your desktop or on any other devices. This is the beauty of having the editor created with web standard technologies.
  • This one should have stayed at the top of list actually: the Adobe team working on this project is really amazing – from product management to developers. They’ve done an incredible job in such a short period of time and they have always cool things on the backlog even after you’ve thought there is nothing left to add. They attend lots of conferences and they always love to share their plans. So follow the team on Twitter  or read their blog to keep you up-to-date with their plans :).
Now let me answer some questions you might have:
  • Question: I want to start contributing code or play with the source code. What do I have to do?
    Answer: Make sure you fork the Brackets repository and watch these videos.
  • Question: I am a web developer (or web designer). Is Brackets ready to replace my current tools?
    Answer: Probably not yet. But we encourage you to test the product and play with the features. We would love to hear your feedback and hopefully incorporate your feedback
  • Question: I am a web developer who uses  PHP (or Ruby, Python, etc) on the server side. Does Brackets support PHP (or Ruby, Python, etc) ?
    Answer: For now Brackets is focusing on HTML, CSS, and JavaScript. However the team is working on an extensibility API. This means that other developers can write extensions to Brackets (using HTML, JavaScript, and CSS) to add support for other technologies (PHP, Python, LESS, etc).

Finally, so far the feedback we’ve received has been incredibly positive – we opened up the github repository and started showing the product to people on May 1st.

Now go take a look at Brackets and tell your friends and colleagues about this cool project! Don’t be shy with your comments!

This article is translated to Serbo-Croatian language by Jovana Milutinovich from

2 thoughts on “Introducing Brackets – a code editor for the web

  1. Pingback: Brackets, text editor

  2. You should be aware that the “serbo-croatian translation” is a thinly-veiled scam to get you to put a link to their site (WebHostingGeeks), which will improve their Google PageRank.

    Don’t you think it’s a little random that they would choose that specific page to translate, and no other pages?

Leave a Reply