Scorri e anima la tua pagina facilmente con Force.js
L'animazione Web è più facile che mai, con pure animazioni CSS3 diventando la norma. Ma, JavaScript è ancora incredibilmente prezioso ed è uno dei pochi linguaggi affidabili per le animazioni tecniche.
Il Libreria Force.js è uno script open source gratuito costruito intorno animazioni di pagine dinamiche.
È possibile creare animazioni di scorrimento a scorrimento all'interno della pagina stessa, oppure puoi animare elementi intorno alla pagina. Entrambi sono ugualmente semplici da configurare e la libreria ha un sacco di funzioni.
Per impostazione predefinita, Force.js si affida alle transizioni CSS quando possibile. Questi funziona su tutti i browser moderni e il codice è molto più semplice, in più offre un supporto più ampio per gli utenti che non consentire JavaScript.
La libreria utilizza a metodo di fallback naturale con codice JavaScript, quindi è sicuro anche per i browser più vecchi.
E, Force.js è una libreria di vaniglia, quindi non richiede alcuna dipendenza come jQuery. Ma se ami jQuery puoi eseguire la sintassi su Force e funzionerà comunque bene. Ottimo per la versatilità con diversi siti web.
Le due grandi tecniche di animazione sono salti e si muove. Determinate dove si muove l'elemento, quanto velocemente si muove e su quali tipi di metodi di andamento.
La biblioteca ha anche un sacco di opzioni personalizzate puoi modificare per un controllo ancora maggiore sulle animazioni. Puoi modifica i target del link di ancoraggio e imposta le facilitazioni di cui avrai bisogno-anche se vuoi delle attenuazioni diverse sulla stessa pagina!
Tutta la documentazione è disponibile su GitHub, insieme ai file.
Oppure, se preferisci npm / Bower puoi farlo tira direttamente i file quel modo. Hai solo bisogno di includere quello force.js file nel tuo colpo di testa e sarai a posto.
Raccomando anche di sfogliare la documentazione perché è piena di esempi per il saltare() e mossa() metodi.
Entrambi prendere argomenti per tempo, attenuazione e posizione, quindi è fondamentale capire come funzionano. Anche se, una volta capito, non guarderai mai indietro perché è la libreria di animazione leggera e perfetta per qualsiasi progetto.
