Da bravi webmaster quante volte vi è capitato di visitare una pagina web e chiedervi quali font siano quelli usati?
Io …MOLTE!

Finalmente ecco uno strumento facile e veloce che ci viene in aiuto, senza bisogno di installare plugin o estensioni – come Firebug, Aardvark, Web developer toolbar, ecc. – ma grazie ad un semplice bookmarklet.

Si tratta di WhatFont Tool!
Basta trascinare il bookmarklet nei nostri segnalibri ed attivarlo alla bisogna, qualsiasi sia la pagina web che stiamo visitando.

Una volta attivato, semplicemente trascinando il puntatore del mouse sopra un testo, vedremo un utile tooltip che ci dirà che font è quello che stiamo vedendo!

Questo ottimo servizio fa il paio con il vecchio ma sempre ottimo WhatTheFont, altro servizio gratuito di cui “devo” aver già parlato in qualche vecchio post o commento, che consente di risalire ad un font partendo da una scansione o da un’immagine raster.

Continua a leggere→

Può capitare in qualche browser – Explorer! – che al click sui link compaia un bordino tratteggiato; questo bordino si vede solamente al momento del click, non dovrebbe nemmeno dare fastidio perché subito dopo si passa alla pagina seguente, però…

A me è capitato di fare un sito, di creare dei bottoni su dei link testuali usando il solito ‘text-indent,display:block, background:ecc.‘.
Poi il cliente arriva e mi chiede come mai si vede quel bordo rosso!

“Quale bordo rosso?!” … ecco, questa era la situazione 😐
Ovviamente si vede solo su Explorer+Windows, perché gli altri browser non lo mostrano.

Cerca-cerca, ho capito che il tutto si può disattivare tramite Css usando la proprietà outline, che in soldoni è come un bordo che sta però fuori dalle misure dell’elemento, quindi l’ho applicata al focus – che lo stato di un elemento selezionato – di tutti i link, ovvero ai tag a…

Quindi: come si fa a togliere il bordo rosso che compare sui link in Explorer quando si clicca?

Continua a leggere→

Come pubblicare in una pagina web un contenuto scelto random fra due?

Approfitto di una bella pagine dell’Adsense blog per annotare quello che mi sembra un interessante codice javascript che serve per la pubblicazione di due codici differenti con intermittenza casuale (il cosidetto A/B test):

<script type="text/javascript">
var random_number = Math.random();
if (random_number < .5){
//primo codice
} else {
//secondo codice
}
</script>

In teoria ci saranno quindi il 50% di possibilità che venga mostrato il primo o il secondo codice.
Come sempre quando si usa javascript, se vogliamo pubblicare del codice html dobbiamo usare

document.write('...');