Category Archives: jquery

Creare dei fantastici Radio Buttons e Checkbox stilizzati!

In questo articolo Marko Dugonjić ci insegnerà come creare dei fantastici Radio Buttons e Checkbox stilizzati con un markup tipico, con poche righe di CSS e alcune funzioni JavaScript. Troverete anche la versione jQuery. Iniziamo!

Link: http://www.maratz.com/blog/archives/2006/06/11/fancy-checkboxes-and-radio-buttons/

Creare una lente d’ingrandimento con jQuery!

In questo tutorial webdesignfan.com vi mostrerà come creare una lente d'ingrandimento utilizzando jQuery!
Il plugin è stato progettato per funzionare con qualsiasi browser incluso IE 6, quindi divertitevi ad aggiungere una lente d'ingrandimento sul vostro sito!

Link: http://webdesignfan.com/how-to-make-an-image-magnifier-in-jquery/

Creare un’icona con effetto rimbalzo con jQuery e CSS

In questo tutorial imparerete come applicare un effetto rimbalzo alle vostre icone utilizzando jQuery e CSS.

Link: http://www.nealgrosskopf.com/tech/thread.php?pid=64

PhotoSwipe, una galleria d’immagini per dispositivi touch e mobile!

PhotoSwipe è una galleria d'immagini per dispositivi touch e mobile. Essa è costruita in HTML, CSS e Javascript e non ha nessun tipo di dipendenza con altri frameworks.
L'interfaccia è nativa e offre la possibilità di visualizzare le immagini con un semplice swipe supportando anche l'orientamento.

PhotoSwipe è stato testato su iPhone, iPad, Android, Blackberry + i browser desktop.

Link: http://www.webresourcesdepot.com/image-gallery-for-mobile-and-touch-devices-photoswipe/

Tagedit, un autocomplete elegante

Tagedit è un plugin jQuery che offre un modo semplice per aggiungere, modificare e cancellare una lista di parole chiavi. Le parole chiavi posso essere portate dall'utente con una lista di autocompletamento. Il design dei tags si presenta elegante e pulito, quindi lo consigliamo a tutti!

Link: http://tagedit.webwork-albrecht.de/

JSONSelect, selettori CSS-Like per JSON!

L'accesso ai dati JSON può diventare complicato se non si utilizza una libreria / classe (per JS o linguaggio server-side), in modo da rendere il lavoro con quel tipo di dati più facile.
JSONSelect è una libreria Javascript che semplifica il raggiungimento dei dati JSON con la stessa facilità che possiamo ritrovare nei selettori CSS.

Link: http://jsonselect.org/

Come caricare e animare un contenuto con jQuery!

In questo tutorial imparerete come caricare un contenuto esterno con effetto animato senza ricaricare la pagina utilizzando jQuery.
All'interno dell'articolo troverete i file sorgenti (per i più pigri) e una demo funzionante. Iniziamo!

Link: http://net.tutsplus.com/tutorials/javascript-ajax/how-to-load-in-and-animate-content-with-jquery/

autoResize, un plugin jQuery che espande la textarea solo quando è necessario!

autoResize è un plugin jQuery che permette di espandere la textarea solo quando è necessario in modo da occupare un determinato spazio sulla vostra pagina solo quando è davvero richiesto!
Questo plugin si avvale della proprietà DOM scrollTop per ottenere la vera altezza del testo e quindi si applica direttamente (o attraverso l'animazione) alla textarea.

Link: http://james.padolsey.com/javascript/jquery-plugin-autoresize/

Vegas Background jQuery plugin, sfondo fullscreen con slideshow e supporto overlay!

Vegas Background jQuery plugin vi da la possibilità di aggiungere sfondi fullscreen alle vostre pagine web.
La particolarità di questo plugin è che oltre a dare la possibilità di aggiungere sfondi a schermo intero, si potrà impostare anche uno slideshow personalizzabile.

Gli sfondi si adatteranno automaticamente alle dimensioni dello schermo dei vostri utenti e una texture con effetto overlay verrà aggiunta per mascherare l'immagine degradata nel caso in cui le sue dimensioni siano più piccole di quelle dello schermo.

Link: http://vegas.jaysalvat.com/

jQuery HTML5 Uploader, Upload di files con un semplice Drag & Drop

jQuery HTML5 Uploader è un leggero plugin jQuery che permette di aggiungere un sistema di upload a-la-Gmail all'interno della vostra web app.
Il plugin viene fornito con il supporto al Drag & Drop ed è in grado di gestire l'upload di più file contemporaneamente.

Voi dovete creare solamente un'elemento contenitore (div) e jQuery HTML5 Uploader farà il resto. Sarà sufficiente effettuare un Drag&Drop sull'elemento contenitore e i files verranno caricati.
Il plugin è stato testato su Firefox e Chrome.

Link: http://www.igloolab.com/jquery-html5-uploader/

10 consigli pratici per iniziare ad utilizzare jQuery Mobile

In questo articolo troverete 10 consigli pratici per iniziare ad utilizzare jQuery Mobile nelle vostre applicazioni web mobile.
Partiremo dalla creazione di una semplice pagina fino alla creazione di finestre popup. Iniziamo!

Link: http://www.webdesignerdepot.com/2011/05/10-handy-jquery-mobile-tips-and-snippets-to-get-you-started/