Ci sono alcuni punti da considerare se volessimo ad oggi avvantaggiarci delle potenzialità CSS3 disponibili sui browser.
Il primo e più importante concetto è che dovremo introdurre soluzioni simili attraverso quello che è il progressive enhancement, ovvero l'arricchimento progressivo. Dovremo fare quindi in modo che i browser capaci siano in grado di beneficiarne, ma garantire soprattutto che sugli altri browser non vengano compromessi aspetti fondamentali quali resa visuale, usabilità, accessibilità e fruibilità dei contenuti. In sostanza, allo stato attuale delle cose, l'unico uso possibile dei CSS3 è per scopi puramente decorativi ed effetti grafici non indispensabili, che magari sarebbero possibili altrimenti solo attraverso l'uso di immagini.
Il secondo punto è la mantenibilità: mentre sappiamo ad oggi che i CSS2 sono una raccomandation, i CSS3 sono ancora in fase di sviluppo. Utilizzare soluzioni CSS3, ancor più se si tratta di soluzioni proprietarie, potrà richiedere un intervento sul CSS di un sito ad ogni evoluzione delle specifiche o qualora venga rilasciata una nuova versione di un browser.
Il terzo punto è la separazione, che deriva dal punto precedente. A parer mio, il modo migliore per poter sfruttare oggi le caratteristiche CSS3 è tenerle separate dal CSS principale, che dovrà aderire alle specifiche CSS2. Ciò dovrebbe garantire una buona stabilità, confinando eventuali aggiornamenti nel CSS dedicato.
Quarto ed ultimo punto, ma non meno importante, è la validazione.
Il validatore CSS accompagnerà la definizione delle specifiche CSS3 fino allo stato
di reccomandation. In ogni caso poi, servirsi di soluzioni proprietarie con
prefisso -moz e -webkit non consente la validazione.
Alla luce di quanto appena detto, ho ideato una piccola soluzione per poter usare i CSS3 e garantire una buona separazione dal foglio di stile principale, oltre che la mantenibilità e validalizione. Vediamola.
Responsive Desing, la guidaProgettare siti da fruire su dispositivi diversi è imprescindibile... |
Guida CSS3Scoprire e usare al meglio tutte le novità dell'ultima versione dei... |
Guida CSS Tecniche essenzialiTesto, immagini, layout, form, liste, tabelle: soluzioni pronte per... |
Ogni mercoledì, direttamente nella tua e-mail: guide, articoli, tutorial, FAQ e approfondimenti tecnici su CSS e Web Design.
Iscriviti alla newsletter
|
|
Corso Webmaster base18 Giugno 2012 a Milano |
|
|
Corso Google AdWords Base25 Giugno 2012 a Milano |
|
|
Corso Google AdWords Base05 Giugno 2012 a Roma |
|
|
Corso Webmaster base11 Giugno 2012 a Roma |