Gli orari indicati sono convertiti nel nostro fuso orario
Quest'anno ci saranno un mucchio di date, il campionato finisce addirittura a novembre. Sepriamo che sia meno noioso degli ultimi anni!
Ecco il calendario del campionato di Formula 1 2010
Continua...
domenica 7 marzo 2010
giovedì 4 marzo 2010
Lanciare prettyphoto da flash
Prettyphoto è uno dei plugin JQUERY nati dalle glorie del super noto lightBox che uso più volentieri quando ho la necessità di aprire finestre e visulizzarvi contenuti che vanno dalle immagini a codice html.
Dalla versione 2.5 sono disponibili delle API attraverso le quali, fra le altre cose, eseguire prettyphoto da flash.
Questa la documentazione
Ho appena sperimentato questa possibilità da un sito flash con uno slideshow che apre contenuti differenti, da immagini a video, e riporto qui la mia esperienza.
La scelta di prettyphoto è stata dettata dal fatto che lo usavo già, e che avevo l'esigenza di aprire contenuti non solo di immagini.
Ho controllato un pò in giro, e qualche altra possibilità da esplorare probabilmente c'era anche, una su tutte, a mio avviso, il nyroModal ( http://nyromodal.nyrodev.com/ ).
Secondo quanto riportato nella documentazione di prettyphoto, è possibile lanciare da flash o da qualunque altra fonte che non sia un tag < a >, quindi ad esempio da un evento o da una funzione specifica, il metodo open. I parametri accettati sono:
- Il nome del file
- il titolo
- la descrizione
Quindi, ricotruendo la sintassi del metodo tradizionale su di un tag < a >, praticamente passeremmo alla funzione open i parametri corrispondenti a:
- href
- attributo title del tqag a
- attributo alt del tag img
Dopo aver installato il plugin come si fa di solito ( vedi documnetazione ) sarà sufficiente, dal nostro bottone flash, eseguire la seguente azione:
my_btn.onRelease=function (){
getURL("javascript:$.prettyPhoto.open('"+this.zoom+"')");
}
dove this.zoom è il nome del file da aprire.
Sedcondo questa logica si potrà passare alla funzione open anche il parametro del titolo e della descrizione (opzionali)
E fin qui tutto ok, funziona, è anche facile, volendo si possono passare altri eventi, come quelli per cambiare immagine o per chiudere la finestra.
E se fosse solo per questo tipo di approccio non avrei neanche scritto il post a dire il vero! Basta leggere quanto riportato nel sito.
I problemi che ho incontrato sono stati quelli relativi alla implementazione di una gallery sempre da comando esterno (da flash).
Se dovessimo utilizzare il tag a, sarebbe sufficiente aggiungere l'attributo "rel" con l'identificatore "prettyphoto[nome gruppo]"
In flash, nelle API si da la possibilità di passare, invece che le 3 stringhe al metodo open:
- file
- titolo
- descrizione,
la bellezza di 3 array.
Banalizzando, in flash avremmo:
var arrayImgs:Array=new Array('pippo.jpg', 'pluto.jpg', 'paperino.jpg');
var arrayTitolo:Array=new Array('A', 'B', 'C');
var arrayDesc:Array=new Array('ciao', 'kkkk', '');
e al metodo open la passeremmo in questo modo:
getURL("javascript:$.prettyPhoto.open('"+arrayImgs+"','"+arrayTitolo+"','"+arrayDesc+"')");
bello no?
Sì, peccato che non funziona! :)
Secondo quanto ho potuto sperimentare "sul campo", ci sono due cose da sistemare:
1 - se clicchiamo sulla nostra miniatura per aprire la zoom ci troveremo questo alert: "Image cannot be loaded. Make sure the path is correct and image exist"
2 - Ok, ma io sto passando un array, chi gli dice al mio bel plugin quale foto aprire e quindi quali sono le immagini che si aprirebbero con i comandi next e back? Perchè il mio array verrà letto dall'indice zero ogni volta, la funzione open non mi risulta che accetti un id numerico per rimaneggiare gli array e ricomporre una lista con ordinamento dipendente dall'id della miniatura che ho cliccato!
SOLUZIONE AL PUNTO 1: PERCHE' NON MI TROVA LE IMMAGINI?
se usiamo il getURL per passare i dati al metodo open, in realtà non passeremo degli array di dati, bensì delle stringhe di dati (es. "i.jpg,2.jpg,3.jpg" etc....), chiaro che non trova + le immagini!
Come ho ovviato:
invece di chiamare da flash il metodo open, chiamo una funzione che sta nell'header della pagina html simile a questa:
function passMeFiles(a,b,c){
aa = a.split(",");
bb = b.split(",");
cc = c.split(",");
$.prettyPhoto.open(aa,bb,cc);
}
Così facendo trasformiamo le stringhe in array, e i dati arrivano correttamente.
SOLUZIONE AL PUNTO 2 : COME FACCIO AD APRIRE LA GALLERY PARTENDO DALLA IMMAGINE CHE HO CLICCATO?
- Ho creato una funzione in flash che riordina un array secondo un indice:
function reorderArray(newIndex:Number, ar:Array):Array{
var tmpar:Array=new Array()
tmpar=ar
var newAr:Array=new Array();
//creo un array a partire dall'indice
var dxAr:Array=new Array();
dxAr=tmpar.slice(newIndex, tmpar.length);
//creo un array da 0 all'indice
var sxAr:Array=new Array();
sxAr=tmpar.slice(0, newIndex);
//ricreo il nuovo array
newAr=dxAr.concat(sxAr);
return newAr;
}
- supponendo di avere i dati memorizzati in 3 array di nome:
immaginiPrettyPhoto
titlePrettyPhoto
descPrettyPhoto
il mio click sul bottone diventa:
myBtn.onRelease=function(){
var images:Array=reorderArray(this.idBtn,immaginiPrettyPhoto);
var titless:Array=reorderArray(this.idBtn,titlePrettyPhoto)
var descs:Array=reorderArray(this.idBtn,descPrettyPhoto)
getURL("javascript:passMeFiles('"+images+"','"+titless+"','"+descs+"')");
}
Questo è quanto, funziona, se ho tempo faccio anche uno zip di esempio!
Continua...
Dalla versione 2.5 sono disponibili delle API attraverso le quali, fra le altre cose, eseguire prettyphoto da flash.
Questa la documentazione
Ho appena sperimentato questa possibilità da un sito flash con uno slideshow che apre contenuti differenti, da immagini a video, e riporto qui la mia esperienza.
La scelta di prettyphoto è stata dettata dal fatto che lo usavo già, e che avevo l'esigenza di aprire contenuti non solo di immagini.
Ho controllato un pò in giro, e qualche altra possibilità da esplorare probabilmente c'era anche, una su tutte, a mio avviso, il nyroModal ( http://nyromodal.nyrodev.com/ ).
Secondo quanto riportato nella documentazione di prettyphoto, è possibile lanciare da flash o da qualunque altra fonte che non sia un tag < a >, quindi ad esempio da un evento o da una funzione specifica, il metodo open. I parametri accettati sono:
- Il nome del file
- il titolo
- la descrizione
Quindi, ricotruendo la sintassi del metodo tradizionale su di un tag < a >, praticamente passeremmo alla funzione open i parametri corrispondenti a:
- href
- attributo title del tqag a
- attributo alt del tag img
Dopo aver installato il plugin come si fa di solito ( vedi documnetazione ) sarà sufficiente, dal nostro bottone flash, eseguire la seguente azione:
my_btn.onRelease=function (){
getURL("javascript:$.prettyPhoto.open('"+this.zoom+"')");
}
dove this.zoom è il nome del file da aprire.
Sedcondo questa logica si potrà passare alla funzione open anche il parametro del titolo e della descrizione (opzionali)
E fin qui tutto ok, funziona, è anche facile, volendo si possono passare altri eventi, come quelli per cambiare immagine o per chiudere la finestra.
E se fosse solo per questo tipo di approccio non avrei neanche scritto il post a dire il vero! Basta leggere quanto riportato nel sito.
I problemi che ho incontrato sono stati quelli relativi alla implementazione di una gallery sempre da comando esterno (da flash).
Se dovessimo utilizzare il tag a, sarebbe sufficiente aggiungere l'attributo "rel" con l'identificatore "prettyphoto[nome gruppo]"
In flash, nelle API si da la possibilità di passare, invece che le 3 stringhe al metodo open:
- file
- titolo
- descrizione,
la bellezza di 3 array.
Banalizzando, in flash avremmo:
var arrayImgs:Array=new Array('pippo.jpg', 'pluto.jpg', 'paperino.jpg');
var arrayTitolo:Array=new Array('A', 'B', 'C');
var arrayDesc:Array=new Array('ciao', 'kkkk', '');
e al metodo open la passeremmo in questo modo:
getURL("javascript:$.prettyPhoto.open('"+arrayImgs+"','"+arrayTitolo+"','"+arrayDesc+"')");
bello no?
Sì, peccato che non funziona! :)
Secondo quanto ho potuto sperimentare "sul campo", ci sono due cose da sistemare:
1 - se clicchiamo sulla nostra miniatura per aprire la zoom ci troveremo questo alert: "Image cannot be loaded. Make sure the path is correct and image exist"
2 - Ok, ma io sto passando un array, chi gli dice al mio bel plugin quale foto aprire e quindi quali sono le immagini che si aprirebbero con i comandi next e back? Perchè il mio array verrà letto dall'indice zero ogni volta, la funzione open non mi risulta che accetti un id numerico per rimaneggiare gli array e ricomporre una lista con ordinamento dipendente dall'id della miniatura che ho cliccato!
SOLUZIONE AL PUNTO 1: PERCHE' NON MI TROVA LE IMMAGINI?
se usiamo il getURL per passare i dati al metodo open, in realtà non passeremo degli array di dati, bensì delle stringhe di dati (es. "i.jpg,2.jpg,3.jpg" etc....), chiaro che non trova + le immagini!
Come ho ovviato:
invece di chiamare da flash il metodo open, chiamo una funzione che sta nell'header della pagina html simile a questa:
function passMeFiles(a,b,c){
aa = a.split(",");
bb = b.split(",");
cc = c.split(",");
$.prettyPhoto.open(aa,bb,cc);
}
Così facendo trasformiamo le stringhe in array, e i dati arrivano correttamente.
SOLUZIONE AL PUNTO 2 : COME FACCIO AD APRIRE LA GALLERY PARTENDO DALLA IMMAGINE CHE HO CLICCATO?
- Ho creato una funzione in flash che riordina un array secondo un indice:
function reorderArray(newIndex:Number, ar:Array):Array{
var tmpar:Array=new Array()
tmpar=ar
var newAr:Array=new Array();
//creo un array a partire dall'indice
var dxAr:Array=new Array();
dxAr=tmpar.slice(newIndex, tmpar.length);
//creo un array da 0 all'indice
var sxAr:Array=new Array();
sxAr=tmpar.slice(0, newIndex);
//ricreo il nuovo array
newAr=dxAr.concat(sxAr);
return newAr;
}
- supponendo di avere i dati memorizzati in 3 array di nome:
immaginiPrettyPhoto
titlePrettyPhoto
descPrettyPhoto
il mio click sul bottone diventa:
myBtn.onRelease=function(){
var images:Array=reorderArray(this.idBtn,immaginiPrettyPhoto);
var titless:Array=reorderArray(this.idBtn,titlePrettyPhoto)
var descs:Array=reorderArray(this.idBtn,descPrettyPhoto)
getURL("javascript:passMeFiles('"+images+"','"+titless+"','"+descs+"')");
}
Questo è quanto, funziona, se ho tempo faccio anche uno zip di esempio!
Continua...
mercoledì 24 febbraio 2010
mancata ricezione form su email aruba
Segnalo questa anomalia, casomai a qualcuno capitasse di imbattervisi ( --si dice così ? :--) boh..)!
Se avete un server virtuale su aruba, e avete registrato un dominio con gestione DNS + posta, quindi l'hosting lo fate sul vostro server virtuale, ma la posta la lasciate su aruba, allora può capitare che
mentre gli account di posta creati ricevano correttamente messaggi inviati da altri account, se nel sito è presente una form, che invece non vadano a buon fine gli invii da essa provenienti.
Grazie al sano passaparola fra colleghi e ad un amico al quale era già successo qualcosa di simile -- (grazie brujio ), sono venuto a sapere che, nonostante la posta non sia gestita sul server virtuale, sia necessario, nel plesk, faro lo switch off del servizio di posta abbinato al dominio.
Ripeto, parrà inutile, perchè di fatto il servizio è altrove, ma evidentemente, in quella precisa circostanza, si va a creare un conflitto.
Misteri dell'informatica....
Continua...
Se avete un server virtuale su aruba, e avete registrato un dominio con gestione DNS + posta, quindi l'hosting lo fate sul vostro server virtuale, ma la posta la lasciate su aruba, allora può capitare che
mentre gli account di posta creati ricevano correttamente messaggi inviati da altri account, se nel sito è presente una form, che invece non vadano a buon fine gli invii da essa provenienti.
Grazie al sano passaparola fra colleghi e ad un amico al quale era già successo qualcosa di simile -- (grazie brujio ), sono venuto a sapere che, nonostante la posta non sia gestita sul server virtuale, sia necessario, nel plesk, faro lo switch off del servizio di posta abbinato al dominio.
Ripeto, parrà inutile, perchè di fatto il servizio è altrove, ma evidentemente, in quella precisa circostanza, si va a creare un conflitto.
Misteri dell'informatica....
Continua...
venerdì 15 gennaio 2010
Un effetto di luce
Vi mostro un effetto di luce figo. Può essere utilizzato per gli sfondi di una pagina o anche in fotocomposizioni e artworks più complessi, per esempio per dare enfasi a un soggetto, oppure .... per quello che vi pare se vi piace usarlo!!
Realizziamo una selezione con il lazo, e un feather o sfumatura abbonadanti, esempio pari a 40:
Con la selezione attiva:
Filtro/Filter -->Rendering/Render --> Nuvole/Clouds
Deselezionare.
Eseguiamo adesso una selezione abbondante e sempre sfumata sul livello dove avete creato le nuvole:
e applichiamo una sfocatura radiale:
Filtro/filter --> Sfocatura/Blur --> Sfocatura radiale/Radial Blur con queste impostazioni:
ecco il risultato:
Applichiamo adesso un paio di volte maschera di contrasto
Filtro/filter --> Contrasta/Sharpen --> Maschera di contrasto/Unsharpen Mask:
Questo il risultato finale:
Alla prossima!
Continua...
Realizziamo una selezione con il lazo, e un feather o sfumatura abbonadanti, esempio pari a 40:
Con la selezione attiva:
Filtro/Filter -->Rendering/Render --> Nuvole/Clouds
Deselezionare.
Eseguiamo adesso una selezione abbondante e sempre sfumata sul livello dove avete creato le nuvole:
e applichiamo una sfocatura radiale:
Filtro/filter --> Sfocatura/Blur --> Sfocatura radiale/Radial Blur con queste impostazioni:
ecco il risultato:
Applichiamo adesso un paio di volte maschera di contrasto
Filtro/filter --> Contrasta/Sharpen --> Maschera di contrasto/Unsharpen Mask:
Questo il risultato finale:
Alla prossima!
Continua...
Statistiche su browser e risoluzioni
Riporto il link di una sezione del sito del W3C che affronta l'argomento statistiche sull'utilizzo di browser e risoluzioni. Su questo ultimo aspetto credo sia molto interessante da un lato vedere come i nuovi monitor stiano spostando in alto le risoluzioni, dall'altro, come non bisogni mai dimenticare, sviluppando un sito, che gli standard si muovino più lentamente di chi produce schede video e monitor. Ecco perchè la scelta della risoluzione adatta non può prescindere dall'analisi e la consapevolezza di quali siano le risoluzioni minime utilizzate che abbiano una consistenza statistica.
Vorrei spiegare e far capire a qualche cliente che anche se il suo nuovissimo monitor supporta risoluzioni mitiche, negli ultimi 10 anni la media di utilizzatori con risoluzioni a 1024 si sia attestata ad oltre il 40% !
http://www.w3schools.com/browsers/default.asp
Continua...
Vorrei spiegare e far capire a qualche cliente che anche se il suo nuovissimo monitor supporta risoluzioni mitiche, negli ultimi 10 anni la media di utilizzatori con risoluzioni a 1024 si sia attestata ad oltre il 40% !
http://www.w3schools.com/browsers/default.asp
Continua...
venerdì 8 gennaio 2010
Pubblicato nuovo artwork: Manimal
Ho realizzato un nuovo artwork, si tratta di una rielaborazione di più foto in chiave surrealistica di due bimbi sdraiati sulla spiaggia.
L'immagine si trova anche nella mia gallery su imagekind
Continua...
L'immagine si trova anche nella mia gallery su imagekind
Continua...
mercoledì 2 dicembre 2009
Explorer tester
Ho installato IE Tester, un tool gratuito che dovrebbe risolvere molti problemi a chi realizza siti ed è costretto a testarli tra le mille diverse versioni del mitico Explorer, santo subito chi l'ha inventato!! :)
In pratica, nella stessa applicazione, dovrebbe essere possibile testare una pagina dalla versione 5.5 alla 8 di IE. E' sufficiente avere installato almeno IE7 sulla propria macchina.
E' disponibile anche una debug bar, magari si riesce a capire qualcosa di più quando gli errori sono solo su IE!
La speranza di poter avere nello stesso ambiente un tool valido è molta, si potrebbe evitare di lanciare portable versions che comunque scrivono nel registro e secondo me impallano la versione di IE già installata nella macchina, o addirittura di installare una virtual machine solo e semplicemente per far girare un browser....
Continua...
In pratica, nella stessa applicazione, dovrebbe essere possibile testare una pagina dalla versione 5.5 alla 8 di IE. E' sufficiente avere installato almeno IE7 sulla propria macchina.
E' disponibile anche una debug bar, magari si riesce a capire qualcosa di più quando gli errori sono solo su IE!
La speranza di poter avere nello stesso ambiente un tool valido è molta, si potrebbe evitare di lanciare portable versions che comunque scrivono nel registro e secondo me impallano la versione di IE già installata nella macchina, o addirittura di installare una virtual machine solo e semplicemente per far girare un browser....
Continua...
Iscriviti a:
Post (Atom)
Post
