Tag Archive for 'web design'

Actionscript 3

Da qualche tempo sto impazzendo su AS3. Mi piacciono quasi tutti i cambiamenti che Adobe ha apportato, ma hanno azzerato tutto: è cambiato praticamente tutto il linguaggio.

Mi piace che si siano spostati più sugli aspetti della programmazione piuttosto che sul’authoring seguendo il cambiamento del contesto nel quale flash viene impiegato e devo ammettere che il linguaggio è cambiato in meglio, rendendolo diverso, ma più facile in tutti quegli aspetti con una frequenza di utilizzo alta (come ad esempio la gestione dei file XML che adesso è semplicemente fantastica). So di essere in ritardo rispetto all’uscita di CS3, quindi mi devo mettere sotto con lo studio per tornare in pari.

http://www.flatiron.it/2008/10/actioscript-3/

Testare i font per il web

Per tutti i web designer, segnalo questo sito molto interessante: FontTester. Il sito permette di testare vari font mettendoli a confronto direttamente nel browser, modificando gli stili del CSS.

Si tratta di un’applicazaione molto semplice, ma al tempo stesso molto efficace. Io l’ho provato su Linux e mi ha dato dei problemi (legati all’assenza dei font presenti sulle macchine windows); prometto di testarlo anche su altri sistemi, prossimamente.

http://www.flatiron.it/2008/10/testare-i-font-per-il-web/

Le estensioni di Firefox: Firebug.

Secondo me, ma anche secondo altri miei colleghi, questa è sicuramente una delle più belle estensioni che siano state create per Firefox, almeno per gli sviluppaotori*.

Le sue capacità sono enormi. Con Firebug si riesce a analizzare ogni singolo aspetto della pagina HTML caricata: l’albero DOM, il codice HTML, i CSS, le prestazioni in fase di download della pagina e dei suoi elementi, gli script. Ma la cosa ancor più sorprendente è la possibilità di modificare il codice on the fly e vedere subito i risultati. In questo modo la definizione dei CSS, per esempio, diventa un processo diretto, fatto di prove e di errori, praticati direttamente nel browser. Ovviamente sono esclusi tutti i possibili risvolti legati all’(in)compatibilità con altri browser. Oltre a tutto questo ci sono altre funzionalità, come la possibilità di creare un log per il debugging in javascript, una console per i messaggi, ecc.

Come se non bastasse, molti altri sviluppatori hanno cominciato a implementare add-on per Firebug, estendendo ancora di più le sue già notevoli capacità (vedi post precedente su YSlow).

Vi segnalo il sito dell’add-on e il sito di chi lo ha sviluppato.

* Quando parlo di sviluppatori intendo tutti coloro che hanno a che fare con lo sviluppo o l’analisi delle pagine HTML, includendo chi si occupa di: SEO, accessibilità, web design, programmazione di web application, ecc.

http://www.flatiron.it/2008/09/le-estensioni-di-firefox-firebug/

YSlow: estensione di un estensione per Firefox

Con questo post voglio iniziare un ciclo di brevi articoli nei quali parlare delle estensioni per Firefox.

Le estensioni (o add-on) sono uno degli elementi più interessanti di questo browser perché permettono di aggiungere qualsiasi tipo di funzionalità. Ad oggi il numero di add-ons è veramente impressionante ed ancora più impressionante è la qualità di questi mini prodotti (in alcuni casi per niente mini).

Il primo add-on del quale voglio scrivere è YSlow, sviluppato da Yahoo!.

Si tratta di un’estensione per un’altra estensione, Firebug (della quale parlerò prossimamente), che ha lo scopo di misurare il peso di una pagina web, dando informazioni su come ottimizzarla. Le regole che vengono utilizzate per la valutazione sono state studiate da Yahoo! e sono consultabili alla pagina di documentazione di YSlow. Il prodotto è veramente interessante e permette, come del resto Firebug, di esplorare tutta la pagina in maniera estremamente approfondita.

Categoria: sviluppo web

http://www.flatiron.it/2008/09/yslow-estensione-di-un-estensione-per-firefox/

Feng-GUI: Feng Shui per interfacce grafiche

Non so bene perché abbia aspettato così tanto prima di segnalare questo sito web (ma soprattuto questo gruppo di ricerca: Feng-GUI, Feng-GUI Lab), il quale propone un algoritmo molto interessante per la simulazione dei movimenti oculari.

Il loro software, che implementa l’algoritmo di cui parlavo, permette di determinare quale sia la sequenza dei movimenti oculari dell’utente, dando così delle indicazioni riguardo alla rilevanza degli elementi grafici di una pagina web. L’idea è quella di dare un riferimento piuttosto preciso (ma sempre teorico) per determinare cosa è più visibile e cosa non lo è, e in che ordine.

E’ molto interessante leggere quali sono i parametri che l’algoritmo utilizza per determinare il peso degli elementi grafici, ma soprattuto è molto importante provarlo.

http://www.flatiron.it/2008/09/feng-gui-feng-shui-per-interfacce-grafiche/