Javascript | TechWave

Build e Uglify delle applicazioni JavascriptMVC

2 maggio 2012Categoria:javascript

JavascriptMVC integra un builder che permette di riunire i files js e css richiamati tramite steal() in 2 files unici per l’ambiente di produzione:

production.js
production.css

Questi 2 files vengono inoltre compressi. Per i files .js la compressione di default è eseguita tramite Google Closures ma è possibile velocizzare il processo utilizzando la libreria Uglify che permette di eseguire le stesse operazioni in circa 1/10 del tempo.

L’unico requisito di tale libreria è l’utilizzo di NodeJS.
In ambiente Windows è molto semplice: basta infatti scaricare il file node.exe dal sito principale ( http://nodejs.org/#download ) e copiarlo nella cartella dell’applicazione (ovvero nella stessa directory del file js.bat). Il file singolo è scaricabile dal link “Other relase files”.

Kalendae: un date picker javascript indipendente da frameworks

2 aprile 2012Categoria:javascript

Kalendae è uno script per la creazione di calendari indipendente da altre librerie.

Tra le caratteristiche principali:

nessuna dipendenza da librerie quali jQuery, Prototype o MooTools. E’ sufficiente aggiungere lo script e il file css per utilizzarlo.
completamente personalizzabile: il tema di default usa una sola immagine (per i pulsanti), tutti gli altri stili sono modificabili via css
supporto per tutti i browser moderni (per IE serve la versione 8 o superiore)
supporta la selezione di date singole, multiple o range
è possibile visualizzare il calendario inline o come popup; inoltre si possono visualizzare mesi multipli
output delle date in diversi formati

La DEMO è visibile a questo indirizzo: http://chipersoft.github.com/Kalendae/.

turn.js: page flip in JavaScript e HTML5

4 marzo 2012Categoria:javascript

turn.js è un piccolo plugin (solo 6K) per jQuery 1.7 o superiore che permette di ottenere un effetto page flip senza ricorrere all’utilizzo di software flash.
Con una singola linea di codice è infatti possibile animare le proprie pagine codificate in HTML come se fossero un vero libro.

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.

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.

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:

Post precendenti