Announcing: slideOut
15 May 2006 - Nerd Powah, CSS -

Da quando ho lanciato il redesign di questo blog (che cambierà ben presto, ammesso che la distanza temporale fra gli aggiornamenti non continui a tendere all’infinito con conseguente chiusura di baracca et burattini) mi sono votato a moo.fx per quanto riguarda il campo delle librerie JavaScript di effetti dinamici. Prima, usavo la diretta concorrente script.aculo.us. Da questo confronto è, alla fine, uscita vincitrice moo.fx, ma nonostante io continui a pubblicizzarla con entusiasmo (shame on me), riconosco che la scelta non è sempre conveniente.
moo.fx è eccellente per la sua leggerezza (solo 3kb per la libreria + una versione compressa di Prototype) e per la relativa facilità d’utilizzo. Script.aculo.us è però un mondo totalmente differente, poichè le sue funzionalità non si limitano a semplici effetti di transizione (come, appunto, moo.fx), ma si estendono fino alla completa interazione col DOM e alla comunicazione asincrona col server (eh, sì, AJAX).
Questa inutile quanto onanistica premessa mi fa introdurre, ora, un piccolo esperimento di navigazione alternativa ispiratomi da questa demo del controllo Slider offerto da script.aculo.us.
Si chiama slideOut. Questa “tecnica” è, per così dire, un ritorno alla manovella nell’era dei tastini: un sistema di navigazione a scomparsa (Web 2.0? Io non l’ho detto) che però non fa uso del classico “click-apri-click-chiudi” - che potete appunto provare su questo blog - ma si affida all’utente che si ritrova a dover spostare l’indicatore per spostare manualmente il contenuto invisibile per renderlo visibile. Useless, appunto.
La paginetta è in inglese perché non si sa mai, a qualche forestiero potrebbe anche interessare questa cosetta (ovviamente dopo averla spammata in tutte le “community di design” [cit.] esistenti), e quindi sempre meglio premunirsi. Il “come” è spiegato nei sorgenti (html, javascript e CSS) opportunamente linkati, tramite una sommaria guida nei commenti interni.
Come sempre complimenti, consigli, critiche, calci negli stinchi e sputi nel caffé sono sempre ben accetti.




D’accordo con te per quanto riguarda il confrono moo.fx-script.aculo.us.
Quanto all’esempio di slideOut, trovo inappropriato l’uso del testo all’interno del ‘cassetto’: a meno che l’intenzione non fosse altro che quella di mostrarne l’apertura. Non vedo come un utente potrebbe trovare utile avere una ’sidebar’ aperta per meta’, vedendone troncato il contenuto.
Che ne so, io avrei piazzato il ‘cassetto’ *sotto* il box principale. Potrebbe essere utilizzato - ipoteticamente - all’interno di un blog per la visualizzazione/navigazione dei commenti.
Parliamone.
Ad ogni modo, complimenti per l’esperimento.
corra24 — 17/5/2006 #
Non mi stancherò mai di ripeterlo: questo esperimento non è stato concepito come un vero e proprio sistema valido e alternativo per la navigazione, come poteva esserlo script.aculo.us alla sua uscita, non mi aspetto che nessuno dica “fico, lo metto sul mio blog”. E’ piuttosto una tech demo, un modo per dimostrare che “hey, si può fare!”.
Quella che tu proponi è una idea interessante, perchè per esempio in questo modo un utente potrebbe spostare di un tot la colonnina dei commenti (inseriti in ordine inverso) e visualizzare solo gli ultimi inseriti.
Ah, grazie.
Qbic — 17/5/2006 #
Non male. Bella l’idea del corra riguardo al suo utilizzo per i commenti.
ABCcletta — 19/5/2006 #
[…] L’auteur de SlideOut a essay? d’imaginer un syst?me de navigation alternatif ? l’aide du contr?leur slider de la librairie de script.aculo.us. Comme il le souligne dans son billet, ce mode de navigation est difficilement utilisable dans un site ordinaire… ceci-dit c’est remarquablement bien vu et bien essay?. […]
Weblogger.ch » Blog Archive » SlideOut: Un menu de navigation non conventionnel — 16/6/2006 #