MooTools Quick DemojQuery Quick Demo Common design patterns about Placeholder hide labels on focus event, so when user select the input box. Another technique hides the label after user’s focus, precisely it does on first letter typed (it’s the case of new twitter welcome-page).
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 [...]
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.
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 [...]
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 [...]
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 [...]
Quick demo Siamo nell’unica era in cui è finalmente possibile fantasticare a proposito degli stili di navigazione garantendo la web-compliance secondo gli standard. Come? Sfruttando le immense potenzialità di javascript, ajax e del nostro framework preferito (MooTools nel nostro caso). Ma attenzione, dobbiamo catturare l’attenzione dell’utente prima di tutto: L’esperienza problematica legata ad un uso [...]
Mi sono sempre chiesto perché il mercato dei car configurator sia uno dei pochi che fa davvero fatica ad abbracciare le tecnologie web compilant, ovvero quelle tecniche che seguono gli standard web e che come conseguenza più banale rendono un prodotto portabile sulla maggior parte dei dispositivi. Quei pochi, come Renault, che tentano la giusta [...]
Questa soluzione Quick&Dirty nasce da un problema che ho avuto nello sviluppo di un sito web con richieste asincrone utilizzando tecnologia AJAX tramile il framework MooTools su una pagina con diversi contenuti tra testo e immagini. Ho notando che l’aggiornamento non condizionato di un certo div, contenente le informazioni dinamiche, portava ad una diminuzione delle [...]