Category Archives: links

Popolare automaticamente una select box utilizzando jQuery e AJAX

Se hai familiarità con l'utilizzo delle select box, saprai sicuramente quanto javascript ci vuole per creare categorie e sotto-categorie collegate tra loro. jQuery può facilitare notevolmente questa attività con l'aggiunta di un pizzico di AJAX, quindi, in questo articolo vi verrà mostrato come popolare automaticamente una select box utilizzando jQuery e Ajax!

Link: http://remysharp.com/2007/01/20/auto-populating-select-boxes-using-jquery-ajax/

Implementare setFocus sugli elementi con Mootools

Ogni nodo DOM fornisce un metodo focus, ma molti nodi hanno un tabindex -1 che impedisce l'elemento di essere focalizzato l click.
In questo articolo David Walsh ci mostrerà come implementare il setFocus su tutti gli elementi utilizzando MooTools.

Link: http://davidwalsh.name/mootools-focus

VexFlow, Rendering notazione musicale Open Source!

VexFlow è una notazione musicale web-based open source. E 'scritto completamente in JavaScript, ed è compatibile con i principali browser. VexFlow supporta Canvas HTML5 e SVG.

Link: http://www.vexflow.com/

Effetto Hover Slide con jQuery!

Oggi Codrops vi mostrerà un bellissimo effetto con alcune immagini utilizzando jQuery. L'idea principale è quella di avere un'area con diverse immagini che scorrono fuori al passaggio del mouse, rivelando altre immagini. L'effetto di scorrimento sarà casuale, cioè le immagini spariranno verso l'alto o in basso, a sinistra o a destra, o con effetto fading.

Link: http://tympanus.net/codrops/2010/11/16/hover-slide-effect/

Come creare un tema WordPress per dispositivi mobili con jQuery Mobile

Il mese scorso, jQuery Mobile è stato rilasciato. Questo strumento permette di creare facilmente siti web per cellulari e applicazioni web. In questo tutorial, catswhocode.com vi mostrerà come creare un tema mobile ottimizzato per WordPress.

Link: http://www.catswhocode.com/blog/how-to-create-a-mobile-wordpress-theme-with-jquery-mobile

jDownload, download user friendly

jDownload è un plugin realizzato per rendere l'esperienza di download più informativa e user friendly. jDownload è costruito con jQuery UI e visualizza una finestra di dialogo con le informazioni del file da scaricare chiedendo all'utente di confermare il download. jDownload è costruito con jQuery 1.4.2, jQuery UI 1.8.1, ed è stato testato su Safari 4, Firefox 3, IE8, 7 e 6.

Link: http://jdownloadplugin.com/

Come creare una estensione Safari da zero!

Safari 5, l'ultima versione del browser web di Apple, presenta le estensioni. Le estensioni Safari sono piccoli componenti aggiuntivi che è possibile utilizzare per ampliare le funzionalità di Safari, costruite con semplice HTML, CSS e JavaScript. In questo tutorial, imparerete le basi di uno sviluppo interno per la creazione di una semplice estensione usando l'Extension Builder di Safari 5.

Link: http://net.tutsplus.com/tutorials/other/how-to-create-a-safari-extension-from-scratch/

Portfolio animato con jQuery

Nel tutorial di oggi codrops vi mostrerà come creare un portfolio animato con jQuery!
La galleria conterrà uno scroller per le miniature e una zona "contenuto" dove verranno visualizzati i dettagli del progetto. L'immagine può essere ingrandita cliccando su di essa, apparendo con un effetto overlay.

Link: http://tympanus.net/codrops/2010/11/14/animated-portfolio-gallery/

Come creare un feed RSS con ASP.NET

Nel corso di questo tutorial, esamineremo come creare un feed RSS con il framework ASP.NET. Avere un feed RSS per il proprio sito è ormai diventata una necessità negli ultimi anni. Con i blog o siti di notizie che vengono aggiornati frequentemente, e con la grande quantità di blog e siti di informazione, gli RSS hanno permesso ai lettori di leggere solo i contenuti in cui sono interessati . Una volta completata questa esercitazione, saprete come creare un feed RSS con ASP.NET e come eseguire il rendering dei documenti XML delle pagine Web ASP.NET.

Link: http://net.tutsplus.com/tutorials/asp-net/how-to-build-an-rss-feed-with-asp-net/

LightFace, Facebook Lightbox per MooTools

David Walsh ci stupisce ancora una volta con le sue creazioni, ha da qualche giorno rilasciato LightFace,  un clone del Lightbox di Facebook per Mootools.

LightFace e la sua famiglia di classi funzionano bene con gli iFrame, immagini, richieste AJAX, il posizionamento statico e contenuto statico.

Link: http://davidwalsh.name/facebook-lightbox

SpryMap, finestra click and drag in stile Google Maps

SpryMap è un leggerissimo widget (circa 2.8 KB) che traforma ogni elemento HTML in una finestra click and drag in stile Google Maps. SpryMap è rilasciato sotto licenza creative commons, in sostanza, siete liberi di usarlo e adattarlo per qualsiasi scopo commerciale o personale.

Quando si utilizza questo script, avete il pieno controllo su come si desidera agire. Potete scegliere con quali coordinate iniziare, se inserire un'animazione fino a fermarsi, fermarsi immediatamente quando l'utente rilascia il mouse ecc.

Link: http://candrews.net/sandbox/spryMap/