Crea facilmente effetti a cascata con CascadeJS

Le animazioni fantasiose sono una dozzina di dozzine sul web. Stanno diventando più facili da creare con tonnellate di incredibili librerie di animazioni .

Cascade.js è un'altra libreria da aggiungere alla lista, ed è sicuramente unica. Con Cascade, puoi progettare effetti di animazione personalizzati usando lettere a cascata nel testo o elementi a cascata in un contenitore principale.

Questa libreria non ha dipendenze ; funziona su JavaScript classico. Puoi installarlo tramite npm, Bower o scaricando una copia direttamente da GitHub.

Per far funzionare CascadeJS, avrai bisogno di due file : un file CSS e un file JavaScript. Entrambi vengono forniti con versioni minificate per risparmiare pochi KB sulla dimensione della pagina.

Ogni elemento Cascade viene suddiviso in parti separate che si animano individualmente attraverso gli elementi. Questi vengono aggiunti dinamicamente, quindi non è necessario modificare nulla nel codice HTML.

Ma, dovrai impostare la funzione flow() nel tuo file, dopo aver selezionato quale elemento vuoi animare.

È possibile utilizzare jQuery con questa libreria, se lo si desidera, tuttavia non è necessario . Quindi, se preferisci selezionare gli elementi con jQuery, puoi usare quello.

Ecco uno snippet di vanilla JavaScript dalla demo del sito principale:

È possibile passare l'elemento flow() senza parametri, oppure è possibile configurarli tutti da soli. Sono necessari otto parametri opzionali per modificare lo stile, i tempi, la durata e le classi CSS opzionali dell'animazione.

CascadeJS ha un'altra funzione chiamata fragment() che ti permette di suddividere lettere (o elementi) in contenitori separati, senza animarli. Puoi utilizzare questa funzione per colorare e ridimensionare il testo sulla pagina scegliendo come target ogni singola lettera di una parola. Piuttosto interessante, vero?

Tutti gli esempi di codice sono disponibili nella pagina della libreria principale, in modo che tu possa copiare / incollare e armeggiare da solo. Ma troverai anche la documentazione sulla pagina GitHub se stai cercando un modo più chiaro per iniziare.

Facebook ora ti consente di modificare i tuoi album con amici

Sei il tipo di persona a cui piace tenere traccia delle proprie attività nel corso di un viaggio? Se è così, l'ultimo aggiornamento di Facebook alla sua funzione Album renderà molto più facile tenere un registro dei tuoi tour o viaggi poiché ora ti consente di memorizzare foto, post e altro . Aggi

(Consigli tecnici e di design)

Inizia con le promesse di JavaScript

Il codice asincrono è utile per eseguire attività che richiedono molto tempo ma, ovviamente, non sono prive di cons . Il codice asincrono usa le funzioni di callback per elaborare i suoi risultati, tuttavia le funzioni di callback non possono restituire i valori tipici delle tipiche funzioni JavaScript.P

(Consigli tecnici e di design)