La caratteristica migliore di jQuery rispetto agli altri framework, risiede sicuramente nella sua facilità. John Resing, primo sviluppatore (dal 2006) si era infatti posto come obiettivo quello di rendere il codice il più possibile sintetico e compatibile con le altre librerie.
Oggi jQuery è uno degli strumenti più potenti per i web designer. Grazie ad esso gli sviluppatori possono portare, con relativa facilità, i siti web ad un livello più alto.
DOVE SCARICARE JQUERY:
Per ottenere jQuery andate sul sito jquery.com. Il framework è disponibile in due formati:
– development, versione non compressa utile durante lo sviluppo
– production, versione compressa da usare quando il progetto è on-line.
ESEMPI E DEMO DI TECNICHE JQUERY:
Se le spettacolari animazioni e tecniche jQuery che vi riportiamo in questa pagina non vi bastano, guardatevi anche i precedenti nostri articoli sull’argomento:
– 10 incredibili tecniche ed esempi di Animazione con jQuery
– 6 nuovi jQuery plugins e tutorials
– 10 tecniche jQuery per migliorare il vostro sito web
Fullscreen Gallery with Thumbnail Flip
In questo tutorial imparerete a creare una galleria di immagini a tutto schermo con jQuery. L’effetto creato è veramente bellissimo, cliccando le miniature a destra dello schermo o muovendo i tasti su/giu della tastiera lo sfondo cambia con una bellissima transizione flip.
Google doodle natalizio con jQuery
Vi ricordate il google doodle natalizio con cui è stata adornata la home page del celebre motore di ricerca?
Ora grazie a jQuery e un pizzico di CSS possiamo ricreare lo stesso effetto.
Demo | Download
Bubbleriffic Image Gallery with jQuery
In questo tutorial vedrete come è facile realizzare una splendida galleria di immagini con jQuery. La particolarità è che le anteprime delle immagini vengono mostrate arrotondate e scorrono al passaggio del mouse.
Overlay menu in jQuery
In questo tutorial jQuery andremo a creare un semplice menu in overlay. Al passaggio del mouse il menu viene evidenziato mediante una copertura allo sfondo in stile lightbox. +
Pull Out Content Panel with jQuery
In questo tutorial imparerete a realizzare un pannello di contenuti che scivola lateralmente quando si raggiunge una determinata posizione scrollando la pagina.
Slide Down Box Menu with jQuery and CSS3
Ecco come creare un originale menu di navigazione. Al passaggio del mouse dal menu esce con un effetto slide out una miniatura e il relativo sottomenu.