20 semplici trucchi jQuery

jQuery ha rapidamente fatto strada in quasi tutti i pacchetti di trucchi di ogni sviluppatore web. La semplicità con cui jQuery ci consente di gestire eventi complicati ed eseguire animazioni fluide lo rende lo strumento perfetto sia per principianti che per sviluppatori esperti per aggiungere un tocco professionale ai loro siti.

Ecco 20 semplici trucchi jQuery per farti raggiungere la felicità JavaScript. La parola chiave qui è? Semplice? quindi, anche se non hai mai usato jQuery prima, questo è il posto perfetto da cui iniziare!

Tutorial per principianti

Per iniziare subito, ecco le esercitazioni per principianti direttamente da jQuery.com.

# 1 - Angoli arrotondati jQuery

Un breve post di? 15 giorni di jQuery? sull'uso delle funzioni di avvolgere, anteporre e aggiungere per creare un effetto angolo arrotondato.

# 2 - Transizione di dissolvenza incrociata dell'immagine

3 Semplici metodi di dissolvenza incrociata di un'immagine in un'altra utilizzando jQuery e CSS.

# 3 - Menu Dissolvenza - Sostituzione del contenuto

Chris Coyier offre alcuni dei migliori contenuti gratuiti là fuori per l'apprendimento del web design. Ecco uno dei tanti tutorial di jQuery sul suo sito.

# 4 - Menu a discesa sexy con jQuery e CSS

Impara a creare un'interfaccia utente animata e accattivante per il tuo sito con questo tutorial passo passo.

# 5 - Area Contenuto a schede usando CSS e jQuery

An oldie but goodie, questo è stato uno dei primi tutorial mai pubblicati su NetTuts. Questo è dove ho imparato per la prima volta su jQuery!

# 6 - Twitter di jQuery Twitter

Scopri come utilizzare sia l'API di Twitter che jQuery per creare un ticker Twitter dall'aspetto eccezionale.

7 - Menu verticalmente a scorrimento

Questo articolo mostra come creare un menu scorrevole davvero scorrevole. Un ottimo tutorial nonostante il fatto che l'autore sembrasse pensare che fosse un menu a scorrimento orizzontale!

# 8 - Easy Display Switch con CSS e jQuery

Mimica il nuovo sito di Abduzeedo e crea uno switch per la modifica dei contenuti dalla visualizzazione elenco alla visualizzazione griglia.

# 9 - Semplice commutazione con CSS e jQuery

Un ottimo tutorial per principianti che descrive come utilizzare la funzionalità di attivazione / disattivazione.

# 10 - WordPress e modulo di contatto jQuery senza plugin

Uno sguardo ben scritto e approfondito sulla creazione di un modulo WordPress senza la necessità di un plug-in aggiuntivo.

# 11 - Elenco sequenziale jQuery

Usa jQuery per eliminare la monotonia dagli oggetti sequenziali di codice.

# 12 - Crea una scatola di condivisione Fancy

Avere dei link di condivisione dei social media sul tuo sito è diventato rapidamente uno standard per la maggior parte dei blog. Usa questo tutorial per rendere il tuo standout.

# 13 - Crea una presentazione scorrevole e accessibile usando jQuery

Utilizza questo straordinario dispositivo di scorrimento dei contenuti per mettere un sacco di contenuti in un piccolo spazio.

# 14 - Uso di jQuery per animazioni di immagini di sfondo

Crea animazioni di sfondo accattivanti con solo poche righe di codice.

# 15 - Menu animati Uso di jQuery

Simile nel concetto al numero 14 ma con un effetto più sottile e sofisticato.

# 16 -? Fuori dagli schemi? Navigazione con jQuery

Una tecnica straordinaria per la creazione di una navigazione del sito Web che simula il dock di OS X.

17 - Come implementare un news ticker con jQuery e dieci righe di codice

Un ticker facile e veloce da parte di Antonio Lupetti.

# 18 - Crea un meraviglioso Popup con jQuery

Questo tutorial mostra come creare una finestra popup e sfumare lo sfondo.

# 19 - Menu Feed jquery

Impara a creare menu di feed RSS semplici ed efficaci come quelli di Safari.

# 20 - Crea un effetto di sfondo parallasse funky

Questo tutorial ti guida attraverso la creazione di uno straordinario effetto di sfondo 3D.

È tutto gente

Questo conclude la nostra carrellata di semplici trucchi jQuery. Ora vai e usa queste tecniche per creare effetti sorprendenti sul tuo sito. Lascia un commento utilizzando il campo sottostante per condividere i trucchi e le esercitazioni di jQuery preferiti.