Blog

per distrarsi un po dopo una giornata passata al computer ;) 

2010-11-25 10:40:51

La potenza del Javascript 

Raphael clockChi ricorda quando si parlava di DHTML? Che incubo! Usare il Javascript era un impresa: lungo e complicato. Un incubo per il debug e i test cross browser.

Quanta strada è stata fatta. I primi framework intorno al 2005: Prototype, Dojo. Poi sono arrivati tutti gli altri: JQuery, Ext JS, Mootools ecc. Nel 2007 mi sono deciso e ho provato Mootools: è stato subito amore. Potente, immediato, facile. Non ho avuto bisogno di usare altro fino a ieri. 

JQuery

Collaborando a un progetto basato su JQuery ho finalmente avuto occasione di provarlo. Notevole. Più potente e immediato di Mootools. Mi bastava immaginare che funzione mi sarebbe servita e c'era, già pronta. Veramente una bella esperienza.

Ammetto che mi ero fatto un idea sbagliata: immaginavo che tutto il gran parlare attorno a JQuery fosse una moda per l'immensità di plugin disponibili e non per le reali potenzialità della libreria.

Adesso aspetto con ansia una nuova occasione per esplorare più a fondo le meraviglie di JQuery.

Raphael

Un altro progetto mi richiedeva la costruzione di grafici. Ho indagato sulle librerie disponibili, ho fatto qualche prova e per iniziare ho adottato MilkChart. Una soluzione facile che però mi soddisfava a metà.

Con tutto quel che si vede in giro basato su HTML 5 si diventa esigenti! Ma il mio progetto è xHTML e usare le canvas su tutti gli Internet Explorer è impossibile.

Fortunatamente mi sono ricordato di un bookmark registrato qualche mese fa che parlava di un eccezionale libreria per la grafica vettoriale: Raphael. Uno spettacolo! La presentazione dice:

Raphaël is a small JavaScript library that should simplify your work with vector graphics on the web. If you want to create your own specific chart or image crop and rotate widget, for example, you can achieve it simply and easily with this library.
Raphaël ['ræfeɪəl] uses the SVG W3C Recommendation and VML as a base for creating graphics. This means every graphical object you create is also a DOM object, so you can attach JavaScript event handlers or modify them later. Raphaël's goal is to provide an adapter that will make drawing vector art compatible cross-browser and easy.
Raphaël currently supports Firefox 3.0+, Safari 3.0+, Chrome 5.0+, Opera 9.5+ and Internet Explorer 6.0+. 

Esiste anche una sub-libreria dedicata ai grafici gRaphael (ahimè senza documentazione). Come si dice: volere è potere! Mi sono intestardito e dopo aver studiato per un pomeriggio il codice dei grafici (onestamente un poco disordinato) ne sono finalmente venuto a capo.
La libreria è veramente potente e facilmente estensibile: un gran bel giocattolo da inserire nei miei futuri lavori.

Conclusioni

Personalmente non ho mai amato Flash. Sarà per via della licenza, sarà per la logica di sviluppo (prima fai il .fla, poi converti in .swf, poi lo provi nel browser), sarà perchè lo ho provato solo due volte di sfuggita: non siamo mai entrati in sintonia.
Chiaramente senza Flash è stato difficile accontentare i clienti più "esibizionisti". Penso che ora, al di la delle scelte di Apple e dell'avvento dell'HTML 5, le possibilità offerte dal Javascript siano veramente enormi e, almeno sul web, la grafica vettoriale possa essere fatta solo col Javascript.

Tags: Javascript framework Javascript Mootools JQuery Raphael grafica vettoriale flash

Commenti

Non ci sono commenti

Scrivi un commento

captcha

Cambia l'immagine se risulta illeggibile