Spesso ciò che fa la differenza tra un sito "Normale" e uno che finisce tra i preferiti è il suo aspetto, oltre che le sue funzionalità. Un sito accattivante aiuta l'utente a decidere di fermarsi per vedere "cos'altro mi riserva questo sito". Per abbellire la nostra interfaccia spesso bastano davvero pochi secondi, giusto qualche attimo per includere una libreria JS e aggiungere l'effetto desiderato!
Questo articolo si propone come obiettivo quello di dare una panoramica su questi effetti e dare la possibilità a chi legge di scegliere se possono o meno essere utili.
Questa libreria permette di aprire un'altra pagina in una finestra modale simile ad una popup, senza però i problemi legati alle stesse.
Uno dei vantaggi evidenti potrebbe essere quello di non far lasciare la pagina principale all'utente e di fornire lui ulteriori informazioni su un determinato elemento.
Ulteriore extra di questa simpatica libreria la possibilità di visualizzare un'insieme di immagini come presentazione con la possibilità di scorrerle.
L'uso è semplicissimo, viene usato l'attributo rel del tag a per lanciare il relativo javascript. In particolare:
Uno sguardo alla pagina degli esempi può chiarire bene cosa questa libreria è in grado di fare.
InstantJS permette di aggiungere al volo un simpatico effetto polaroid alle foto inserite nel sito. Per farlo usa l'attributo class con il valore instant che a sua volta può essere esteso per donare colore, ombra e altri dettagli alle cornici.
Anche per questa libreria la pagina degli esempi può chiarire ogni dubbio sul suo utilizzo.
Questa piccola libreria ci permette di creare un tour del sito basato su Javascript. In particolare, grazie ad un comodo wizard è anche possibile far generare dinamicamente il codice per creare il nostro tour virtuale all'interno del nostro sito.
Altra leggerissima libreria (22k) è ImageFlow. Ispirata al noto coverflow di itunes, ci permette di visualizzare una serie di immagini a nostra discrezione e di scorrerle tramite uno slider.
Per usarla vi consiglio di dare un'occhiata al codice di questa pagina
Se avete usato lightbox o librerie simili potete benissimo metterle nel cassetto... da oggi non vi serviranno più! Questa libreria infatti in grado di caricare praticamente tutti i media disponibili su internet, immagini, flash e video di ogni tipo.
La pagina degli esempi vi convincerà senza dubbio, e per imparare ad usarlo c'è un'ottima pagina di documentazione
Image magnifier permette di visualizzare un'immagine e di effettuarne gli ingrandimenti al passaggio del mouse.
Per farlo viene caricata un'immagine ad alta risuluzione ridotta ad ok per entrare nella nostra pagina, naturalmente questo comporta che la stessa sia più pesante, ma avvolte ne può valere la pena.
Anche per questa libreria pagina di esempio con annesso tutorial.
Più che una libreria questo è un brevissimo tutorial, l'ho voluto inserire in questo articolo perchè merita davvero.
permette infatti di rendere "flottante" il contenuto di un qualsiasi div, aggiungendo tra l'altro un simpatico effetto di rimbalzo quando si raggiunge il limite superiore o inferiore della pagina. Se volte dare un pò di movimento alle vostre pagine ve lo consiglio caldamente!
Ecco la pagina del tutorial io l'ho già usato con enorme soddisfazione... non ve ne pentirete :)
Powered by Ruby on rails