Sergio Panagia

Category Archives: projects

Introducing Slideup: An iOs-like panel built for iUI framework

Mobile web application libraries are dividing in two main groups: lightweight libraries and complex and (often heavy) application framework with extended UI support. Introduction A good point of balance is iUI – a web UI framework for mobile devices. It offers a really basic, but very functional, navigation system between pages (the classic left-to-right and [...]

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 [...]