Brackets Sprint 33 is out

On November 1st the Brackets team released a new update that brings a number of cool features.

Short detour: It is hard to imagine that the project was only launched just last year. At least for me :). I’ve been using Brackets/Edge Code as my primary HTML/CSS/JS code editor for a while and I’d be hard pressed to find something bad to say about it. Yeah it is that “stable” and feature “rich”.

So what’s new?

Image preview – when you select an image in the editor’s tree menu you get to see the image and useful info like size (width, height, weight).

33br-1

Add New CSS Rules – right from the inline editor you can add a new rule. Previously, if you hit CMD + E on a HTML tag with no CSS rules defined the inline editor didn’t open. Instead you had to first write the CSS rule. In the image below, the span tag doesn’t have any CSS rules defined. Yet you can add one by pressing CMD + E (Ctrl + E for Windows). If you click on the New Rule button you can choose the CSS file in which the rule will be added.

33br-2

Visually edit CSS transition Bezier timing functions – this is another feature inline with Brackets’ core philosophy: streamlining  code writing without cluttering the UI and reusing great open source projects (OK this is my take on Brackets core values and not the team’s official wording :D). If you use Bezier curves to define the timing function for CSS transitions, you can press Cmd + E and you get a visual editor to adjust the parameters.

33br-3

Improved Search and Replace – you can use regular expressions to perform search and replaces. For example if you used grouping in the Regexp search string you can use $1, $2, … in the replace box.

Improved Extension Manager – it will install the most recent compatible version of an extension installed. Another change is the inclusion of the Lo-Dash utility library.

Should I give it a try and replace my default code editor?

To be honest, if you asked me this question at the beginning of the year I’d have said “No”. Today, I think that the editor is in a good shape to take over from another light editor and even IDEs if you are interested in editing only HTML/CSS/JS files.

Here is a condensed list of what Brackets/Edge Code has to offer to someone who writes HTML/CSS/JavaScript:

  1. Live HTML development for HTML and CSS authoring. Thanks to the live connection between the code editor and a Chrome browser you get the best code preview possible: the browser. It is so addictive that you’ll wonder how you coded for so many years without it.
  2. The Quick Editors (inline editor) for JavaScript and CSS saves tons of time when having to find/edit CSS or JavaScript
  3. Good code intelligence for JavaScript
  4. Good code hinting for HTML and CSS
  5. Excellent extensibility API which translates into a great number of extensions available for you provided by an amazing community of contributors.
  6. It is written in HTML/CSS/JavaScript so you have “the knowledge” to change the UI/appearance, add new features, or fix those that annoy you instead of waiting for the product team to do it.

As of today I can confidently answer “definitely give it a try! It might change your workflow for better”.

Go and download it if you haven’t already or update it if you did :)

5 thoughts on “Brackets Sprint 33 is out

  1. “…and I’d have to be hard pressed to find something bad to say about it.” – Well, there’s one thing that’s rather obvious. It loads significantly slower than Sublime Text. This is especially true for repeated loads where ST is able to pull of the Chrome thing and load almost instantly.

  2. It is true – it does load slower than Sublime Text. Also it loads faster than a Eclipse based IDE. But the startup time is not that important in my book . At the end of the day when I “code” web projects I might open and close files hundreds of times a day but the editor itself maybe once or twice.

  3. @Notepad++

    I beg to differ. Actually there is a number of very good external contributors and lots of third party extensions developed by people outside of Adobe System. There might be other projects with bigger communities, but I doubt we are talking about code editors being on the market for less than two years.

  4. I use brackets on a daily basis. I absolutely love it. Many of the shortcuts go side-by-side with sublime text shortcuts. It also has quite a few plug-ins that other editors do not have. I think this puppy is the editor of the future

Leave a Reply

Your email address will not be published. Required fields are marked *