Category Archives: Tools

TinEye – Multicolor Search Demo

Multicolor Search allows you to search images by colors, its a demo of TinEye Lab’s MultiColorEngine Search functions…

Basically you can select up to 5 colors and then search Flickr for images containing those 5 colors… this is how a search looked with 5 different scales of blue… it’s fun to play around with, try it for yourself…

TinEye

Check it out…
http://labs.tineye.com/multicolr/

Tagged , ,

Brackets…. recent-projects… another useful extension

When (or if) you start using Brackets now, you see that its still very early stuff.

This is deliberate and with full intend of the team behind it, in order to truly make it a community driven effort and to ensure that the project stays aligned with its commission: developed for developers by developers.

This also means that its far from the IDE you may be used to still has a long way to go before its a fully fletched code editor at the level we are used to from other tools…

Anyways, one of things you will start missing is the management of Projects, now luckily Narciso Jarmilo (member of the Brackets team and employee at Adobe), has implemented a simple way of maintaining a list of the most recent projects.

Not only does it provide you with a shortcut to the most recent projects you have been working on, but it also illustrates how simple it is to add functionality that you find necessary.

Image

Having a rich extensibility model has proven over and over again to be more critical to the viability of a tool than having it being springloaded with code-editor-killer features out of the box… and Brackets has done exactly that.

If there is something you see missing, you can easily build it yourself and share it back into the community… thats the groove of Brackets and that’s actually pretty cool…

A 3rd thing Narciso’s extension does, is to illustrate how its possible to integrate your extension with the ProjectManager… now this was what actually brought me to his extension in the first place, because I will now start building my own extension using the notion of projects…

Check out Narciso’s extension here…
https://github.com/njx/brackets-recent-projects

Tagged , ,

brackets… another extension… annotation

To get into extending and adding functionality for Brackets is impressively easy…

David Deraedt has undertaken the feat of implementing an Annotation Extension which will provide developers with shortcuts to adding comments to their Brackets files…

Here is how it looks when I run it on my machine…

Obviously, the comment inserted is very simple, however remember this is very very early work and if you take a look at the code for generating this, you will appreciate the simplicity of the Brackets Extensibility Model and see that the entire extension is a mere 133 lines of JavaScript code at this point (including comments).

Check out the extension here…
https://github.com/davidderaedt/annotate-extension

…or have a look at other extension initiatives here…
https://github.com/adobe/brackets/wiki/Brackets-Extensions

…and please don’t forget, if you dont see what you like or need, its simple to just do it yourself using HTML, CSS and JavaScript combined with the elegant Extensibility API’s of Brackets.

Tagged , ,

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…
https://github.com/adobe/brackets/wiki/How-to-Write-Extensions

The source code for the tutorial are made available, and can be found here…
https://github.com/adobe/brackets/wiki/Simple-%22Hello-World%22-extension

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:
https://github.com/adobe/brackets/wiki/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.

Tagged , , ,

Trello… now with an API (Beta)

Trello is not only a very useful task management system, incorporating SCRUM board approach with HTML5 and an exceptional nice look and feel… now it also has a very elegant REST API.

Check it out…
https://trello.com/docs/

Here is a quick sample on how to retrieve the cards for the current user… using the Client.js JavaScript class that Trello is providing asn easy way to get started…
http://jsfiddle.net/nNesx/

They have opened up their development plans in the form of their internal development board…
https://trello.com/api

Tagged , ,

jsPerf — JavaScript performance playground

jsPerf aims to provide an easy way to create and share test cases, comparing the performance of different JavaScript snippets by running benchmarks. For more information, see the FAQ.

An example of what an entry in jsPerf looks like, check out this comparison between inner and prototype functions…

Image

Anyways… check it out…
jsperf.com/inner-function-vs-prototype-function

Tagged

The Brackets Team… using Trello

In my optics (and obviously when wearing my coders goggles) Brackets is the most exciting news to come out of San Jose this year… not only is the team targeting to build an entirely new code IDE for web projects, but they have decided to do it in a new way… a way that may prove both to be more challenging as a traditional product development approach as well as more rewarding as members of the community starts joining the development effort by adding both core features as well as extensions (an extension API is on its way) even from the very beginning of its lifetime…

Anyways, what I wanted to share was that the Brackets team is using Trello as their SCRUM board.. being a happy Trello user myself, this is off course both interesting and exciting…

Image

The Brackets Team obviously practices Scrum. They have decided to work iteratively and produce stable builds every 2.5 weeks (12 coding days to be exact). A rather unusual number, however it works for the Adobe Brackets team… Development started in January 2012 so it’s still in the very early stages of the project.

The project goes under the parole: Code Free ! So I suggest you do exactly that, join the project, contribute a feature or two, learn a lot and then take this approach and apply to your development efforts in your own circles, being commercial or not, the approach is clever and when executed correctly, can empower to teams and the extended teams like no other approach…

Tagged , ,

