Category Archives: jquery

[jQuery] Creare uno slide di contenuti in orizzontale, verticale e diagonale

20110611-080439.jpg

In questo tutorial imparerete come scorrere i contenuti del vostro sito in orizzontale, verticale e diagonale.
Useremo HTML e CSS per il layout e Javascript/jQuery per lo scorrimento. Iniziamo!

Link: http://www.queness.com/post/356/create-a-vertical-horizontal-and-diagonal-sliding-content-website-with-jquery

jVectorMap, visualizzare mappe in formato vettoriale!

20110611-092025.jpg

jVectorMap è un plugin per jQuery impiegato per mostrare mappe vettoriali e visualizzare i dati su pagine HTML. Esso utilizza SVG in tutti i moderni browser come Firefox 3 o 4, Safari, Chrome, Opera, IE9, mentre il supporto legacy per le vecchie versioni di IE 6-8 è dotato di VML. Utilizzare jVectorMap è piuttosto semplice, come per qualsiasi altro plugin di jQuery. Tutto ciò che serve è collegare JavaScript e i CSS del plugin.

Link: http://jvectormap.owl-hollow.net/

Effetti di navigazione a griglia con jQuery

20110609-074225.jpg

Nel tutorial di oggi lo staff di codrops vi mostrerà come creare un effetto di navigazione a griglia utilizzando jQuery.
Negli esempi vi verranno illustrati 10 modi di navigare attraverso una serie di miniature.

Link: http://tympanus.net/codrops/2011/06/09/grid-navigation-effects/

Switch animato dei form con jQuery

In questo tutorial creeremo un semplice form switch animato con tre form molto comuni.
L'idea è quella di non lasciare la pagina quando l'utente passa da un form all'altro ma di rimanere nella stessa pagina espandendo o contraendo i vari form.
Effettueremo anche un controllo che verifica se i Javascript sono abilitati e in caso negativo passeremo da una pagina all'altra.

Link: http://tympanus.net/codrops/2011/01/06/animated-form-switching/

Righe delle tabelle cliccabili con jQuery

Le tabelle si sono fatte una cattiva reputazione sul web, ma ci sono casi in cui l'utilizzo di una tabella ha senso secondo i dati presentati.
Uno degli usi più comuni è quello della rappresentazione dei dati letti dal database, dove la tabella viene divisa in righe e colonne ed è possibile modificare o eliminare ogni singolo record.
Un modo davvero rapido per migliorare l'esperienza utente è quello di rendere ogni riga della tabella cliccabile. Sicuramente esistono numerosi metodi per farlo, ma in questo articolo utilizzeremo jQuery.

Link: http://thephuse.com/design-and-usability/clickable-table-rows-with-jquery/

Gli 11 errori Javascript che potresti commettere

Javascript è relativamente facile da imparare, tuttavia ci sono alcuni trucchi che dovresti conoscere.
Sei sicuro che non stati seguendo cattive pratiche? In questo articolo vedremo gli 11 errori più comuni che potresti commettere!

Link: http://net.tutsplus.com/tutorials/javascript-ajax/the-10-javascript-mistakes-youre-making/

Creare una radio online utilizzando jQuery e jPlayer

20110605-114053.jpg
A chi non piace la musica? In questo tutorial imparerete com'è possibile utilizzare jQuery e il plugin jPlayer per creare una radio online utilizzando Javascript, PHP e un database MySQL.

Link: http://www.catswhocode.com/blog/how-to-create-an-online-radio-using-jquery-and-jplayer

17 Plugins jQuery freschi e funzionali!

La maggior parte dei plugins jQuery vengono sviluppati per dare dinamismo ai siti web o blog. Così, in questo articolo troverete una raccolta di 17 nuovi Plugins da scaricare gratuitamente (eccetto due) e con una documentazione molto dettagliata.

Link: http://designbeep.com/2011/06/02/17-fresh-and-functional-jquery-plugins-you-will-love/

GMAP3, Utilizzare Google Maps con jQuery

Inserire Google Maps all'interno delle pagine web è già facile con la semplicità che offre Google nei loro prodotti.
Tuttavia, le cose possono diventare ancora più semplici con il plugin GMAP3 se hai intenzione di utilizzare le mappe con caratteristiche avanzate come gli overlay o callbacks.

GMAP3 offre funzioni semplificate previste per gli usi popolari delle API Google Maps che normalmente richiedono molto più codice.
E'anche possibile utilizzare le funzioni native per una massima flessibilità.

Link: http://gmap3.net/examples.html

Creare dei fantastici Radio Buttons e Checkbox stilizzati!

In questo articolo Marko Dugonjić ci insegnerà come creare dei fantastici Radio Buttons e Checkbox stilizzati con un markup tipico, con poche righe di CSS e alcune funzioni JavaScript. Troverete anche la versione jQuery. Iniziamo!

Link: http://www.maratz.com/blog/archives/2006/06/11/fancy-checkboxes-and-radio-buttons/

Creare una lente d’ingrandimento con jQuery!

In questo tutorial webdesignfan.com vi mostrerà come creare una lente d'ingrandimento utilizzando jQuery!
Il plugin è stato progettato per funzionare con qualsiasi browser incluso IE 6, quindi divertitevi ad aggiungere una lente d'ingrandimento sul vostro sito!

Link: http://webdesignfan.com/how-to-make-an-image-magnifier-in-jquery/