Usare CSS3 senza preoccuparsi dei vendor prefix
Venerdì 25 Novembre 2011 - 10:30
di Maico Orazio
Quando scriviamo codice CSS usare i vendor prefix, i prefissi specifici dei browser per utilizzare le proprietà CSS3 più recenti, rende il codice più lungo e difficile da mantenere, perché ogni volta che abbiamo bisogno di cambiare il valore di una proprietà dobbiamo cambiarli per tutti i rispettivi prefissi.
È difficile ricordarli tutti ed inoltre richiede tempo scriverli per ogni browser, per questo scopo possiamo utilizzare un validissimo tool online CSSPrefixer, che aggiunge i prefissi automaticamente alle proprietà CSS dello standard W3C generando le nuove proprietà specifiche dei browser.
Ma i nostri problemi posti inizialmente non sono risolti, avremo comunque un file css lungo e ogni volta che vogliamo modificare un qualsiasi valore della stessa proprietà, dovremo cambiarlo in ogni relativo prefisso.
Una buona soluzione è la libreria JavaScript prefix-free che aggiunge automaticamente solo le proprietà necessarie specifiche per il tipo di browser, così non dobbiamo riportarle nel nostro file css e sarà anche più facile mantenere valido il codice CSS.
La libreria pesa circa 5kb nella versione minimizzata e anche l’utilizzo risulta molto semplice, basta collegare il file prefixfree.js alla pagina web.
Categoria: CSS, Scripting | Permalink
Commenti
1
Ottima la soluzione in Javscript!
2
Un altro file javascript da incorporrare?
M.
# - postato da Marco Grazia - 29 Novembre 2011 - 07:21
3
con 5kb non è male come idea, sopratutto per chi come me ODIA i vendor prefix :)