Introducing Adobe Brackets… a new HTML/CSS/JavaScript Code IDE

Brackets… a new HTML/CSS/JavaScript Code IDE

…by putting this into the eco-system, Adobe has just shaken the bag once again… sparking off their ideas and possibilities on ways to optimize the development stack for Web Applications and Experiences… this is most recent newcomer…

Image

Among the most interesting aspects to this new IDE project is that…

  1. It’s Adobe Systems Inc.
  2. It’s 100% Open Source
  3. It’s being developed in entirely the open, a new approach by Adobe and means everyone is invited to join the team (and release party)
  4. Its written entirely in HTML, CSS and JavaScript itself…

Brackets seek to differentiate itself from other IDE’s by being envisioned with the following key parameters…

  • Tools shouldn’t get in your way. Instead of cluttering up your coding environment with lots of panels and icons, the Quick Edit UI in Brackets puts context-specific code and tools inline.
  • Brackets is in sync with your browser. With Live Development, Brackets works directly with your browser to push code edits instantly, set breakpoints, and jump back and forth between your real source code and the browser view.
  • Do it yourself. Because Brackets is open source, and built with HTML, CSS and JavaScript.

You can already now download a very early binary and start playing with it, or you can download the source code and compile for yourself.

It’s important to note that…

Brackets isn’t ready for general use yet. It’s still very early in development, is missing a lot of basic editor features, and probably has bugs. That said, we’ve actually been using Brackets to develop Brackets for awhile now, so what’s there is reasonably stable.

Although Brackets is built in HTML/CSS/JS, it currently runs as a desktop application in a thin native shell, so that it can access your local files. (If you just try to open the index.html file in a browser, it won’t work yet.) The native shell for Brackets lives in a separate repo, adobe/brackets-app, which includes this repo as a submodule.

The project is hosted at GitHub and offers you to both download binaries for MAC and Windows as well as the entire source code…

Check it out…
https://github.com/adobe/brackets

Brackets will be one of the first to take the place in the Code section among Tools and Services on Adobe’s page dedicate for HTML development… so that would be the place to check for public announcements along with Adobe Labs…
http://html.adobe.com/toolsandservices/

Tagged , , ,

Introducing Conqu… one of the best GTD !

Out of all the great GTD (Get Things Done) apps out there, a few takes the lead when it comes to totaling the score in terms of features and quality… and out of these few, only a very few looks great and is fun to use and therefore makes you want to use them as a pivotal part of your daily routines…

Out of these very few left standing, Conqu is my absolute favorite… it not only looks great, but it performs great, boasts all necessary features (plus a few innovate ones as well) and synchronizes across all your devices…

Check it out… its really awesome…
http://conqu.com/

Adobe’s view of Flex and its commitments to Flex in the future

Its no secret that Adobe has been going through a turbulent patch the recent months while they have been implementing their new adaptive strategy to an unruly future.

Its included layoffs and new hirings, internal repositioning and new layouts of their many divisions within services and products and they have taken a deep look at the business in terms products and offerings in the process of optimizing their market profile…

Its been painful, not only to see beloved team members leave Adobe but also to see that this major company refurbishing has not really been successfully communicated to both community, but also to users of the software and companies using services based on Adobe partners… even investors has been confused by the lack of diligence in the communication, however, its increasingly behind us as the new changes are settling in and the changes to the teams is stabilizing…

One of the massively controversial changes was the dealing with the future vision for Flex and the Flash Platform… I will not go into details with what has transpired over the past months, its well documented on every blog and site relevant to the community and product ecosystem and its not with a great pleasure I’m looking back on the past months… so let’s leave it behind and instead focus on the most recent statement from Adobe on their vision for Flex…

Now, there is not a lot new statements under the sun, however in contrast to the scrambling messages and divergent directions we have been seeing until now, its nice to see that Adobe has taken a deep breath and made a firm statement which would be difficult to misinterpret either positively or negatively…

If you are in a hurry and not interested in reading the entire writeup, I’m sharing with you the conclusion in a nutshell which confirms some of the more positive statements we have seen over the past months…

Adobe believes that Flex is the best solution for enterprise and data-centric application development today and is moving Flex into a community-driven open source project to ensure the continued development and success of Flex for years to come. We are currently in the process of contributing the core Flex SDK, automation libraries, AIR SDK binaries, and documentation to the Apache Flex Project. We will also be contributing Falcon, Falcon JS, Mustella, and BlazeDS.

In addition to these contributions, Adobe is providing a team of full-time Flex SDK engineers who will contribute to and support the Apache Flex Project. These Adobe engineers will work directly with the highly skilled Flex developer community to maintain, support, and evolve the Flex SDK. We remain committed to enabling the success of all existing and new Flex projects.

Thank you Adobe, for setting the record straight and for sharing with us your intentions and vision for Flex… its a privilege to be on the team…

Tagged
Follow

Get every new post delivered to your Inbox.

Join 522 other followers