Creare transizioni in CSS ad hoc, per ogni progetto, può essere un processo anche abbastanza lungo.
Queste 5 risorse vi faciliteranno il lavoro e lo renderanno più veloce!

Con gli ultimi trend in ambito di web design sappiamo bene quanto le transizioni e le animazioni in CSS abbiano un ruolo fondamentale per dare al proprio progetto un effetto “wow!”.
Conoscere le giuste soluzioni per velocizzare il lavoro senza perdere l’impatto visivo, è fondamentale per ogni designer che lavora con il we.

Ecco, dunque, 5 fantastiche risorse:

EASINGS

Easings

Easings è uno strumento utilissimo per gestire le “timing-functions”, ossia l’andamento della velocità di una transizione.
Possiamo godere di svariate soluzioni per ottenere diversi effetti.
Inoltre abbiamo la possibilità di vedere l’anteprima dei diversi tipi di transizione attraverso grafici con curve di Bézier.

 

ANIMATE

Animate.css

Animate.css è una risorsa formidabile che permette di attribuire animazioni in CSS a elementi della pagina quali Fading, Bouncing, Flipping, etc.
Lavora molto bene con altri frameworks come, ad esempio, Wow.js

 

ANIMATE PLUS

Animate plus

Animate plus è una libreria più complessa basata su JavaScript, CSS e SVG.
Quello che la differenzia dalle altre risorse è la possibilità di animare facilmente tracciati SVG per qualsiasi tipo di soluzione si voglia adottare, dai testi ai loghi alle icone.

 

MOTION AND MEANING

Motion and Meaning

Questa risorsa non è altro che un podcast curato da Val Head e Cennydd Bowles.
È rivolta a digital designers che vogliono approfondire il motion design applicato al web.

 

HOVER

Hover.css

Altra utilissima risorsa per chi non vuole spender troppo tempo a gestire le transizioni.
In questo caso si tratta di effetti hover (tanti!) da applicare a testi ma soprattutto buttons.

 
Personalmente, appena ho scoperto queste risorse, le ho immediatamente aggiunte ai preferiti del mio browser.
Per chi scrive parecchio codice può essere una manna dal cielo fare affidamento a librerie ben costruite che consentono di alleggerire il lavoro.