Masonry è plugin jquery per layout. Pensato come il rovescio della medaglia di CSS float. Considerando che riorganizza gli elementi float prima orizzontalmente poi verticalmente, secondo una griglia. Il risultato minimizza gli spazi verticali tra elementi di diversa altezza.

L’utilizzo di Masonry è estremamente  semplice basta collegare al funzione masonry() all’elemento wrapper del layout. A seconda poi dei risultati che si vogliono ottenere è possibile utilizzare diverse opzioni che il plugin mette  a disposizione.

Sito web: http://desandro.com/resources/jquery-masonry
Demo: http://desandro.com/demo/masonry/basic.html
Download:  http://github.com/desandro/masonry

jQSlickWrap è un plugin di jQuery che permette facilmente e accuratamente “wrappare” il testo attorno a un immagine inserita nel contenuto.

L’implementazione è semplice basta inserire una riga di codice jQuery:

$('img').slickWrap();

L’immagine dev’essere un’immagine irregolare e deve utilizzare la proprietà float all’interno del css.

Sito web: http://jwf.us/projects/jQSlickWrap

Demo: http://jwf.us/projects/jQSlickWrap/example2.html

E’ assolutamente free anche per usi commerciali, oltre che essere compatibile con la maggior parte dei browser. L’installazione di TopUp consiste nell’inserimento all’interno di una pagina di un file, non necessita ne di immagini ne di fogli di stile. Il suo stile ricorda molto quello di Apple e le animazioni sono molto carine. E’ possibile utilizzare anche Prototype ed è facilmente personalizzabile attraverso l’utilizzo delle opzioni.

Richiede: jQuery Framework
Demo: http://gettopup.com/
License: Creative Commons License

Il progetto è stato realizzato nello specifico per un determinato luogo, ma gli sviluppatori promettono di renderlo il più generico possibile per creare un vero e proprio plugin utilizzabile da tutti.

Di seguito il link con la spiegazione passo passo di come si è arrivati a raggiungere questo risultato.

Sito web: http://www.newmediacampaigns.com

Demo: http://www.newmediacampaigns.com/..#demos

In questo tutorial viene mostrato come creare una descrizione che appare in dissolvenza quando si fa il rollover su una miniatura.
Viene utilizzato jQuery framework e CSS per creare questa trasparenza e l’effetto dissolvenza.

Vedi tutorial: http://www.queness.com/

Vedi Demo: http://www.queness.com/resources/html/thumbnail/index.html

I campi di testo talvolta possono essere utilizzati per presentare dei numeri, delle quantità, si pensi ad esempio l’esigenza di inserire le quantità di un prodotto all’interno di un sito ecommerce. Per cambiare il valore di tale quantità l’utente dovrebbe ridigitare il numero presente all’interno della casella e inserirne un altro..Utilizzando questo script si rende molto più facile e più amichevole l’incremento o decremento di un valore all’interno di un campo di testo.

Sito web: http://css-tricks.com/number-increment-buttons/
Demo: http://css-tricks.com/examples/InputNumberIncrementer/