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.

Come trasferire i contatti da Android a PC

Recentemente, ho dovuto spostare i contatti del mio telefono Android sul mio PC per usarli in alcune app desktop. Con mia sorpresa, non esiste un metodo con un clic per farlo. Una ricerca su Google mostra solo alcune app che possono fare questo per me a pagamento, ora perché dovrei pagare per un compito così fondamentale?D

(Consigli tecnici e di design)

Perché Facebook è importante per i genitori di prima generazione

Dato che sei diventato pazzo abbastanza da diventare un genitore, ecco alcune strade su Facebook per aiutarti a far fronte. Con l'avvento del primo compleanno di mio figlio, ho riflettuto sull'anno inaugurale della mia genitorialità e mi sono reso conto che Facebook ha avuto un ruolo importante in questo.

(Consigli tecnici e di design)