20 semplici trucchi jQuery

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

Ecco 20 semplici trucchi jQuery per iniziare la tua strada verso la felicità JavaScript. La parola chiave qui è "semplice", quindi anche se non hai mai usato jQuery prima, questo è il punto di partenza perfetto!

Tutorial per principianti

Giusto per iniziare nel modo giusto, ecco i tutorial per principianti direttamente da jQuery.com.

# 1 - Angoli arrotondati jQuery

Un breve post di "15 giorni di jQuery" sull'uso delle funzioni di avvolgimento, anteposizione e aggiunta per creare un effetto angolo arrotondato.

# 2 - Transizione dissolvenza incrociata immagine

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

# 3 - Menu dissolvenza - Sostituzione del contenuto

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

# 4 - Sexy menu a discesa con jQuery e CSS

Impara a creare un'interfaccia utente semplice e animata per il tuo sito con questa esercitazione dettagliata.

# 5 - Area contenuto a schede usando CSS e jQuery

Un vecchio ma buono, questo è stato uno dei primi tutorial mai pubblicati su NetTuts. È qui che ho imparato a conoscere jQuery!

# 6 - jQuery Twitter Ticker

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

# 7 - Menu a scorrimento verticale

Questo articolo mostra come creare un menu veramente scorrevole, a scorrimento verticale. 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

Imita il nuovo sito di Abduzeedo e crea uno switch per cambiare i tuoi contenuti dalla visualizzazione elenco alla visualizzazione griglia.

# 9 - Attiva / disattiva semplice con CSS e jQuery

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

# 10 - WordPress e jQuery Modulo di contatto senza plug-in

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

# 11 - Elenco sequenziale di jQuery

Utilizzare jQuery per eliminare la monotonia dalla codifica di elementi sequenziali.

# 12 - Crea una casella di condivisione fantasia

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

# 13 - Crea una presentazione semplice e accessibile usando jQuery

Usa questo fantastico dispositivo di scorrimento per mettere un sacco di contenuti in uno spazio ridotto.

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

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

# 15 - Menu animati usando jQuery

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

# 16 - Navigazione "Fuori dagli schemi" con jQuery

Una tecnica straordinaria per la creazione di siti Web di navigazione che imita il dock di OS X.

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

Un ticker di notizie facile e veloce da Antonio Lupetti.

# 18 - Crea un pop-up mozzafiato con jQuery

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

# 19 - Menu Feed di jQUery

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

# 20 - Crea un effetto di sfondo di parallasse funky

Questo tutorial ti guida nella creazione di un effetto di sfondo 3D scorrevole incredibilmente unico.

È 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 usando il campo sottostante per condividere i tuoi trucchi e tutorial jQuery preferiti.

© Copyright 2024 | computer06.com