Not shown: the implicit links from a new government (or elections) back to the starting point creating that special recursive loop that characterizes Belgian politics

source: http://www.standaard.be/

More work on an “attach” function, now as a jquery plugin. Each element is “attached” to the preceding in cascading fashion. Surprisingly pleasant forms ensue. Only the root element (darker gray) is draggable, but in fact as each subsequent square is placed as a child of the preceding element, all elements act to drag the root element. As a result, jQuery’s event.stopPropagation function is important in the mouseover events…
LIVE DEMO

Again using the svgweb library, so it works in both glorious native SVG (Firefox, Chrome), and fallback Flash (Explorer); performance differences (i.e. relative slowness of the flash fallback) become quite apparent with large numbers of objects.

Working on the new Active Archives multi-player. Some explorations of the different API’s / event models of:

1. ogg
2. flowplayer (flv)
3. youtube

see, live, now!

A notion of translating a “virtual” space of elements to the screen is added, with a “zoom region” … part of the stacks series…

Now online: “Klaar in vier jaar”: a Dutch-language site to accompany a book designed to help PHD students plan their studies. My first Django site, though the interface work is all Javascript.

It has been an interesting experience working with Django. At first I was feeling frustrated at “how little” it provided. In time, I came to realize that what it in fact does is propel you very quickly to the core of your design and doesn’t get in your way (as advertised ;). Which is actually a very strong aspect of a framework — it kind of disappears and leaves you to solve the actual details of your design. When I then needed to make use of things the framework provided, it was quite straightforward.

In one case, I was puzzling over a particular “detail”: People should be able change the start and end dates of their calendar. In most situations, there would be no problem: someone simply adds a few months to the end, and the interface is reloaded to show the extra space. However, I was stuck on what to do if people change the dates of their calendar (say remove 12 months) so that some items might “fall off” (i.e. go out of range). I spent a lot of time planning and then starting to implement the code: to check for, and possibly adjust or delete the events that fall outside the range, and then making new templates to “step” the user through a process of being warned and accepting changes. After a night’s sleep (not very satisfied with where things were going) I woke up, still unhappy about the code. Then suddenly a much simpler solution hit me: simply reject any dates that might cause the problem, and leave it to the user to clean up / move the dates, no risk of screwing up the data, and much more transparent to the user. A new energy propelled me back to the computer (which actually isn’t very far away)…

With a renewed focus, it also became clear how different parts of the blob of code I had written each fit neatly into different places in the framework: a custom class to to the model classes, validation code on the Calendar form, and finally the code for the actual CalendarEdit view. In each case the code seemed to melt down to compact pieces that locked “solidly” into the various places the framework offered. The resulting form not only worked, but even suggested solutions to different issues (helping out for instance when a new calendar is initially created).

More and more I start to see how frameworks work as condensations of practice, and can enjoy the strangely indirect sense of communication or community with that practice in my own stumbling discovery of some well worn path.

The project code is GPL.

Going beyond a simple 1-to-1 mapping.

Stacks 101, to be continued…

Using svgweb, which allows using Firefox’s (and other browsers’) native SVG support while also providing a fallback to flash for Internet Explorer, super-cool.

Some JavaScript dives into the SVG and wraps each path element in a “spinner” callback (that repeately sets the elements “transform” attribute).

I am working on some jQuery functions to ease making object related layouts.

RUN

CODE