Come utilizzare i web font su tutti i browser

Abbiamo già parlato in passato dei Web Font e della relativa at-rule CSS @font-face e ci siamo lasciati con il cruccio di non avere una soluzione cross browser. In questo nuovo articolo presenterò una soluzione molto semplice per ovviare al problema. Continua a leggere »

1 commento »

Due funzioni Javascript per la gestione delle classi multiple

A volte si ha la necessità di dover associare ad un elemento più di una classe. In tal caso si associa all’attributo className una lista separata da spazi. La gestione via Javascript risulta non semplicissima perché bisogna andare ad analizzare il testo.

Visto che avevo la necessità ho scritto le due funzioni che servono:


function addClassName(d, n) {
if (hasClassName(d, n)) return;
if (d.className == '') {
d.className = n;
} else if (d.className.search("\b"+n+"\b") == -1) {
d.className += ' '+n;
}
}

function delClassName(d, n) {
var s = d.className.replace(new RegExp("\b"+n+"\b"), " ");
s = s.replace(/s+/g, ' ');
d.className = s.replace(/(^s|s$)/g, '');
}

function hasClassName(d, n) {
return d.className.search("\b"+n+"\b") == -1 ? false : true;
}

Qui potete scaricare Javascript Multi Classes.
Qui invece una paginetta di esempio

2 commenti »

Layout a tabelle o a div?

Il giovane webmaster che si avvicina per la prima volta alla realizzazione di un layout di proprio pugno riceverà un input imperativo: non usare le tabelle. In realtà le tabelle non sono il male! Continua a leggere »

1 commento »

Trasparenze con CSS

Inserire dei contenitori trasparenti può rendere molto più bello un layout. Purtroppo non tutti i browser offrono gli stessi strumenti. Vediamo come fare. Continua a leggere »

Commenta »

Personalizzare il tag HR

Il tag HR di HTML è una linea orizzontale che viene spesso usata per dividere un testo in più parti. Dare uno stile a questo tag comporta spesso qualche problema di compatibilità con i vari browser. Vediamo come fare. Continua a leggere »

Commenta »

Internet Explorer 8 per la massa

Sembra che Microsoft si sia decisa a distribuire il suo nuovo browser per le masse inserendolo tra gli aggiornamenti automatici. Continua a leggere »

Commenta »

Angoli smussati – Parte 1 – La soluzione CSS

Rendere il proprio sito più accattivante è un obiettivo che ogni webmaster vuole raggiungere. Un modo semplice e rapido è rendere meno spigolosi i vari box che compongono il layout di un sito. Se usato bene l’effetto visivo è molto gradevole, senza dare fastidio in alcun modo. In questa serie di guide illustrerò diversi modi per raggiungere questo nuovo livello estetico. In questa prima puntata il metodo puramente CSS.

Continua a leggere »

Commenta »