Corsi on-line

Fogli di stile Cross-browser con CSSPrefixer

CSSPrefixer è un servizio molto utile per il Web designer perché svolge una funzione che quando operata manualmente risulta generalmente lunga e noiosa; immaginiamo per esempio di definire una classe CSS come la seguente:

.my-class, #my-id {
 border-radius: 1em;
 transition: all 1s ease;
 box-shadow: #123456 0 0 10px;
}

Essa presenta degli elementi, “border-radius”, “transition” e “box-shadow”, che non sono supportate nello stesso modo da tutti i browser e necessitano di essere riformulate come segue:

.my-class, #my-id {
 -moz-border-radius: 1em;
 -o-transition: all 1s ease;
 -moz-box-shadow: #123456 0 0 10px;
 -webkit-box-shadow: #123456 0 0 10px;
 -moz-transition: all 1s ease;
 -webkit-transition: all 1s ease;
 -webkit-border-radius: 1em;
 border-radius: 1em;
 transition: all 1s ease;
 box-shadow: #123456 0 0 10px
 }

CSSPrefixer è in grado di effettuare questa modifica al posto nostro, in modo completamente automatico e da una applicazione Web based reperibile su questa pagina; il suo funzionamento è abbastanza semplice, si digita il selettore da convertire in una textarea, si clicka su “process >>” e si ottiene il codice pronto da copiare e incollare.

Il servizio è utilizzabile gratuitamente e senza necessità d’iscrizione.

Post correlati
I più letti del mese
Tematiche