Addy Osmani vi insegnerà come creare un utile interfaccia utente hover-based utilizzando jQuery, CSS3, HTML5 e @ font-face.
Con la popolarità di applicazioni web touch su dispositivi mobili, è stata semplificata  la navigazione, in quanto, con un semplice tocco è possibile passare da una pagina all'altra. Perchè non applicare tutto questo anche sui dispositivi desktop? Seguite il tutorial e lo scoprirete!

Link: http://addyosmani.com/blog/wanderwall/

Condividi su facebook

Il plugin xColor è un'estensione jQuery facile da usare per manipolare i colori in tutte le combinazioni immaginabili.
Questo plugin implementa un parser dei colori ed un insieme di metodi per la loro manipolazione. Una tra le più importanti e interssanti funzioni è isReadable() che permette di verificare se un testo è leggibile su un certo sfondo.
Il valore dei colori può essere passato in differenti modelli: RGB, HSV/HSB, HSL e la loro estensione alpha.

Link: http://www.xarg.org/project/jquery-color-plugin-xcolor/

Condividi su facebook

jQuery Image Scroller Plugin crea un'interfaccia scorrevole facendo scorrere un'immagine di grandi dimensioni in una zona più piccola. L'idea è che abbiamo un contenitore con una altezza e larghezza fissa e un contenitore per l'anteprima di tale immagine. Una volta che il plugin viene applicato, verrà allegata una piccola area che rappresenta la zona in cui è possibile trascinare su e giù.

Link: http://www.viget.com/uploads/file/image-scroller/

Condividi su facebook

David Walsh ci stupisce come sempre con un nuovo tutorial Ajax!
In questo tutorial imparerete come creare un pulsante "Segui" di Twitter riprodotto con i framework Ajax più utilizzati, jQuery, MooTools e Dojo.

Link: http://davidwalsh.name/twitter-button

Condividi su facebook

Questo fantastico plugin jQuery permette di creare uno slideshow di immagini con 8 effetti di transizione davvero fantastici.
Pesa solamente 8kb, è possibile impostare un'autoplay, include un preloader di immagini, utilizza un Markup valido per HTML5 e CSS3, supporta link alle immagini e molto altro. Un plugin da provare assolutamente!

Link: http://aviathemes.com/aviaslider/

Condividi su facebook

ezMark è un plugin jQuery che permette di dare un tocco di stile personalizzato alle checkbox e ai radio button del vostro form!
E' molto leggero (circa 1.5kb) ed è stato testato sui principali browser come IE 6/7/8, Firefox, Safari e Chrome.

Link: http://www.itsalif.info/content/demo-ezmark-jquery-plugin/

Condividi su facebook

Nasce jQuery Mobile, un Framework web per Smartphones e Tablets con supporto touch.
Questo sistema unificato è costruito sulle basi di jQuery e jQuery UI e supporta i dispositivi mobili più popolari come iOS, Android, BlackBerry, Symbian, Palm OS, Windows Mobile ecc.

Il codice è molto leggero, flessibile e facilmente modificabile attraverso i temi.
Grazie a questo framework sarà possibile creare interfacce touch dinamiche che si adattano ad una serie di fattori di forma del dispositivo.

jQuery Mobile è in fase di sviluppo e verrà rilasciato alla fine del 2010.

Link: http://jquerymobile.com/

Condividi su facebook

Questo plugin jQuery permette di ordinare una tabella attraverso un effetto animato!
Di default potete ordinare le vostre tabelle con contenuti numerici o alfanumerici ma è possibile personalizzare i criteri di ordinamento attraverso le espressioni regolari!

Link: http://www.mitya.co.uk/scripts/Animated-table-sort-REGEXP-friendly-111

Condividi su facebook

CLEditor è un plugin jQuery open source molto leggero, completo, cross browser ed è un editor HTML WYSIWYG che può essere facilmente inserito in qualsiasi sito web. In aggiunta alle caratteristiche standard di formattazione del testo si trovano in altri editor WYSIWYG, CLEditor contiene anche elenchi a discesa ricco di font, dimensione, stile, colore del testo e colore di evidenziazione. CLEditor consente di inserire immagini, collegamenti ipertestuali e molto altro.

CLEditor supporta i seguenti browser sia su Mac e PC: IE 6.0 +, FF 1.5 +, Safari 4 +, Chrome e Opera 5 + 10 +.

Link: http://premiumsoftware.net/cleditor/

Condividi su facebook

Il menu di navigazione è una delle cose che vedrete su ogni sito web, quindi, più si rende meno noioso un menu, più aumenta la possibilità che un utente rimanga colpito dal vostro sito! In questo articolo vedrete come creare un bellissimo menu di navigazione che riproduce l'effetto di una slot machine.

Link: http://www.marcofolio.net/webdesign/jquery_quickie_slot_machine_navigation.html

Condividi su facebook