Category Archives: javascript

jQuery Burn, testo infuocato con jQuery!

jQuery Burn è un plugin che aggiunge delle fiamme ai vostri testi.
Il suo funzionamento è molto semplice, utilizza delle ombre multiple animando le ripetutamente e cambiando il suo offset orizzontale.
Gli effetti possono rallentare il vostro computer quindi utilizzate lo con parsimonia.

Link: http://sinetheta.github.com/burn/

Creare un loading animato con i CSS3

In questo articolo Alessio Atzeni vi mostrerà come creare un loading animato utilizzando solo i CSS3.
Ricordate che questa animazione funziona solo su Firefox, Safari e Chrome.

Link: http://www.alessioatzeni.com/wp-content/tutorials/html-css/CSS3-Loading-Animation/index.html

jQuery Instantgram, uno slideshow jQuery che mostra le vostre immagini Instantgram

jQuery Instantgram è plugin jQuery che attraverso uno slideshown mostrerà le foto Instantgram.
Il plugin costa solamente 6 dollari e si installa con poche righe di codice.

Link: http://codecanyon.net/item/jquery-instagram-slideshow-plugin/full_screen_preview/3249938

[jQuery] Come abilitare/disabilitare gli elementi di un form

Volete rendere i vostri form più user-friendly? In questo semplicissimo tutorial vi mostreremo come abilitare/disabilitare gli elementi di un form come ad esempio il pulsante submit.
Ad esempio, potete disabilitare di default il submit e abilitarono solo se l'utente ha compilato correttamente il form.

 
$("#submit-button").attr("disabled", true);
 

Per abilitarlo:

 
$("#submit-button").removeAttr("disabled");
 

Pokki, porta Gmail e Facebook sul tuo desktop!

Pokki permette di creare applicazioni desktop utilizzando HTML5, CSS3 e Javascript. Pokki usa internamente Chromium internamente, il che significa che il rendering del layout è alimentato da Webkit e Javascript.

Pokki si occupa di tutte le cose "desktop" quindi non dovrete pensare alla gestione della memoria e agli installers, in modo da potervi concentrare sullo sviluppo dell'applicazione.

Link: http://www.pokki.com/

Revolver.js, uno slider di contenuti che non fa distinzioni tra markup

Revolver.js è uno slider di contenuti che può essere utilizzato senza distinzioni di markup.
All'interno del sito troverete molti esempi e una ricca documentazione per implementere facilmente Revolver.js sul vostro sito.

Link: http://revolverjs.com/index.html

Un elegante modo per filtrare i contenuti con jQuery

In questo articolo imparerete come filtrare in modo elegante i contenuti persenti all'interno di una lista.

Link: http://www.webstuffshare.com/2011/09/enhance-type-and-spot/

Creare un bellissimo portfolio con HTML5

Nel tutorial di oggi imparerete come creare un bellissimo portfolio utilizzando HTML5 e jQuery.
Il portfolio è altamente personalizzabile e ovviamente potete migliorarlo aggiungendo nuove funzionalità.

Link: http://tutorialzine.com/2011/06/beautiful-portfolio-html5-jquery/

Creare un timer alla rovescia con jQuery

Quando si costruisce una Coming Soon Page o una pagina di eventi capita di dover mostrare il tempo rimanente al lancio ufficiale. Un conto alla rovescia dà la sensazione di urgenza, e combinato con un campo email produrrà più iscrizioni per la vostra newsletter.

In questo articolo vedremo come creare un plugin jQuery che mostra i rimanenti giorni, ore, minuti e secondi a un dato evento.

Link: http://tutorialzine.com/2011/12/countdown-jquery/