Sergio Panagia

Category Archives: MooTools

Image Tween with Element.crossfade for MooTools

Element.crossfade is a MooTools extension to simulate a tween for background-image element’s property. The syntax, in this new version, is very clear: document.id(‘el’).crossfade(‘end_image.jpg’); Just remember your element position property in CSS should be expressly declared (as absolute, relative or fixed), don’t leave it blank. Note: you can customize the fade behavior by setting tween properties [...]

GeoSuggester Goes 0.4

Updates to GeoSuggester was really needed, specially from the code-cleaning point of view. This has been one of my first plugin; so I think it’s a good practice, as a developer grows, to put some of this experience gained in his older (but still actual) projects in order to enhance code and overall quality. Here’s [...]

Content Impress: focus user attention on a page element

Quick Demo As web information overload is becoming more and more present in everyday navigation, we have to deal with complex-architecture in which external elements – such as advertising – can seriously decrease user attention on a single lecture. For this reason i created Content Impress as a class for MooTools: it’s based on the [...]