form and substance of communication


Among dozens of WordPress plugins involving content indexing, Collapsing Archives and Collapsing Categories by Rob Felty are able to manage hierarchy and nesting better than any other.

Since the effects and some of the script core depend on the jQuery framework, I had been missing a corresponding MooTools plugin not involving page overloads. Even the SuperSlider-Menu seems to me too invasive.

When editing the PHP code of the plugins in order to match the MooTools Slider, I’ve been hardly inspired by the neat and solid script provided byShawn Milker. Most of the widget features of the jQuery counterparts have been preserved, including cookies. Now, the remaining page and link plugins of the same series might be converted as well.

MooTools 1.11 versions:

MooTools 1.2.5 versions:

In the WordPress official plugin directory, with docs, changelog and version archive:
Moo Collapsing Archives
Moo Collapsing Categories

lava lamp

April 28th, 2010

wordpress lavalamp menu

The animated LavaLamp menu is funny, pleasing and lightweight. Originally developed in MooTools flavour, it has been ported to jQuery, and now it could be installed with ease on WordPress platforms to have a role in a blog index.

The LavaLamp menu plugin makes everything easy:
LavaLamp menu in the WordPress plugin archive.

Let’s explain the features with detailed source code.
In order to show the effect anywhere into the template, we have to define in functions.php a custom way to show the navgation menu:


Scripts developed under the MooTools framework are useful to easily achieve complex menu displaying effects.

For instance MooTabs creates tabbed menu, like those used by the browser or the OS, from ordered and unordered lists. This could be a great option if dealing with small spaces in the page: when clicking one of the triggers, the content of the main box gets replaced, with custom styles and transitions.
The script class, originally built for earlier MooTools 1.11, has been completely upgraded in Fx.Tabs for the newest framework version, while Perspective Tabs offers an even more complex approach.

Similarly, MGFX.Tabs is driven to the same purpose, by crossfading the CSS opacity value instead of sliding the content.

So I’ve decided to combine and arrange the effects in a single javascript file:


  • development diary