Quanti di voi sarebbero interessati a partecipare ad un evento del genere?

Quanti di voi vorrebbero condividere le proprie esperienze con gli altri?

Quanti di voi avrebbero un argomento interessante da presentare?

A questo proposito è stato aperto un  topic nel nostro forum dove potrete esporre le vostre proposte, idee, suggerimenti, richieste, eventuali offerte di sedi dove poter svolgere l’evento.

L’idea di base è quella di un contenitore con un altezza e larghezza fisse nella quale sono contenuti un’immagine che è molto più alta del contenitore ed un contenitore più piccolo che mostri l’anteprima di tale immagine.

Una volta che il plugin è applicato verrà creato un elemento (span) che è possibile trascinare su e giù nel contenitore dell’anteprima. Tale elemento rappresenterà l’area visibile dell’immagine più grande.

Download

Sito autore e demo: http://www.viget.com/uploads/file/image-scroller/

jQuery.Html5form è un ottimo plugin per jQuery che aggiunge questa funzionalità di convalida HTML5 a tutti i browser non compatibili.

jQuery.Html5form non richiede alcuna personalizzazione o codifica: basta semplicemente creare il modulo con la sintassi HTML5 ed il plugin si occupa di tutto il resto!.

jQuery.Html5form offre comunque caratteristiche di personalizzazione degli errori: è quindi possibile personalizzare i messaggi di errore, impostare il loro posizionamento, lo stile, ecc.

E’ inoltre possibile creare più moduli nella stessa pagina, personalizzando ciascuno di questi in modo diverso.

Download

Sito autore e demo: http://www.matiasmancini.com.ar/html5form_en.php

Jumper 2.0 è un software open source commerciale per la ricerca collaborativa e di gestione della conoscenza alimentato da un motore di bookmarking condiviso. Si rivolge a tutte le organizzazioni che potrebbero trarre benefici da un motore di ricerca complesso e specialistico.

Jumper offre una ricerca universale su qualsiasi database, files condiviso, pagine web, blog e wiki attraverso una semplice casella di ricerca.

Più semplicemente, Jumper 2.0 è motore di ricerca collaborativo.

Un motore per un nuovo tipo di ricerca aziendale, che viene alimentata dalle persone, non da algoritmi o metadati. Persone che collaborano con amici e colleghi per condividere le informazioni.

Jumper utilizza la tecnologia peer e social-networking per taggare e linkare risorse ed informazioni distribuite per creare un motore interattivo che, alimentato dagli utenti, permette di cercare qualsiasi tipo di contenuto, media, o dato indipendentemente dal formato o dalla posizione.

Qualsiasi azienda che compete sul piano globale deve, alla luce dei cambiamenti della forza lavoro di oggi, ripensare il modo in cui gestisce la conoscenza. Molte aziende stanno sprecando le proprie risorse – persone, esperienze, intuizioni – perpetuando approcci superati per la ricerca aziendale e di gestione della conoscenza.

Le persone sono l’unico bene che innova, e l’innovazione è l’unica strada per prestazioni rivoluzionarie.

Sito progetto: http://www.jumpernetworks.com/

Tra le varie categorie per le quali si può votare (Open Source CMS, Hall of Fame CMS, Most Promising Open Source Project, Open Source E-Commerce Applications, Open Source Graphics Software) vi è anche quella per la migliore libreria javascript Open Source (Open Source JavaScript Libraries).

Effettuate la vostra nomination inserendo:

• Progetto: jQuery
• Sito del Progetto: http://jquery.com/
• il vostro nome
• la vostra e-mail

su questo form.

Aiutiamo jQuery a vincere questo Awards!!!!

Lightbox_me è uno strumento essenziale per ogni sviluppatore di jQuery: il plugin prende l’elemento DOM, lo avvolge in un oggetto jQuery ed inizializza il lightbox.

Lightbox_me gestisce la sovrapposizione ed il ridimensionamento quando viene ridimensionata la finestra, pesa poco più di 1000 byte (compresso con gzip).

E ‘stato testato su IE 6+, Firefox 2.5+, Safari e Chrome (ma non ancora su Opera).

Download

Sito autore e demo: http://buckwilson.me/lightboxme/

Rispetto al più popolare plugin jQZoom, Cloud Zoom è più leggero, include più funzioni ed è maggiormente compatibile con i browser. E ‘stato infatti testato su IE6+, Firefox, Chrome, Opera e Safari.

