Articoli relativi a JavaScript

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:

| View | Upload your own

La 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

Facebook 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 è 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.

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.

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.

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.

Continua a leggere

Stuff 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

Per gli appassionati di framework JavaScript segnalo che è disponibile il primo numero di Visual jQuery Magazine in formato pdf.

E’ uscita ieri la nuova versione di Lightbox JS, lo script che consente di visualizzare le immagini in una modalità originale ed “elegante”.

La nuova versione aggiunge nuovi effetti e la possibilità di sfogliare una serie di immagini.

Purtroppo però queste novità hanno un prezzo da pagare: le dimensioni dello script sono aumentate parecchio. Il peso totale dei 4 file javascript (effects.js, lightbox.js, prototype.js e scriptaculous.js) è di quasi 100 Kb, decisamente considerevole.

Link: Lightbox JS 2.0.