Le animazioni hanno sempre il loro impatto sull’utente soprattutto in un ambiente dinamico come il web. La libreria che vediamo oggi si chiama dreyanim  e permette di implementare animazioni In e Out in modo semplice e veloce grazie a CSS3 e jQuery.

La sua installazione richiede l’inclusione di un foglio di stile:

<link rel="stylesheet" href="css/dreyanim.css">

e di due librerie Javascript (jQuery e quella specifica di dreyanim):

<script src="js/jquery-3.1.0.slim.min.js"></script>
<script src="js/dreyanim.js"></script>

A questo punto si può scegliere quale animazione attivare su un elemento e la sua durata:

$('.element').dreyanim({
  animationType : "zoomIn",
  animationTime : 600
})

Le animazioni a disposizione sono molte e si può scegliere in una lunga lista.

La libreria appare interessante soprattutto perchè offre delle funzionalità leggere e utili da integrare molto velocemente. Inoltre pare che il suo sviluppo debba proseguire tanto che nella presentazione su GitHub l’autore  voglia farci intendere che la dipendenza da jQuery sia temporanea con la frase “Depends on jQuery…for now”.

Proviamolo e rimaniamo in attesa di novità…alla prossima!