JavaScript

Google Closure, libreria JavaScript, compilatore e template


closure googleGoogle ha rilasciato alla comunità open source un paio di strumenti utilizzati fino ad ora solo internamente. Si tratta della libreria JavaScript Closure e del relativo  Closure Compiler. L’aspetto interessante di quest’ultimo è che può essere usato per ottimizzare le performance del codice JavaScript e per analizzarlo in modo da verificare la presenza di eventuali problemi.

Google ha anche messo a disposizione un’applicazione online che permette di sfruttare le potenzialità del compilatore. Continua a leggere »


Velocizza i tempi di caricamento delle applicazioni web con AJAX Libraries API di Google


elenco dei vari framework javascriptAvete un sito o un’applicazione web che sfrutta uno dei seguenti framework JavaScript: jQuery, prototype, script.aculo.us, MooTools o dojo? Google ha una buona notizia per voi. Ha infatti annunciato l’arrivo di AJAX Libraries API, che permette di utilizzare tali librerie direttamente dai server di Google.

I vantaggi di una simile soluzione sono molteplici: caching, compressione Gzip, file ospitati sui veloci server di Google e soprattutto, utilizzando il medesimo URL per i file, c’è l’altissima probabilità che il browser dell’utente abbia già scaricato la libreria precedentemente.
Continua a leggere »


Unobtrusive JavaScript con jQuery:


Ecco le slide di una presentazione tenuta da Simon Willison nel corso di XTech 2008, nella quale viene illustrato l’utilizzo della libreria jQuery per ottenere codice javascript non intrusivo:


Dal 2003 ad oggi è triplicata la dimensione media di una pagina web


Photo by Melting MamaLa dimensione media di una pagina web è più che triplicata dal 2003 ad oggi. A riportare questa informazione è il sito Websiteoptimization.com. Si è passati da una media di 93.7 Kb ai 312 Kb odierni. Anche il numero di elementi presenti in una pagina è salito in questi anni e si è arrivati ad una media di circa 50 oggetti per pagina, aspetto che contribuisce notevolmente nell’aumentare il tempo di caricamento di una pagina web.

Nel 2007 è risultato che l’84.8% delle pagine considerate conteneva almeno un elemento JavaScript esterno, dalla dimensione media di 8.845 byte. Il numero medio di script per pagina era invece pari a 7.

Per quanto riguarda l’uso dei fogli di stile, nel 2007 l’82,4% delle pagine conteneva il tag link per richiamare un foglio di stile esterno, mentre il 54,5% impiegava (anche o esclusivamente) il tag style per incorporare gli stili direttamente nella pagina. La dimensione media dei file CSS esterni era di 6.575 byte.
Continua a leggere »


Una libreria JavaScript per le API di Facebook


API Facebook via JavascriptFacebook ha rilasciato in questi giorni una propria libreria JavaScript che permette agli sviluppatori di interfacciare applicazioni e siti web al mondo di Facebook. Invece che sviluppare un’applicazione che funziona dentro al social network, sarà quindi possibile sfruttare le varie funzionalità direttamente all’interno del proprio sito.

La libreria non richiede alcun linguaggio lato server e quindi può essere utilizzata anche in normali pagine HTML. Non sono però supportate le API che consentono l’upload di immagini e profile.setFBML può impostare il FBML (Facebook Markup Language) solo sul profilo utente corrente.


Lightview, un nuovo javascript per l’overlay delle immagini


Lightview è uno degli ultimi tool arrivati per quel che riguarda la visualizzazione delle immagini in overlay all’interno delle pagine web. Si unisce ai fratelli Lightbox e Thickbox fornendo quindi un’ulteriore alternativa quando si vuole creare un simile effetto.

Lightview è basato su Prototype 1.6 e Scriptaculous, presenta di default uno stile dai bordi arrotondati (per gli amanti del genere) e consente lo slideshow automatico delle immagini.

Per maggiori informazioni e per una dimostrazione di Lightview:
http://www.nickstakenburg.com/projects/lightview/

Se invece volete qualcosa che si adatti meglio ad ogni tipo di media e non solo alle immagini, vi consiglio LightWindow.


Unobtrusive javascript per controllare l’inserimento dei dati in un form


fValidator è un semplice JavaScript che permette di controllare i campi di un form in modo da verificare che tutti quelli necessari siano stati compilati e che il formato dei dati sia corretto.

La versione compressa di fValidator pesa meno di 4Kb, per il suo funzionamento è però necessario scaricare anche il codice JavaScript di MooTools.

Link: home page di fValidator, un esempio del codice in azione.


Visite guidate del proprio sito con Amberjack


Amberjack è una libreria JavaScript dalle dimensioni ridotte (circa 4k) che consente di creare delle visite guidate tra le pagine del proprio sito, come potete ammirare in questo esempio.

Sul sito di Amberjack potete inserire i vari dati richiesti e generare il codice per installare tutto l’occorrente sulle vostre pagine web.

Link: Tour virtuali con Amberjack.


Tendenze nello sviluppo web: AJAX avrà la meglio su Flash


Ektron e SitePoint hanno condotto un’indagine su 5000 sviluppatori web che operano negli Stati Uniti e hanno pubblicato un rapporto intitolato The State of Web Development 2006/2007.

Alcuni dei dati più interessanti sono quelli relativi alle tecnologie attualmente più utilizzate e quelle che si prevede di utilizzare in futuro.

tecnologie web utilizzate oggi

Continua a leggere »


Arricchire i propri post con Stuff a Blog


Stuff a BlogStuff a Blog è un’applicazione web che consente di inserire nei propri post una serie di contenuti provenienti da Internet sulla base di alcune parole chiave. Basta infatti inserire alcune tag, scegliere i “fornitori di contenuto” e copiare il codice HTML ottenuto all’interno del post. Come in questo esempio:
Continua a leggere »