Novità per Google chart API 05/05/08

Google charts API è un servizio che ho subito apprezzato per semplicità e completezza; pochi parametri da aggiungere ad un indirizzo ed abbiamo a disposizione una serie di formati (restituiti come immagini JPG) per rappresentare grafici, risultati, classifiche e trend.

Era da un po' che non visitavo la pagina del progetto ed ho notato alcune importanti novità...

» continua

La foto caricata in testa al post prende il nome di Google-o-meter, in pratica un indicatore (tachimetro? contagiri? misuratore di impulsi?); possiamo personalizzare alcuni parametri come l' etichetta (nel mio caso chart news) e il suo valore (60), le dimensioni ed il colore del fill.

Questo è l' indirizzo completo da inserire nell' attributo src del tag img, in questo modo <img src="indirizzo qui" /> :

http://chart.apis.google.com/chart?chs=200x111&cht=gom&chd=t:60&chl=chart%20news

La seconda, potenzialmente più interessante novità è la mappa. Si tratta di un planisfero diviso per macro-regioni e singoli paesi (per gli Stati Uniti ci sono anche i singoli stati), per richiamare i singoli paesi si fa riferimento a ISO 3166 Country codes ; questo è un semplice esempio che ho realizzato, l' Italia, la Francia e la Gran Bretagna evidenziati con diverse tonalità di verde.

In questo caso i parametri a disposizione sono parecchi quindi vi consiglio una lettura approfondita della pagina ufficiale del progetto; questo è il codice, ehm, URL:

http://chart.apis.google.com/chart?cht=t&chs=440x220&chd=s:Af9&chco=ffffff,99cc00,577401&chld=FRGBIT&chtm=europe&chf=bg,s,f3f3f3<br />

Segnalo anche questo mio tutorial utile soprattutto per familiarizzare con Google chart API.

ready.mobi : siamo pronti per il mobile? 08/10/07

Visti i costi ancora proibitivi (e le fregature), ottimizzare un sito/blog per la navigazione da dispositivi mobili non è sicuramente una priorità; meno male. Da un prima analisi in pochissimi sarebbero preparati compreso il sottoscritto...

» continua

Se volete verificare voi stessi vi segnalo questo ottimo tool, ready.mobi, semplicissimo da usare e per certi aspetti illuminante.

Inserite l' indirizzo del vostro blog (http:// incluso) e aspettate i risultati. La prima parte riporta una sintesi grafica, nel mio caso impietosa, della "compatibilità" della pagina. Sotto invece trovate le tabelle che indicano dimensioni e costi; in pratica quanto dovrebbe spendere un utente per caricare la pagina da mobile e quanto tempo impiegherebbe.

Anche qui, stando alla tabella, non ho di che gioire: dai 2,10 € per le tariffe europee a 1,68 $ negli Stati Uniti mentre per i tempi vado dai 53 secondi in GPRS ai 12 in 3G.

Procedendo nell' analisi trovate un piccolo emulatore di display (Nokia N70, Samsung Z105 etc) che vi riporterà la schermata... nel mio caso un errore.

Infine un sommario con tutti i dati utilizzati nel test e le relative condizioni; sempre utilizzando il mio blog come "cavia" questi i dati definitivi: 12 punti superati, 3 warning, 10 punti non superati e 2 commenti... risultato, devo rimettere mano al template magari con un folgio di stile dedicato alla mobilità.

Seriamente, visto che preparare un foglio di stile non porta via troppo tempo, consiglio a tutti di farci un pensierino e segnalo questa guida di base redatta dal W3C (e utilizzata anche come parametro da ready.moby).

Mashable: Flickr Toolbox 05/08/07

Più di 100 tools dedicati a Flickr...

Di tutti i colori 23/05/07

Oggi voglio segnalare 3 tool dedicati all' ottimizzazione/gestione dei colori.

Si tratta di applicazioni utili per chi si occupa di web design e si trova spesso nella necessità di "decifrare" il valore esatto di un determinato colore (di una pagina web e in generale di quello che appare sul monitor).

Sono tre applicazioni diverse tra loro per tipologia ma anche per il tipo di scopo che si prefiggono...

» continua

Il primo tool è in realtà una comoda estensione per Firefox e ringrazio Napolux per la segnalazione; si tratta di ColorZilla che aggiungerà un sistema di gestione/selezione dei colori e di zoom al vostro browser. Dovrete semplicemente installare l' estensione e richiamare l' utility quando serve (tasto destro>ColorZilla)...

Come alternativa software trovate Colorcop; molto più sofisticato e completo del precedente è indicato soprattutto per utilizzi professionali viste le opzioni a disposizione: possibilità di conversione dei colori per i più disparati utilizzi, output multiplo (HTML esadecimale, RGB, Visual Basic, C++ etc...) e possibilità di zoom fino al singolo pixel.

Veramente ricco di opzioni e completo è però meno veloce e pratico di ColorZilla (se quello che cercate è un metodo semplice per copiare i valori RGB o esadecimali l' estensione di firefox è oggettivamente la scelta migliore)

Concludo con ElvanOnline, un pratico metodo visuale per scegliere e creare gradazioni di colore. Utile per generare al volo le possibili variazioni di tono di un determinato colore... divertente

Design tool: stripe generator 27/04/07

Continuo la segnalazione di tools dedicati al webdesign e dopo gli editor di immagini vi segnalo questo semplice generatore di linee (via Weblog Tools):

ajax diagonal stripes background designer, the ultimate tool for web 2.0 designers...

Stripe Generators 2.0 è un' applicazione online basata su ajax che crea delle immagini di linee diagonali (ma anche orizzontali e verticali) da utilizzare come sfondo per il nostro sito/blog. I parametri a disposizione vanno dalla dimensione delle linee allo spazio tra di loro, colore e colore di sfondo; è possibile variare lo stile dello sfondo (ed applicare una sfumatura ad esempio) oltre che l' orientamento delle linee stesse.

Il mio parere è: provatelo e appuntatevi l' URL; se un giorno vi servisse uno sfondo di linee diagonali non riuscireste a farlo con la stessa velocità di Stripe Generator.

Web editor per le tue foto 25/04/07

Ecco uno strumento utilissimo per editare le immagini direttamente dal browser: picnik è un 'applicazione molto ben realizzata (e molto trendy) che grazie ad una semplicissima interfaccia vi fornirà le principali utilità/strumenti per elaborare immagini e foto di ogni tipo.

Se invece volete solo ridimensionare una foto vi consiglio di utilizzare Shrink Pictures, spartano ma assolutamente efficace.