Il seguente codice deve essere inserito prima della chiusura del tag <head> e permettete di eseguire istruzioni jquery solamente dopo che la pagina è stata caricata.
$(window).bind(“load”, function() {
// code here
});
Codrops ha scritto un tutorialsu come creare simulare un movimento circolare con jQuery. Loro hanno utilizzato il plugin jQuery.path per animare un movimento circolare per un menu all’interno di un sito web, veramente d’effetto.
L’idea è quella di avere un contenitore rotondo con un menu principale. Quando si va in hover su una delle voci di [...]
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 [...]
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
TopUp è un’altra libreria javascript che utilizza jquery, di facile utilizzo, utile per la visualizzazione non intrusiva di immagini o di pagine web all’interno di pop up.
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 [...]
La New Media Campaigns ha creato uno scritp capace di creare una mappa interattiva con aree che possono essere ingrandite. Ogni luogo sulla mappa può essere rappresentato da un segnaposto. Cliccandoci sopra è possibile far mostrare maggiori informazioni. Inoltre possono essere create delle aree che possono essere ingrandite per far mostrare delle sottoaree della mappa.
Il [...]
More »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
AToolTip è un piccolo script in javascript (più precisamente in jQuery) che permette di creare dei semplici tooltip.
Riassumento le sue caratteristiche AToolTip è:
Leggero (solamente 3kb non compressi)
Facile da utilizzare
E’ possibile scegliere la modalità fissa o fare in modo che il tooltip segua il movimento del mouse
Completamente personalizzabile
Compatibile con Firefox 2.5+, Safari, Opera, Chrome e Internet [...]
Ecco qui un modo veloce per creare una sequenza di cambi di colore con l’utilizzo di javascript. E in particolre del framework jQuery. La bellezza di questo script, a parte l’effetto che ne viene fuori, è la sua leggerezza.
Sito web: http://buildinternet.com/2009/09/its-a-rainbow-color-changing-text-and-backgrounds/
Demo: http://buildinternet.com/live/rainbow/
E’ molto utile con i siti con una gran mole di contenuto all’interno di ogni pagina, o quando si ha la necessità di utilizzare le ancore (es. “#ancora”). Per effettuare uno scroll animato possiamo utilizziamo semplice codice jQuery:
function scrollWin(){
$(‘html, body’).animate({
scrollTop: $(“#header”).offset().top
}, 1500);
}
La funzione può essere richiamata da un link posto all’interno della pagina ecco un [...]
More »
Come avete notato TagTagWeb ha cambiato faccia e anche piattaforma. Dall'ormai datato e non più aggiornabile Mambo siamo passati a Wordpress, sicuramente di più facile e immediato utilizzo. Mi scuso per coloro che cercavano un articolo e non lo hanno più trovato, ma piano piano riusciremo ad inserirli tutti.
