Sto lavorando ad uno script che molto probabilmente troverete nelle pagine di PRO tra breve. Un'operazione piuttosto ricorrente dello script è verificare se una stringa è contenuta all'interno di un'altra. Inizialmente il codice che ho usato era qualcosa del tipo: if(s.indexOf("stringa_da_cercare")>=0){     //fai qualcosa     } Sebbene sia un approccio semplice, trovo che sacrifichi un po' la leggibilità . Mi sono chiesto: ci sarà  un modo un po' più pulito per farlo? (more...)

Continua a leggere Prototipi in Javascript

Categoria: Scripting

Si parlava di Ajax vs. Flash un paio di settimane fa. Bene, ora c'è il modo di confrontare questi due approcci alla realizzazione di interfacce ricche e dinamiche su due servizi popolarissimi.Le magie in salsa Ajax di Google Maps facevano effettivamente sembrare un reperto archeologico l'analogo e blasonato servizio di Yahoo!. Da ieri la società  di Sunnyvale può a buon diritto affermare di aver colmato il gap, almeno a livello di interfaccia. La beta del nuovo Yahoo! Maps, però, si affida a Flash. Ai posteri (ma anche a voi) l'ardua sentenza: qual è meglio?A margine, segnalo pure che insieme alla beta del servizio, Yahoo! ha presentato un nutritissimo set di nuove API (ci sono sia quelle Ajax sia quelle Flash). Vedremo se riuscirà  ad accorciare le distanze anche su questo fronte, visto che una delle chiavi del successo di Google Maps è stato proprio il rilascio di eccellenti tool per gli sviluppatori, quelli che hanno alimentato negli ultimi mesi una vera e propria Google Maps Mania.Tutto bene, allora? Quasi. Leggendo tra ieri e oggi decine e decine di notizie e opinioni su Yahoo! Maps e Windows Live (anche lì Ajax/Atlas rules), notavo che di tutto si parla tranne che di accessibilità . Il problema sembra semplicemente non esistere. Eppure chiunque è in grado di comprendere come questo genere di applicazioni web ponga serissimi problemi su questo versante. Antonio Volpon ha fatto un po' di test con uno screen reader su Google Suggest e sulla nuova applicazione di posta di Yahoo!. Ne parla in questo post su Fucinaweb.

Continua a leggere Le nuove mappe di Yahoo!

Categoria: Scripting

Libri su Ajax

26 Oct

Sul blog di Luke Wroblewski ho trovato una serie di utili segnalazioni su Ajax.Intanto il link a questo Ajax for designers [PDF], un articolo di David Heller centrato soprattutto sugli aspetti relativi alla costruzione di interfacce. Poi la notizia dei primi libri espressamente dedicati a questo argomento.Già  disponibile per l'acquisto su Amazon è Foundations of Ajax, di Ryan Asleson e Nathaniel T. Schutta, edito da Apress. Qui potete scaricare il PDF del capitolo 5 (Building the Ultimate Ajax Developer's Toolbox).àˆ invece atteso per i primi di novembre Ajax in action, di Dave Crane ed Eric Pascarello, edito da Manning. Due i capitoli offerti in anteprima, un buon assaggio delle 680 pagine che compongono il libro.Per altre anteprime e per verificare la data di uscita, basta fare una ricerca su Amazon (se qualcuno se lo chiede, la risposta è sì, uscirà  pure Ajax for Dummies...).

Continua a leggere Libri su Ajax

Categoria: Scripting

Tags: ,

Il Javascript moderno non intacca l'accessibilità  e può contribuire a migliorare l'usabilità : l'ennesima dimostrazione è Form Help without Popups di Gez Lemon.L'autore ha trovato un modo davvero intelligente per aggiungere attraverso il DOM un help contestuale ai campi di input partendo da un markup e da una struttura molto simile alle footnotes, e che lascia le descrizioni totalmente accessibili anche nel caso Javascript sia disabilitato. Da studiare attentamente.

Continua a leggere Form più usabili con Javascript

Categoria: Scripting

Per chi non lo sapesse: S5 è un sistema per la creazione di slide con XHTML, CSS e Javascript frutto del genio di Eric Meyer.Un po' di tempo fa, dando un'occhiata ad alcune delle librerie AJAX che vanno per la maggiore, mi chiedevo quando sarebbe arrivata la versione ajaxificata di S5, quella, per intenderci, che avrebbe aggiunto alcuni dei più classici (e da qualcuno odiati...) effetti tipici delle presentazioni fatte con Powerpoint. Beh, con Presentacular, a dispetto dell'orribile nome, si possono fare queste cose (grazie agli effetti visuali di script.aculo.us.

