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.

Come creare tag personalizzati per template WordPress

Come creare tag personalizzati per template WordPress

Costruire un tema WordPress è così facile con i tag modello . Puoi aggiungere the_title() per visualizzare il post o il titolo della pagina, e puoi usare the_content() per visualizzare il contenuto del post o della pagina. Ci sono molti più modelli di tag in WordPress che possiamo usare per mostrare altre cose .Ma

(Consigli tecnici e di design)

Oltre 40 utili descrizioni comandi Script con CSS, JavaScript e jQuery

Oltre 40 utili descrizioni comandi Script con CSS, JavaScript e jQuery

Un elemento dell'interfaccia utente interessante, i tooltip (chiamati anche infotips) fanno apparire una piccola casella quando il cursore del mouse si posiziona su un determinato testo o immagine con le informazioni riguardanti l'elemento al passaggio del mouse . In termini di esperienza utente, le descrizioni dei comandi forniscono agli utenti la fonte di informazioni più rapida e semplice senza dover fare clic su nulla .

(Consigli tecnici e di design)