Category Archives: links

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/

The Lumebox, parse dei feed RSS e visualizzazione di immagini!

The Lumebox è un clone Open Source di Lightbox scritto in jQuery ma con qualche caratteristica aggiuntiva.
Una delle caratteristiche principali è la possibilità di effettuare un parse dei feed RSS in modo davvero semplice.

Link: http://anders.zakrisson.se/projects/lumebox/