Sergio Panagia Blog

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

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

Effetti flash-like su immagini con MooTools: Mosaic

Mi hanno sempre entusiasmato gli effetti grafici semplici, magari funzionalmente poco utili, ma che sappiano dare un tocco di sana interattività in un sito web. Per questa classe mi sono ispirato ad un effetto visto su uno dei template di quei bravi signori di YooTheme, precisamente il tema Pulse, presenta un’immagine che si illumina parzialmente [...]