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).
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.
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.
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.
- 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.
- Good code hinting for HTML and CSS
- Excellent extensibility API which translates into a great number of extensions available for you provided by an amazing community of contributors.
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 :)