Nonostante se ne parli da ormai 10 anni i CSS3 non sono ancora diventati uno standard. Le novità introdotte in questi anni dai CSS3 – a partire dalla nuova struttura modulare – sono tante e tutte molto interessanti sia per gli utenti dei siti sia per i web-designer che li realizzano.
Il motivo di questo ritardo secondo alcuni va visto in Internet Explorer. Infatti alcune versioni ancora molto diffuse del popolare browser Microsoft non supportano le specifiche dei CSS3, al contrario di Explorer 9 che, secondo quanto dichiarato da Microsoft, supporterà tali specifiche.
Questo significa che al momento sfruttare le novità più recenti vorrebbe dire anche rinunciare a una buona parte degli utenti che non sono in grado di visualizzarle perché utilizzano browser non aggiornati, mentre – come sappiamo – l’accessibilità è il primo comandamento per i web-designer, impegnati nel realizzare siti e template su misura cross-browser, ovvero che siano visualizzabili da qualunque browser.
Nonostante questo alcune proprietà dei CSS3 possono già essere utilizzate, in modi diversi, con le ultime versioni di Firefox, Safari o Chrome. Ecco alcune delle novità introdotte dai CSS3:
- box-shadow: effetto di ombreggiatura. Novità molto apprezzata dai web-designer, permette di applicare l’ombra a un elemento senza dover ricorrere all’utilizzo di immagini.
- opacity: applica l’effetto di “opacità” e trasparenza a un elemento, che si esprime in percentuale. Può essere un’immagine, un testo o un link. Per Internet Explorer invece va utilizzato “alpha filter”. Molto utile per effetti rollover.
- multi-column: rende possibile spezzare in più colonne un testo. Si può applicare a diversi elementi, compresi gli elenchi puntati: il contenuto sarà visualizzato nel numero di colonne specificate nel foglio di stile.
- border-radius: elementi con angoli arrotondati. Normalmente si utilizzavano le immagini, ma grazie a questa proprietà non è più necessario.
- @font-face: rende possibile l’utilizzo di font non installati dall’utente. Al momento è supportato solo da Safari.
La lista aggiornata delle proprietà dei CSS3 già utilizzabili con alcuni browser la trovate in questa pagina.
Le regole ufficiali per comporre i CSS invece sono contenute nelle direttive emanate dal W3C, il World Wide Web Consortium, cioè la società che si occupa di definire gli standard da utilizzare nel Web.
