Font preinstallati su win linux e mac

Riporto un interessante link che mostra quali siano i font che trovano una corrispondenza sui 3 sistemi operativi. Quando il cliente chiede che il testo nel suo sito sia visualizzato con un font non classificato, potrebbe essere utile mostrargli questo link: http://www.apaddedcell.com/web-fonts

Personalmente credo che la miglior cosa da fare rimanga quella di utilizzare i font standard, ovvero i

Times
Arial
Verdana
Tahoma
Geneva
Georgia
Courire
Helvetica
Continua...

Ho montato la BAT-BOX !!

Forse per infantile deviazione verso i mitici supereroi di cui non mi faccio mancare un dvd possibilmente in versione cofanetto deluxe... :) , e anche perchè si dice che i piccoli pipistrelli possano essere un valido aiuto contro le fastidiose zanzare, ho acquistato una bat-box e l'ho posizionata su un albero a circa 5 metri di altezza in giardino :-).
Speriamo che venga popolata!

Il legno con cui è fatta pare abbia un odore che noi ovviamente non sentiamo e che faccia da richiamo per i piccoli mammiferi.

L'unico dubbio che ho riguarda i rumori diurni che inevitabilmente, anche se non sto in un luogo affolato, ci sono d'estate. Mi tocchera comprare il tagliaerba col silenziatore!!!!!!!

E speriamo che i condomini dei piani sopra non mi sklerino, le credenze popolari sono forti, e sulla bat box, i mitici creatori, non si sono mica fatti mancare un simbolo inciso nel legno in bella evidenza che pare mandare nel cielo il famoso bat-segnale !!!!!


Yep . :)
Continua...

Passare una classe css a un tag < a > con JQUERY

Semplicissimo metodo che può tornare utile per fare un effetto "swapped" su una barra di navigazione.

$("a[id^='"+thisP+"']").addClass("linkSwapped");

dove thisP corrisponde a una variabile che identifica la pagina corrente.

Quando l'id del tag a è uguale a thisP gli passo un selettore ad hoc per far comparire il bottone ad esempio di colore diverso.
Continua...

disabilitare il plugin phone number di skype via css

Il plugin che permette a skype di riconoscere un numero di telefono, secondo me è troppo invasivo, perchè crea problemi all'impaginazione grafica, e inoltre, mi è capitato che si attivasse anche su numeri e codici che non fossero telefonici, ma ad esempio codici prodotto!



Sul forum di skype leggo che esiste una via tramite css per disabilitare questo plugin. Essa consiste ll'inserire, all'interno del num,ero in questione, uno span con display:none. una cosa di questo genere:

00399999< span style="display:none;" >_< /span >006915

Per maggiori informazioni, questo il link al forum di skype


Continua...

Calendario F1 2010

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...

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...