Time for a quick hacktlon

28-04-2013 at 19:11:31 | no comments

There is no better excuse to learn a new technology that put a deadline for a mini-project.

So we did yesterday, my friend Victor and I decided to make a fast hacktlon to code a version of a simple game based. The chosen one was 3210 (Windows CE).

You can view the results here (You could read the instructions of my version here)

It has been quite productive and has achieved its goal, to learn a little more about javascript, canvas, animations, ...

See you at the next :)

28-04-2013 at 19:11:31 | no comments

HTML5 DICOM Viewer. Layouts

01-08-2011 at 01:43:58 | no comments

This is a new work in progress version of the DICOM Viewer I'm working on. I've rewritten a huge part of the code to be able to manage custom layouts. With the new architecture it's very easy to define new layout (I've defined already 13).

Everytime I create UI for a program I really care to make it easy to use, and one obvious step It was to create shortcuts for all the actions. This is something quite simple to implement but I find everyday in my job many application without them, making the UI slower to use by the user.

The new layout implementation let you apply actions to: the current selected layer (by default), all the layers (pressing shift), or the custom selected layers (pressing ctrl+click).

I've also implemented basic layout text overlay which I hope to improve on next WIP

01-08-2011 at 01:43:58 | no comments

HTML5 Canvas autoresize

10-07-2011 at 20:20:27 | 2 comments

While developing the HTML5 DICOM Viewer I got some problems while designing the UI in HTML.

One of those problems was how to manage the canvas resize according to the browser size.

At least for me it wasn't so much trivial :) so I decided to post it so it could be useful for someone else.

Basically what you have to do is to bind the onresize event to your body, once you catch the event you just need to resize the canvas using window.innerWidth and window.innerHeight.

I just needed to add little functionality to preserve aspect ratio and manage the toolbar div.

If you want to try it just click here or check the following video to see how it works:

10-07-2011 at 20:20:27 | 2 comments