Archive for July, 2008

iido leaf transformations

A little later than I hoped but I’ve finally got round to recording a short demo of the progress I have made on the iido project. The demo shows basic implementations of the four core transformations possible for leaf widgets,

  • movement,
  • rotation,
  • resizing,
  • and z-level stacking.

I apologise in advance for the quality of the video, I will look to provide higher quality alternatives in future as youtube tends to reduce the quality far to much for my purpose. Oh, and I’m really not sure why, but my screen grabber has tinged everything green.

There is still a lot of refinement to do, but I’m hoping to have a usable demo available in the next few weeks to allow people to experience leaf widgets for themselves and provide me with some initial feedback.

The next stage of development is to change the cursor when the user is transforming a widget to help guide them, simple as it sounds, I made a complete hash of my first attempt. After that I’m going to put in place a few helper actions on the context menu, such as “Straighten” to reset the angle of a leaf widget, and also look into providing the ability to change the pivot around which a leaf rotates.

You may have noticed that the transformation system has changed quite a bit since my first proposal, and these changes have come about through trial and error to see what feels natural to me, a better assessment can be made once I have feedback from those who download the first available demo.

A simple JS message box

OK so I’m beginning to appear like an advocate for Javascript! I’m really not, it’s just a very large project I am still working on.

This latest library (as the screen-shot best presents) supports for an attractive message box (I think it’s attractive anyway). I designed the PNG icons myself so there should be no rights issues and everyone is free to use them as they wish.

A simple JS message box (screen-shot)

To customize your message boxes modify the message-box.html and message-box.css files, for documentation see the message-box.js and message-box-setup.html files.


The download contains a message-box-setup.html file, open/view this for the demo. Tested in IE 6/7, Firefox, Opera and Safari.

I have also made quite a bit of progress on the iido application over the last few weeks, and will post a blog about it (including a short video) for early next week.