È possibile aggiungere uno sfondo di qualsiasi colore per l’immagine di piccole dimensioni. L’intensità dello sfondo è completamente personalizzabile.

La posizione dello zoom può essere impostata all’interno dell’immagine più piccola, cosa molto utile se si preferisce non oscurare qualsiasi altro contenuto presente nella pagina.

È inoltre possibile applicare un sottile effetto soft-focus per l’immagine di piccole dimensioni.

Cloud Zoom inoltre è completamente gratuito.

Download

Sito autore e demo: http://www.professorcloud.com/mainsite/cloud-zoom.htm

Per questo è stato contestualmente rilasciato il plugin jQuery Annotate che permette, appunto, di aggiungere e salvare annotazioni sulle immagini.

Le modalità di funzionamento di questo plugin sono molto più semplici da visonare che da spiegare, perciò vi rimando alla pagina ufficiale per la lettura delle modalità di funzionamento.

Download

Sito autore e demo: http://www.zurb.com/playground/javascript-annotation-plugin

Costruito principalmente per elenchi alfabetici, può essere utilizzato con qualsiasi cosa, anche se l’utilizzo con testo è la migliore opzione.

SliderNav aggiunge automaticamente le funzioni di navigazione ed imposta l’altezza per l’oggetto in base a quanto alto è il blocco di navigazione stesso, al fine di assicurare che ogni utente abbia accesso a tutta la lista.

E’ stata utilizzata la proprietà overflow: auto‘ per il contenuto effettivo in modo da poter utilizzare con tutta tranquillità la rotellina del mouse per scorrere il contenuto.

Il plugin è stato testato e funziona correttamente su Firefox 3, Chrome 5, IE7, Safari 4 e Opera 10.

Download

Sito autore e demo: http://devgrow.com/slidernav/

L’idea è quella di avere una pagina intera piena di miniature che, al passaggio del mouse, creano un piacevole effetto di luce. Quando si clicca su di una miniatura, un pannello scorre dal fondo mostrando l’immagine a pieno schermo. Quando si clicca nuovamente sull’immagine, il pannello scorre di nuovo verso il basso scomparendo.

Nella visualizzazione completa dell’immagine è stato aggiunto un piacevole effetto di transizione quando si sfogliano le varie foto.

Inoltre viene utilizzata una funzione per ridimensionare l’immagine, adattandolo alle dimensioni dello schermo. Così, quando le dimensioni dello schermo vengono modificate, la nostra immagine si adatterà automaticamente alle nuove dimensioni.

Il tutorial completo, in lingua inglese, è disponibile qui, mentre la demo è visibile qui.

Per chi vuole testarlo immediatamente, rendiamo disponibile il pacchetto completo.

Download

Si tratta di un sistema unificato di interfaccia utente per tutte le più popolari piattaforme di dispositivi mobili (iOS, Android, BlackBerry, Windows Phone, Palm OS, Symbian, ecc.) costruito sulle solide basi di jQuery e jQuery UI.

Il codice estremamente leggero verrà costruito con step progressivi, e sarà flessibile e facilmente modificabile a livello di design (temi).

L’obiettivo è quello di fornire strumenti per costruire interfacce touch dinamiche che si adattino in maniera estremamente semplice ai molteplici fattori di forma dei vari dispositivi.

Il sistema includerà entrambi i layout ed un ricco set di controlli e widget UI.

jQuery Mobile è in fase di sviluppo e vedrà la nascita definitiva per la fine del 2010.

Per ogni partita è consentito selezionare il vincitore.
Quando il turno è completo, viene automaticamente generato il turno successivo con i vincitori del primo turno.
Alla fine dell’ultimo turno però non c’era modo né di sapere il vincitore finale né di passare le selezioni al server per l’elaborazione.

Gestire la logica di ‘fine torneo’ è stato piuttosto semplice (è la funzione checkComplete che gestisce il tutto), ma i dati non sono un semplice insieme di campi. Ogni turno consiste di un risultato, ed ogni risultato è un array di squadre.

Il grosso problema è che jQuery non include un modo nativo per serializzare i dati in modalità JSON: ed è per questo motivo che viene utilizzato il plugin jQuery JSON, che serve appunto per la serializzazione in formato JSON.

Il codice lato server in realtà non fa niente di così fantastico: prende solo l’ID della squadra vincente.

Questo il codice finale:

<html>

