Esempi jquery, 6 demo di nuove tecniche di animazione

di Redazione Commenta

Per i web designer più esigenti ecco 5 nuovi fantastici esempi jQuery da usare nei propri progetti...

Abbiamo gia parlato di jQuery, una libreria di funzioni in javascript che permette di manipolare, gestire e creare animazioni e interazioni al documento HTML.

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.

Demo | Download

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.

Demo | Download

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. +

Demo | Download

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.

Demo | Download

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.

Demo | Download