Categoria: javascript

Uniform JS: look uniforme per form crossbrowser

25 novembre 2011Categoria:javascript

Uniform è un plugin per jQuery (1.3 o superiore) che permette di applicare uno stile uniforme agli elementi di un form e che mantiene inalterata la visualizzazione tra i diverdi browsers e degrada correttamente in IE6.

Leggi tutto…

jsPerf: testare le performance di snippet JavaScript

14 novembre 2011Categoria:javascript

jsPerf (JavaScript performance playground) è un servizio web che permette di testare le performance di snippets di codice. Risulta utile nel caso in cui si abbia una funzione javascript che esegue un calcolo o una funzione complessa e per la quale si stia cercando l’implementazione più veloce.

Tramite jsPerf è infatti possibile creare test cases multipli che verranno eseguiti  uno di seguito all’altro e successivamente vedere i risultati comparati in un grafico. Inoltre è possibile eseguire il test con diversi browsers per ottenere dei risultati più completi.
Come parametro di comparazione vengono valutate le operazioni al secondo.

Leggi tutto…

Strumenti per lo sviluppo di applicazioni JavaScript

4 novembre 2011Categoria:javascript

Riporto le interessanti slides di Addy Osmani che trattano una panoramica dei principali aspetti dello sviluppo di applicazioni javascript, soffermandosi principalmente sui frameworks MVC (Model-View-Controller)  come JavaScriptMvc, Backbone.js, Spine.js, SproutCore, Sammy.js e su alcuni tools utili, micro-frameworks e widgets (History.js, Store.js, AmplifyJS, Mustache.js, Modernizr, jQueryUI e molti altri).

Fonte: http://addyosmani.com/blog/

spin.js : ajax preloader con JavaScript

31 ottobre 2011Categoria:javascript

Spin.js è una libreria molto leggera utile  a creare dinamicamente uno spinner per la notifica di un caricamento ajax.
Caratteristiche principali

  • non utilizza immagini o css esterni
  • nessuna dipendenza da altre librerie (comunque ha il supporto per jQuery, ma la libreria non è richiesta per il funzionamento)
  • configurabile in ogni aspetto (dimensioni, colori, velocità)
  • funziona indipendentemente dalla risoluzione
  • funziona su tutti i principali browser (anche IE6)
  • rilasciato con licenza MIT

Scroll della pagina con jQuery

27 ottobre 2011Categoria:javascript

Due semplici funzioni per effettuare lo scroll della pagina con jQuery:

/**
* Effettua lo scroll della pagina fino al selettore passato come parametro
*/
function scrollToSelector(selector){
    var where = $(selector).offset().top;
    $("html,body").animate({scrollTop: where+15}, 500, function() {
        //animazione completata
    });
    return false;
}

/**
* Effettua lo scroll della pagina fino alla posizione passata come parametro
*/
function scrollToPosition(position){
    $("html,body").animate({scrollTop: position}, 500, function() {
        //animazione completata
    });
    return false;
}

ed ecco come utilizzarle: Leggi tutto…

TinyMCE Editor: abilitare i tags scritp e iframe

23 settembre 2011Categoria:javascript

TinyMce disabilita per sicurezza alcuni tipi di tags, come ad esempio il <script> e <iframe>.
E’ possibile abilitare questi tags modificando la proprietà extended_valid_elements del file tiny_mce.js (o tiny_mce_src.js, in base al file che si include nella pagina). Leggi tutto…

Open Layers: applicare stili agli elementi di layers vettoriali

9 luglio 2011Categoria:javascript

Con OpenLayers è possibile visualizzare overlays vettoriali sopra alle mappe per mostrare ad esempio informazioni aggiuntive di un punto / zona.

Ai vettori aggiunti è possibile applicare degli stili differenti (dimensioni, colori, icone, …) in base alle proprietà di ciascun oggetto (feature) tramite la classe OpenLayers.Rule() .
Un insieme di “features” sono descritte in formato GeoJSON nel seguente modo:

Leggi tutto…

Ajax Push Engine (APE): un framework javascript per gestire streaming di dati in real-time

7 luglio 2011Categoria:javascript | open source

APE (Ajax Push Engine) è una tecnologia open source e gratuita (sia per scopi commerciali che non commerciali) che permette di scambiare dati tramite browser tra un elevato numero di utenti in real time utilizzando solo javascript, senza la necessità di plugin aggiuntivi (Flash, Silverlight, …).
La tecnologia si basa sul concetto di ajax push, ovvero il client (browser) resta in attesa dei dati dal server senza dover effettuare delle richieste in continuazione per cercare eventuali aggiornamenti, diversificandosi quindi dal metodo tradizionale richiesta-risposta.

Leggi tutto…

OpenLayers: nascondere il popup di Google Maps API v3

19 giugno 2011Categoria:javascript

Utilizzando le API di Google Maps v3 con OpenLayers viene visualizzato un popup con le informazioni sulla mappa, il quale anche se chiuso ritorna ad essere visualizzato dopo ogni spostamento o zoom della mappa.

Leggi tutto…

OpenLayers: trasformazione delle coordinate di un punto da WGS84 a Spherical Mercator e viceversa

10 giugno 2011Categoria:javascript | open source

Per visualizzare dei punti con coordinate gps (WGS84) su un layer Google Maps con OpenLayers è necessario eseguire la trasformazione delle coordinate da EPSG:4326 (ovvero WGS84) a EPSG:900913 (Spherical Mercator).

Ecco le 2 funzioni per eseguire la traformazione diretta e inversa:

Leggi tutto…