Continua a leggere Presentacular: Powerpoint é più vicino

Categoria: Scripting

Come mi aspettavo, il post di Marco Casario su AJAX vs. Flash sta suscitando commenti molto interessanti. Premesso che parlo da curioso e osservatore e non da sviluppatore, per cui mai e poi mai mi infilerei in discussioni tecniche con veri esperti, mi limito ad aggiungere un po' di link che ho raccolto in questi giorni. In generale, più che porre la questione in termini di aut/aut, mi pare che gli interventi che citerà la affrontino in una prospettiva di integrazione. Sono tutti corposi, ma secondo me meritano. (more...)

Continua a leggere E se fosse AJAX + Flash?

Categoria: Scripting

Tags: , ,

In un mio articolo su Web-graphics pubblicato a fine agosto ho presentato i principali limiti di window.onload: Si può assegnare direttamente una sola funzione a questo handler Bisogna aspettare che la pagina, immagini comprese, sia interamente caricata Ho esposto anche le relative soluzioni, con pro e contro. Ho concluso l'articolo con una frase che lasciava la strada aperta a nuove possibilità : c'è sicuramente qualcosa che aspetta di essere scoperto, sperimentato e presentato.Non pensavo che quell'intervento avrebbe suscitato simili reazioni. Per poter assegnare più funzioni all'handler, Peter-Paul Koch, attraverso la Dom Scripting Task Force, ha lanciato un contest che si è appena concluso. Credo che i tre giudici, ovvero Peter-Paul Koch, Scott Andrew LePera e Dean Edwards stiano ora lavorando per decretare lo script migliore tra quelli presentati.Per quanto riguarda il problema del caricamento totale di pagina, Dean Edwards ha recentemente presentato una soluzione parziale in The window.onload: solved!: funziona su IE e Mozilla/FireFox. Gli altri browser useranno semplicemente l'onload in maniera tradizionale.Anche in questo caso non siamo giunti a una soluzione definitiva, che forse non c'è, ma disponiamo comunque di una tecnica in più, e credo che altre arriveranno a breve.

Continua a leggere window.onload: le nuove soluzioni

Categoria: Scripting

Negli ultimi tempi sono diverse le tecniche che consentono di personalizzare elementi di form grazie a Javascript. La prima in ordine di tempo è Select something new: permette di trasformare una select in un menu dropdown. La tecnica ha avuto un seguito con la parte 2, in cui vengono presentate migliorie al codice, all'accessibilità  e all'usabilità  (qui la demo).àˆ stata poi la volta degli Styled Checkboxes e dei Custom Checkbox, che consentono di rimpiazzare i classici checkbox con delle immagini, e ARC, che oltre ai checkbox permette di personalizzare anche i radio button.Ultimo in ordine di tempo, e senza dubbio il più potente, è lo script Niceforms che permette di rimpiazzare select, checkbox, radiobutton e aggiungere effetti hover su input, textarea e bottoni. (more...)

Continua a leggere Rimpiazzare elementi di form con Javascript

Categoria: Scripting

Il titolo del link con cui l'ho scovato su del.icio.us era di quelli ambigui: The coolest DHTML/JavaScript Calendar. Boooom! Sarà vero? Ci vado o non ci vado? Sono andato e devo dire che questo calendario è davvero il più bello e funzionale che abbia finora visto in questa categoria di widget per pagine web. Offre tutte le possibilità di personalizzazione desiderabili, sia nella gestione delle date sia nell'aspetto grafico. Ha un ottimo supporto cross-browser. Last but not least, è un progetto open source. La pagina della demo è il punto di partenza ideale per scoprirne tutti i possibili usi e gli scenari di implementazione (provate anche a cambiare la skin dal menu in alto a destra...).Il sito di DynArch è comunque pieno di altre sorprpese, a partire dal menu a tendina principale, e offre altri prodotti (per lo più commerciali). La cosa fastidiosa è che per aprire certi link richiede di disattivare il blocco delle popup.

Continua a leggere DynArch JsCalendar

Categoria: Scripting

Il nostro Alessandro Fulciniti esamina in un post su Webgraphics uno dei problemi più sentiti da chi sviluppa in Javascript: i limiti nell'utilizzo dell'evento window.onload.Si tratta, in sintesi, di due limiti principali:È possibile richiamare con questo evento una sola funzioneÈ necessario attendere il caricamento di tutta la pagina prima di eseguire gli script collegatiIl post contiene quindi un ottimo prospetto delle soluzioni attualmente adottate per superare il problema, con un'analisi dei pro e contro di ciascuna. Da bookmarkare.

Continua a leggere Superare i limiti di onload

Categoria: Scripting