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 [...]
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 [...]
Italian version Modern web design trends are going far from classic numbering pagination. Facebook, Twitter, Tumblr: all of them chose the infinite scroll paradigm to show more contents.
In terms of web development, using classes and plugins for common operations or effects can save you a lot of time. I would like to share a quick snippet to add an image-transition with javascript that may be used to simulate a morph on mouse-hover event. I made a simple class so you can keep [...]
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 [...]
After 4 month from the first prototype i’m happy to release the actual version of GeoSuggester. GeoSuggester is a MooTools class that aims to improve the experience when filling geographic data into web forms.
In un esempio recente su questo blog ho mostrato come ottenere un’effetto slide verticale (simulando un’illusione di movimento grazie ad alcune immagini ad-hoc). Qualcuno mi chiede se è possibile realizzarlo anche con un’interpolazione orizzontale: niente di più facile, MooTools mette a disposizione delle classi che facilitano il lavoro (Fx.Slide, invece del semplice tween utilizzato nell’esempio [...]
Quick demo E’ la feature più comune di un social network – ma non solo. Si tratta del sistema che ci permette di pubblicare notizie e aggiornamenti al nostro feed o sulla nostra bacheca (facebook-like, per intenderci) Grazie a MooTools, è possibile realizzare un sistema di questo tipo in tutta facilità: inviare una richiesta Ajax [...]
Quick demo Ci sono diverse guide sul web per creare menu-contestuali (quelli che compaiono al right-click, per intenderci) sostitutivi a quelli standard del nostro browser. Ma le bellezze del web stanno, sopratutto, nelle possibilità che la tecnologia è in grado di offrici in tema di sperimentazione e creazione di interfacce grafiche nuove, basate su metafore [...]
Il sovraccarico cognitivo di cui parlano un po’ tutti di questi tempi, ci spinge a ricercare soluzioni più o meno convenzionali per fornire, nelle nostre applicazioni web, solo l’informazione necessaria alla vista dell’utente. Il backend amministrativo di WordPress utilizza un menu verticale che permette di nasconderne il contenuto premendo un semplice pulsante. L’esempio di questo [...]