BRACKETS… Your First Extension

…at the core of Brackets, you find an unparalleled open ness and tremendously awesome technology stack !

On top of the awesomeness of the technology stack and in the middle of some tremendously cool features build into Brackets by the team, you find a very simple extensibility model which allows anyone with knowledge of the basic Web Technologies, to write their own custom extensions in Brackets itself and using the same technologies we are using for the system we are making with Brackets…

Basically, every developers wet dream come true…

To get you started, the team behind Brackets has made a Quick-Start tutorial for getting started writing you own extension… it’s naturally a Hello World extension.

It will take you less than 5 mins to go through every step in the tutorial (including downloading the only 34 MB Brackets binary) and tweaking Mr. Hello World to say your name and make another or two small tweaks…

You can find the tutorial here…

The source code for the tutorial are made available, and can be found here…

Now, obviously popping up an Alert in response to a MenuClick is poor UI, so don’t make that mistake; but instead take a look at the Extension UI Guidelines:

If you’re working on anything big, its recommended you post to the brackets-dev Google group or the #brackets IRC channel on freenode early on so you can get feedback (there may be others working on similar ideas!).

For more detail on Brackets internals, see Brackets Development How Tos.
If you’re interested in contributing to the core Brackets codebase, see How to Hack on Brackets.

JavaScript, Tools

Presenting a fun little one… Google Swiffy

Swiffy converts Flash SWF files to HTML5, allowing you to reuse Flash content on devices without a Flash player (such as iPhones and iPads).

Swiffy currently supports a subset of SWF 8 and ActionScript 2.0, and the output works in all Webkit browsers such as Chrome and Mobile Safari.

Swiffy works directly on the binary SWF file which is converted in two phases: the Swiffy compiler (which you can use on the website linked to at the end of this post) processes the SWF file and generates a JSON file. A client-side JavaScript runtime loads that JSON file and renders it using HTML, SVG and CSS.

Swiffy is far far from being a serious candidate for anything that could be relevant for Flex projects, its clear that Swiffy is intended to parse banners and advertisements that typically is targeting Flash Player 8 using AS2 since the Banner systems all insist on the lowest common denominator when clients commit their assets… Swiffy will most likely never be relevant in the context of Flex and Flash apps.

However, you can check it out for the heck of it or if you want to automate the conversion of Flash banners to HTML…

************ UPDATE – 21. November 2011 ************

Google has posted an extension for Flash Pro for Swiffy:

They’ve mentioned the possibility of open sourcing Swiffy on the google
labs blog before, if there was enough interest (or something like that).