<head>
<style>
li { list-style-type: none; background: #F0F0F0; margin: 0; padding: 2; width: 200; }
.selected  {
	background: #F39814;
	color: white;
}
</style>
<script src="/jquery/jquery.js"></script>
<script src="/jquery/jquery.json-1.3.js"></script>

<script>
var teams = [
{id:1, name:"Alphas"},
{id:2, name:"Betas"},
{id:3, name:"Cetas"},
{id:4, name:"Deltas"},
{id:5, name:"Epsilons"},
{id:6, name:"Foos"},
{id:7, name:"Goos"},
{id:8, name:"Heroes"}
]

//will store the games in each round
var rounds = []
var currentRound = 0

$(document).ready(function() {

	//first round
	rounds[currentRound] = []

	//assign initial games
	for(i=0;i < teams.length; i=i+2) {
		var game = {}
		game.team1 = teams[i]
		if(teams[i+1] != null) game.team2 = teams[i+1]
		rounds[0][rounds[0].length] = game
	}

	//draw the games
	drawGames(currentRound)

})

function drawGames(roundIdx) {
	var round = rounds[roundIdx]
	var str = $("#gamedisplay").html()
	str+='<div style="float:left" id="round_'+roundIdx+'">'
	for(var i=0;i<round.length;i++) {
		str+='<b>Game '+(i+1)+'</b><br/>'
		str+= '<ol class="selectable" id="selectable_'+i+'">'
		str+='<li id="team_'+round[i].team1.id+'">'+round[i].team1.name+'</li>'
		str+='<li id="team_'+round[i].team2.id+'">'+round[i].team2.name+'</li>'
		str+='</ol>'
	}
	str+='</div>'
	$("#gamedisplay").html(str)

	//Enable selectable for the teams
	for(var i=0;i<round.length;i++) {
		$("#selectable_"+i+" > li").click(function() {
		  $(this).toggleClass("selected").siblings().removeClass("selected")
		  checkComplete()
		});
	}
}

function checkComplete() {
	//get all the games at this round
	var round = rounds[currentRound]
	var allGood = true
	var winningTeams = []
	for(var i=0;i<round.length;i++) {
		//for each, if both aren't selected, allGood is false
		var totalselected = $("#round_"+currentRound+" #selectable_"+i+" > li.selected").size()
		if(totalselected != 1) {
			allGood=false
			break
		} else {
			//this is the id of selected team
			var winningid = $("#round_"+currentRound+" #selectable_"+i+" > li.selected").attr("id")
			//its in the form team_
			var id = winningid.split("_")[1]
			var winningname = $("#round_"+currentRound+" #selectable_"+i+" > li.selected").attr("innerHTML")
			winningTeams[winningTeams.length] = {id:id,name:winningname}
			round[i].winningTeam = id
		}
	}

	if(allGood) {

		//Before going on, see if we are on the last round. If winningTeams.length == 1, that means the end
		if(winningTeams.length == 1) { wrapUp(); return; }
		currentRound++
		//first round
		rounds[currentRound] = []

		//assign new games
		for(i=0;i < winningTeams.length; i=i+2) {
			var game = {}
			game.team1 = winningTeams[i]
			if(winningTeams[i+1] != null) game.team2 = winningTeams[i+1]
			rounds[currentRound][rounds[currentRound].length] = game
		}

		//draw the games
		drawGames(currentRound)

	}
}

function wrapUp() {
	$("#saveData").fadeIn().click(function() {
		var jdata = $.toJSON(rounds)
		$.post('handleresult.cfm',{info:jdata},function(data) {
			alert('Result from server: '+$.trim(data))
		})
	})
}
</script>
</head>

<body>

<div id="gamedisplay"></div>

<br clear="left">
<button id="saveData" style="display:none">Send Picks</button>
</body>
</html>

Sicuramente vi è un margine di miglioramento: per questo l’autore richiede un feedback da tutti noi!

La cosa più interessante che riguarda i template è il fatto che lasciano facilmente strutturare i contenuti senza tutti i problemi di concatenazione di stringhe.

Ad esempio, supponiamo di dover visualizzare una serie di di dati che contengono un ID ed un nome facendo visualizzare un collegamento ipertestuale sul nome. Dovremmo creare un codice come questo:

var clRec = "";

for(var i=0; i<client.name.length; i++) {
    clRec += "<li><a href='clients/"+client.id[i]+"'>" + client.name[i] + "</a></li>";
}

ma, utilizzando i template, potremmo avere un codice più leggibile e gestibile:

<li><a href="clients/${id}">${name}</a></li>

Il secondo frammento di codice è molto semplice da realizzare: è un template creato per visualizzare il nome come collegamento ipertestuale in una lista.
In primo luogo, includiamo jQuery e il plugin Templates jQuery nella nostra pagina:

<script src="http://code.jquery.com/jquery.min.js"  type="text/javascript"></script>
<script src="jquery.tmpl.js" type="text/javascript"></script>

poi andiamo a definire i dati che si desidera vengano visualizzati.
Questi potrebbero provenire da una chiamata XHR oppure essere predefiniti, come ad esempio:

var clientData = [
    { name: "Rey Bango", id: 1 },
    { name: "Mark Goldberg", id: 2 },
    { name: "Jen Statford", id: 3 }
];

Andremo poi a definire il template:

<script id="clientTemplate"  type="text/html">
    <li><a href="clients/${id}">${name}</a></li>
</script>

I tag nello “script” sono necessari e devono essere utilizzati in quanto permettono al modello di essere inserito all’interno del corpo della pagina. Si può notare che i segnaposto sono stati definiti come $(id) ed $(name) che sono gli stessi nomi utilizzati per gli identificatori dei nostri dati. Il simbolo “${}” dice al parser del template che il campo deve essere sostituito con il valore atteso.

A questo punto effettuiamo la chiamata al plugin jQuery Template per visualizzare i dati utilizzando il modello:

$("#clientTemplate").tmpl(clientData).appendTo( "ul" );

Il metodo .tmpl() accetta i dati che abbiamo definito e gestisce l’analisi del modello che abbiamo selezionato.
Abbiamo poi utilizzato la funzione jQuery .appendTo() per aggiungere i risultati in una lista non ordinata.

Tutto questo dà il seguente risultato:

Ed ecco il codice completo da utilizzare:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <meta name="robots" content="noindex" />
  <title>Template Test</title>
  <script src="http://code.jquery.com/jquery.min.js" type="text/javascript"></script>
  <script src="jquery.tmpl.js" type="text/javascript"></script>
  <script type="text/javascript">
  $(document).ready(function() {

    var clientData = [
        { name: "Rey Bango", id: 1 },
        { name: "Mark Goldberg", id: 2 },
        { name: "Jen Statford", id: 3 }
    ];

$("#clientTemplate").tmpl(clientData).appendTo( "ul" );

});
  </script>

 <script id="clientTemplate" type="text/html">
    <li><a href="clients/${id}">${name}</a></li>
</script>
</head>
<body>

<ul></ul>

</body>
</html>

[Liberamente tradotto dall'articolo Not Using jQuery JavaScript Templates? You're Really Missing Out di Rey Bango]

jQuery UI Notify Widget è invece costruito al di fuori della fabbrica di jQuery UI e consiste di circa 100 righe di codice e da un CSS puro al 100%.

Come la maggior parte dei widget di questo tipo, questa nuova implementazione supporta gli usi più elementari ma è sufficientemente flessibile per i casi più avanzati.

Download

Sito autore e demo: http://www.erichynds.com/examples/jquery-notify/

Nel design dei tooltip, abbastanza comuni in quasi tutti i siti web attuali, viene utilizzato una piccola immagine triangolare di sfondo per creare abbastanza facilmente il puntatore del tooltip stesso.

Filament Group tuttavia volendo mantenere jQuery UI interamente modificabile con l’utilizzo di temi, ha notato che l’uso di un’immagine a tal fine precluderebbe la flessibilità di jQuery UI stesso.

Come risolvere questo problema senza alcun bisogno di immagini?
Questa sfida ha portato Filament Group al seguente approccio sperimentale utilizzando un CSS ‘poligonale’.

Un ottimo articolo che consiglio a tutti di leggere: Image-free CSS Tooltip Pointers – A Use for Polygonal CSS?

Rende estremamente semplice per gli utenti condividere con i propri amici le pagine del tuo sito, pur dando loro la possibilità di digitare altro testo e evitare l’auto-tweets.
La finestra di tweet viene attivata quando gli utenti fanno clic su un link impostabile.

“Like it? Tweet it!” ha tonnellate di opzioni di personalizzazione che permettono di giocare con il widget ed permettono di integrarlo totalmente con il tuo sito.
Il widget è basato sulle nuove API Twitter @anywhere.

Potete vedere il widget in azione sul nostro sito.

Download

Sito autore e demo: http://pongsocket.com/tweet-it/

Si può anche calcolare l’altezza delle righe e la larghezza delle colonne automaticamente in base al numero di righe e/o colonne e lo spaziotra di loro. Il plugin è personalizzabile con alcune opzioni, tra cui: file, altezza della riga, distanza tra le righe, colonne,  altezza della colonna, larghezza delle colonne, colore e opacità.

Tutto lo stile è creato al volo al fine di evitare il collegamento a un file CSS esterno o di dover usare immagini. I numeri in alto sono la larghezza delle colonne, i numeri che scorrono lungo il lato sinistro sono l’altezza delle righe. Potete anche dare un’occhiata a 960.gs overlay, un plugin sempre per jQuery che crea una cosa simile.

Download

Sito autore e demo: http://devgrow.com/griddy-overlay/

Il plugin infatti crea un messaggio di conferma proprio sopra al link attraverso un elemento DIV che contiene casella di conferma proprio sopra l’elemento selezionato. Tale messaggio appare e scompare con un effetto di dissolvenza.

Per creare questo messaggio di conferma alternativo e sufficiente includere il plugin nella tua pagina, creare un collegamento e specificare una classe: al resto pensa  jConfirmAction.

Download

Sito autore: http://www.webstuffshare.com/
Demo: http://webstuffshare.com/demo/jConfirmAction/

Questo plugin è principalmente destinato ai tag “<a>” che risiedono negli elementi a larghezza intera, come le voci e le voci di elenco. E’ possibile comunque scegliere, tra le varie opzioni, qualsiasi attributo dell’elemento.
Il fatto che il plugin sia principalmente destinato ai link è evidenziato dal fatto che l’attributo predefinito è l’href.

Il plugin HoverAttribute include ed usa la funzione parseUri()di Steven Levithan e viene fornito con licenza MIT.

Download

Sito autore e demo: http://www.afekenholm.se/hoverattribute-jquery-plugin/

Il risultato è abbastanza buono e siamo sicuri che aiuterà tutti coloro che hanno la necessità di dividere un elenco su colonne diverse.

Per mantenere il plugin più semplice e flessibile possibile, non sono state impostate nel codice nè regole CSS nè la larghezza delle colonne. Il plugin genera semplicemente un codice HTML valido e pulito a cui è possibile associare il vostro CSS e quindi fare della lista quello che più vi piace.

Il plugin fornisce l’elenco, lo avvolge in un contenitore e genera le liste secondo il numero di colonne impostate suddividendo equamente le voci nelle colonne. Se l’elenco degli elementi non è sufficiente a riempire in modo uniforme tutte le colonne, il plugin nasconde le colonne in eccesso (questo accade solo se si stanno ordinando gli oggetti in un elenco verticale come di default).

Easy List Splitter crea un codice HTML minimo. Nessun elemento inutile o stili vengono aggiunti al codice. Il codice HTML contiene alcune classi che possono essere utilizzate a vostro piacimento attraverso un semplice foglio stile, oppure si può decidere di utilizzare il foglio stile di default. E’ possibile scegliere se ordinare gli elementi verticalmente o orizzontalmente.

Download

Sito autore e demo: http://www.madeincima.eu/blog/jquery-plugin-easy-list-splitter/

Il plugin è molto interessante perché consente di zommare effettivamente un singolo elemento della pagina che non deve essere necessrariamente una foto.

Il plugin supporta tutti i browser moderni ad eccezione (strano ma vero…) di Internet Explorer.

Download

Sito autore e demo: http://janne.aukia.com/zoomooz/

E’ necessaria la versione 1.4 di jQuery in quanto viene utilizzato il nuovo metodo .animate().
Ciò consente di effettuare animazioni diverse su assi diversi, grazie anche al plugin Easing.
L’idea di base è riassunta nella seguente immagine:

Quindi, se eseguiamo in quattro momenti diversi, lanciando le funzioni di easing e, se necessario, aggiungendo o sottraendo possiamo ottenere un cerchio.

E non solo sarà possibile ottenere un cerchi, ma ogni ellisse definito da una altezza e una larghezza.

Caratteristiche

È possibile, come ovvio, dichiarare la velocità, l’altezza e larghezza.
Ci sono però altri tre parametri configurabili:

• SizeAdjustment: un adeguamento percentuale. Il valore predefinito è 100 (rimane lo stesso). Un valore inferiore a 100 restringe a tale percentuale il punto di mezzo, mentre un valore superiore a 100 fa aumentare a tale percentuale il punto di mezzo;
• Loop: valore predefinito è false. True significa che il ciclo verrà eseguito in modo ricorsivo. È possibile interrompere un loop di corrente chiamando il plugin su tale elemento, cioè $(“#elemento”).circulate(“stop”);
• ZIndexValue: accetta un array di quattro valori numerici. Questi valori impostano la proprietà CSS z-index in ciascuno dei quattro punti di animazione.

Ecco il set completo:

$("#elemento).circulate({
    speed: 400,                  // Velocità di ciascun quarto di segmento di animazione 1000 = 1 secondo
    height: 200,                 // Distanza verticale del percorso
    width: 200,                  // Distanza orizzontale del percorso
    sizeAdjustment: 100,         // Percentuale di restingimento e/o allungamento
    loop: false,                 // Animazione continua
    zIndexValues: [1, 1, 1, 1],  // Valori z-index per ciascuno dei quattro punti di animazione
});

Il plugin è ancora in fase di beta in quanto non funziona molto bene su Opera ed anche perché l’autore vorrebbe apportare alcune modifiche (per esempio un parametro di callback) e scrivere in maniera più efficiente il plugin stesso.

Download

Sito autore: http://chriscoyier.net/
Demo: http://css-tricks.com/examples/Circulate/

Viene infatto mostrato come creare semplicemente un template con una navigazione ‘alternativa’ utilizzando come al solito jQuery.

L’idea è quella di avere alcune icone rotonde di navigazione che rilasciano una bolla quando si passa al di sopra di esse. Per rendere l’effetto ancor più sorprendente è stato utilizzato il plugin jQuery Easing.

Tuttavia, come molti di voi avranno già intuito, la visualizzazione con Internet Explorer non è delle migliori: le bolle infatti sembrano molto strane senza il supporto CSS3. Questo ha come al solito a che fare con la trasparenza delle immagini e l’animazione, ma a questo non c’è ancora soluzione.

Anzi, una soluzione c’è: cambiare il browser…

Per una perfetta visualizzazione si consiglia quindi di utilizzare Firefox, Opera, Safari o Chrome.

Il tutorial è disponibile, in lingua inglese, qui.

Per chi vuole testarlo immediatamente, rendiamo disponibile il pacchetto completo.

Download

Attraverso la sua integrazione con i più diffusi sistemi di gestione dei contenuti, impiega un’interfaccia innovativa e intuitiva che permette a qualsiasi amministratore di sito web di personalizzare completamente la visualizzazione di media per i propri utenti senza scrivere alcuna riga di codice.

In aggiunta a questo incredibile modulo è inclusa la OSM (Open Standard Media) Player.
Questo lettore multimediale è open source (GPL) ed è stato costruito per fornire dinamicamente qualsiasi tipo di supporto web, compresi HTML5, YouTube, Vimeo, e Flash.

Download

Sito autore e demo: http://www.mediafront.org/

Questa libreria è in costante miglioramento. Sono stati introdotti nuovi componenti e nuove variabili di configurazione, mentre alcune vecchie componenti sono state completamente riscritte se non addirittura eliminate. Sono state effettuate radicali modifiche per mantenere questa libreria sempre aggiornata.
Il rovescio della medaglia è che quando si esegue l’aggiornamento alle nuova versione, le cose non sempre funzionano come previsto: ciò accade in questa versione e probabilmente avverrà anche nelle future versioni.

Gli strumenti integrati in jQuery Tools 1.2.0 sono:

• Tabs
• Tooltips
• Scrollable
• Overlay
• Toolbox

più il nuovo:

• Form Tools

Tra tutti gli strumenti a disposizione quello che ha subito le modifiche più grandi è senza dubbio “Scrollable“: il suo “peso” è stato diminuito di oltre il 50% rispetto alla versione precedente. Ciò è stato possibile in quanto è stata modificata l’intera logica, che è stata notevolmente semplificata.

La versione base di jQuery Tools (che comprende Tabs, Tooltips, Scrollable ed Overlay) pesa meno di 4 Kb (modalità gzip) mentre la versione completa, comprensiva di jQuery 1.4.2 pesa solo 37,52 Kb (sempre in modalità gzip).

Sul sito è presente un ottimo configuratore che permette di scaricare una versione personalizzata con i soli componenti che l’utente ritiene necessari.

Il plugin è rilasciato SENZA diritti d’autore o licenze. Secondo i creatori di questo plugin infatti:

Copyright e brevetti bloccano il progresso naturale dello sviluppo e si traducono in sistemi chiusi e di scarsa qualità. Per questo jQuery Tools ha un unico numero di versione.

Download

Sito autore e demo: http://flowplayer.org/tools/index.html