it.hideout-lastation.com
Paradiso Per Designer E Sviluppatori


Costruisci carri armati jQuery ricchi di funzionalità con Slick

Non molte librerie di caroselli possono competere con Slick . È il plug-in jQuery più ricco di jam per la creazione di caroselli dinamici sul web.

È completamente gratuito e costruito su jQuery . Il codice è semplicissimo da configurare, anche se richiede alcune dipendenze . Ma con tanta funzionalità, vale la pena aggiungere le librerie extra per farlo funzionare.

Per installare Slick, puoi visitare il repository GitHub e scaricare una copia. Viene fornito con due file CSS : uno per l' impostazione di base e un altro per il tema predefinito di Slick . Puoi facilmente combinare questi file nel tuo foglio di stile CSS primario se vuoi risparmiare spazio.

Quindi, hai bisogno di due dipendenze jQuery : la libreria jQuery primaria insieme a jQuery Migrate . Slick richiede un minimo di jQuery 1.7+ che non dovrebbe rappresentare un problema per un moderno ambiente di sviluppo.

Da qui, basta aggiungere il file Slick.js e lasciarlo andare. Le presentazioni possono essere create con un codice molto piccolo ed ecco un esempio diretto dal sito web di Slick:

il tuo contenuto
il tuo contenuto
il tuo contenuto

Con un semplice

contenitore, puoi aggiungere diapositive in modo dinamico, incluse immagini, contenuti HTML e contenuti multimediali incorporati come video. Slick supporta tutto con un design completamente reattivo che mantiene intatti i rapporti di aspetto.

Slick è dotato di decine di fantastiche funzionalità, tra cui la funzionalità di scorrimento su dispositivi mobili e la navigazione a punti . Puoi anche impostare la riproduzione automatica, l'animazione personalizzata, le richiamate personalizzate e molto altro ancora.

Questa libreria è una bestia completa per la creazione di caroselli rotanti . E puoi fare tutto con alcune semplici linee di jQuery che rendono questo ancora più incredibile.

Per visualizzare tutte le demo e iniziare, controlla la home page di Slick. Puoi anche trovare tutto il codice sorgente e la documentazione completa per le impostazioni / opzioni nel repository GitHub.

Utilizzo della gestione del controllo della versione in WordPress

Utilizzo della gestione del controllo della versione in WordPress

Una volta ero molto riluttante a usare Git durante il mio sviluppo; Anche se non ho bisogno di Git e non riesco a trovare ragioni convincenti per usarlo - cioè, fino a quando i codici non sono andati in tilt mi hanno costretto a tornare alla versione precedente. In casi come questo, Git è estremamente utile.G

(Consigli tecnici e di design)

Controllo dell'animazione CSS3 con la funzione steps ()

Controllo dell'animazione CSS3 con la funzione steps ()

L'animazione è una delle maggiori funzionalità introdotte nei CSS. In passato, l'animazione web era disponibile solo nel territorio JavaScript o Flash. Ma oggi molti siti web scelgono di usare i CSS per aggiungere animazioni sottili . Negli articoli precedenti, abbiamo analizzato come fare cose interessanti con l'animazione CSS come aggiungere un effetto di selezione e aggiungere effetti di rimbalzo a qualcosa.I

(Consigli tecnici e di design)