Archive for 'jquery'


Mac-like Icon Dock (v2), una dock in stile Mac con jQuery!

Posted on 01. Jul, 2010 by daniele.

0

Mac-like Icon Dock (v2) è una riproduzione fedele della dock utilizzata dai Sistemi Operativi Mac OS.
Realizzata interamente in XHTML, CSS e jQuery, si distingue dalle altre proprio perchè anche se viene disabilitato il Javascript dal vostro browser la Dock continua a funzionare.

Ogni icona può avere un'immagine scalabile e un titolo. Poichè le immagini vengono ridimensionate dinamicamente, spetta al browser renderizzare al meglio l'icona.

Link: http://www.aplweb.co.uk/jQuery/Mac_Dock_v2/

Continue Reading

Scroll illimitato utilizzando le API di Twitter!

Posted on 29. Jun, 2010 by daniele.

0

Le tecnica che vi presentiamo oggi potrebbe essere molto utile sopratutto per i siti che contengono molte pagine.
Lo svantaggio di una paginazione classica è che l'utente per passare alla pagina successiva deve cliccare sul link e in base a dove sono posizionati l'utente potrebbe non vederli. Con lo scroll illimitato l'utente non si accorgerà nemmeno di essere passato alla pagina successiva proprio perchè quando si trova in fondo alla pagina, automaticamete verrà caricato il contenuto successivo. Nell'esempio abbiamo utilizzato le API di Twitter ma potete utilizzare benissimo lo stesso script per i vostri progetti!

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

Continue Reading

Heat Map in jQuery!

Posted on 25. Jun, 2010 by daniele.

0

Questo è un modo semplicissimo per creare un Heat Map.
Grazie a questo plugin potete tracciare i click effettuati dai visitatori all'interno della vostra pagina web! Nell'esempio che vedete è possibile cliccare in una qualsiasi parte della pagina e, successivamente, cliccando sul pulsante "Analyze" potrete visualizzare i click tracciati.

Demo: http://www.tympanus.net/Tutorials/jQueryHeatMap/

Link: http://tympanus.net/codrops/2010/02/08/a-jquery-heat-map/

Continue Reading

Creare un effetto retina display con jQuery!

Posted on 22. Jun, 2010 by daniele.

0

I fan Apple che leggeranno questo articolo sanno già di cosa sto parlando. Steve Jobs ha da poco annunciato l'iPhone 4, un dispositivo mobile davvero ben fatto! Tra le tante novità troviamo il Retina display, uno schermo LCD che vanta una densità di super-pixel ad alta risoluzione di 326 pixel per pollice (ppi). Non è dell'iPhone 4 che vogliamo parlarvi ma bensì dell'effetto che Apple ha utilizzato per rappresentare questa nuova tecnologia. Nel tutorial di oggi vedrete come ricreare l'effetto proposto da mamma Apple utilizzando jQuery!

Link: http://tutorialzine.com/2010/06/apple-like-retina-effect-jquery-css/

Continue Reading

Creare un Dashboard Menu in stile Apple

Posted on 19. Jun, 2010 by daniele.

0

In questo tutorial andremo a creare un Dashboard Menu proprio come quello che trovate sui Sistemi Operativi Mac OS X. Il Dashboard menu è utilizzato per contenere centinaia di widget installabili sul proprio Mac OS. Lo scopo di questo tutorial sarà quello di ricreare questo favoloso menu e di applicarlo sulla nostra Web app!

Demo: http://webstuffshare.com/demo/jQueryCSSDashboard/

Link: http://www.webstuffshare.com/2010/06/create-your-own-dashboard-menu/

Continue Reading

TextboxList, un pligin per MooTools e jQuery!

Posted on 16. Jun, 2010 by daniele.

0

TextboxList è un plugin che ci permette di scrivere dei nomi e di separarli da virgole riproducendo l'effetto di Facebook nell'invio di una email. David Walsh ci mette a disposizione il plugin per i due Framework Javascript più utilizzati, jQuery e MooTools!

Link: http://davidwalsh.name/mootools-jquery-textbox-list

Continue Reading

[jQuery] Flickr Photobar Gallery

Posted on 15. Jun, 2010 by daniele.

0

Flickr Photobar Gallery è una galleria fotografica che utilizza le API di Flickr per visualizzare le immagini.
Questa galleria si integra facilmente su qualsiasi sito e grazie a jQuery e CSS il risultato grafico è davvero stupefacente!

Demo: http://tympanus.net/Tutorials/FlickrPhotobarGallery/

Download: http://tympanus.net/Tutorials/FlickrPhotobarGallery/FlickrPhotobarGallery.zip

Tutorial: http://tympanus.net/codrops/2010/06/10/flickr-photobar-gallery/

Continue Reading

[jQuery] Menu scorrevole al click di una checkbox!

Posted on 12. Jun, 2010 by daniele.

0

In questo tutorial imparerete come creare un menu scorrevole che viene attivato al click di una checkbox.
Questa può essere una proprietà molto utile in quanto l'utente non è obbligato a scorrere fino in fondo alla pagina per cercare le azioni più comuni per la gestione dei vostri contenuti, infatti, il menu seguirà i movimenti della pagina in modo da averlo sempre a portata di mano.

L'utente può trascinare il menu scorrevole e può posizionarlo nel posto più pratico per lui. A sinistra è possibile visualizzare anche quante checkbox sono state selezionate.

Link: http://tympanus.net/Tutorials/CheckboxActions/

Continue Reading

Evento Text Change con jQuery!

Posted on 10. Jun, 2010 by daniele.

0

E' un problema comune validare del testo prima che venga inviato tramite client, questo metodo infatti, rende il sito più funzionale, proprio perchè l'utente può vedere in tempo reale se ha dimenticato di compilare qualche campo.

Immaginate quanto sarebbe fastidioso se quando inviate un Tweet vi viene mostrato l'errore del limite dei caratteri dopo aver premuto il submit.

Il plugin jQuery che vi proponiamo oggi riesce a rilevare l'evento keyup in ogni momento, in modo da riconoscere se l'utente sta digitando la tastiera o meno.

Link: http://www.zurb.com/playground/jquery-text-change-custom-event

Continue Reading

wdCalendar, un clone di Google Calendar sul vostro sito!

Posted on 09. Jun, 2010 by daniele.

0

wdCalendar è un tool jQuery basato su Google Calendar. Possiamo definirlo un clone, in quanto dispone di quasi tutte le funzionalità che possiede il tool di Google. L'utente può scegliere di avere una vista giornaliera, settimanale o vista vista mensile. L'utente può facilmente creare, aggiornare o rimuovere gli eventi tramite un semplice drag & drop. wdCalendar è molto semplice da integrare e necessita di un database.
wdCalendar è gratuito (licenza open source LGPL), facile da usare, e con grande funzionalità.

Demo: http://www.web-delicious.com/jquery-plugins-demo/wdCalendar/sample.php

Download: http://www.web-delicious.com/jquery-plugins-demo/wdCalendar.zip

Continue Reading

« 1 2 3 4 5 6 »Last »