Category Archives: javascript

Mobile Tuxedo, risorse per lo sviluppo di applicazioni mobile

Mobile Tuxedo vi da numerose risorse per lo sviluppo di applicazioni mobile in un unico luogo. È possibile controllare i frameworks, i plugins, strumento e risorse per lo sviluppo di applicazioni iOS o Android.

Link: http://www.mobiletuxedo.com/

Flip, un plugin jQuery per creare un effetto flip!

Flip è un plugin jQuery che applica facilmente un effetto flip su qualsiasi elemento con una fluida animazione.

Flip ha diverse opzioni per personalizzare la la velocità dell'animazione, il colore di sfondo e del testo.

Link: http://lab.smashup.it/flip/

Come creare un semplice sistema di votazione com jQuery e WordPress

Esistono già numerosi plugin che permettono di aggiungere un sistema di votazione all'interno dei vostri post WordPress. Ma purtroppo o sono troppo complessi da integrare o hanno troppe opzioni che confondono l'utilizzatore.
In questo articolo troverete un modo semplice su come integrare un sistema di votazione senza installare plugins.

Link: http://wp.tutsplus.com/tutorials/how-to-create-a-simple-post-rating-system-with-wordpress-and-jquery/

AjaXplorer, un sistema di gestione dei files Open Source

Un browser moderno è tutto ciò che serve per accedere a AjaXplorer: l'interfaccia è molto simile all'explorer dei sistemi operativi nativi. Gli utenti possono facilmente condividere i files o le cartelle e modificare i formati di dei files più comuni direttamente online.

Link: http://ajaxplorer.info/

[jQuery] Visualizzare un preloader mentre carica un’immagine

In questo semplice tutorial imparerete come visualizzare un preloader mentre un'immagine sta caricando.
Questo tutorial oltre ad essere semplice è anche molto utile perchè permette di mostrare un bel loading anziché visualizzare il fastidioso rendering dell'immagine.

 
$(function () {
var img = new Image();
  $(img).load(function () {
    $(this).hide();
    $('#loader').removeClass('loading').append(this);
    $(this).fadeIn();
  }).error(function () {
  // notify the user that the image could not be loaded
}).attr('src', 'http://farm3.static.flickr.com/2405/2238919394_4c9b5aa921_o.jpg');
});
 

Paperfold CSS, creare un effetto carta piegata con javascript e CSS3

Paperfold CSS prende un elemento DOM lo divide in parti e li dispone come un foglio piegato in uno spazio 3D.
Paperfold CSS chiaramente funziona su tutti i browser moderni ma in particolare su Safari e Chrome, su Firefox c'è ancora qualche piccolo problema. È stato realizzato utilizzando javascript, HTML 5 e CSS3 ed è rilasciato sotto licenza Creative Commons?

Link: https://developer.mozilla.org/en-US/demos/detail/paperfold-css/launch

jPages, Paginazione altamente personalizzabile con jQuery

jPages è un plugin jQuery che permette di paginare i risultati di ricerca del vostro sito o applicazione web.
Rispetto a gli altri plugin, jPages offre molte funzionalità, infatti, è possibile visualizzare gli elementi impostando un ritardo, animare gli elementi o con i CSS o con jQuery e molto altro ancora.
Con jPages è possibile posizionare i pannelli di navigazione dove si vuole ed è compatibile con tutti browser compreso IE7.

Link: http://luis-almeida.github.com/jPages/

Timeline jQuery intuitiva con differenti sorgenti

Ci sono numerose timeline sul web ma sono difficili da utilizzare e brutte da vedere. L'obiettivo è quello di creare una timeline bella a vedere ma allo stesso tempo intuitiva e funzionale.

Timeline è un plugin jQuery davvero fantastico, oltre ad una grafica davvero bella è possibile inserire link Twitter, YouTube, Flickr, Vimeo, Google Maps o SoundCloud e Timeline li formatterà per adattarsi perfettamente.

Link: http://timeline.verite.co/

rainyday.js, simulare le gocce d’acqua che cadono suo vetro di una finestra

L'idea che sta dietro a rainyday.js è quella di creare una libreria Javascript che usa i canvas HTML5 per eseguire il rendering di un'animazione di gocce di pioggia che cade su una superficie di vetro.

Link: http://maroslaw.github.io/rainyday.js/

Retina.js, Visualizzare immagini ad alta risoluzione per dispositivi con retina display

Retina.js è uno script open source che permette di visualizzare immagini ad alta risoluzioni per dispositivi con retina display.

Quando gli utenti caricano una pagina, retina.js controlla ogni immagine della pagina per vedere se c'è una versione ad alta risoluzione sul vostro server. Se esiste una variante ad alta risoluzione, lo script cambierà automaticamente questa immagine al posto di quella a bassa risoluzione.

Link: http://retinajs.com/

SlabText, un plugin jQuery per creare responsive headlines

SlabText, è un plugin jQuery che permette di creare responsive headlines con una sola riga di codice.
SlabText divide i titoli in righe in modo da calcolarsi automaticamente lo spazio disponibile.

Link: http://www.frequency-decoder.com/demo/slabText/