Una panoramica sulle novità di CSS3
Pagina 1 di 2
CSS3 è una tecnologia, in fase terminale di sviluppo, mantenuta dal Consorzio W3C che ha tra i suoi obiettivi quello di fornire strumenti semplificati per generare effetti grafici, anche complessi, mediante la semplice stilizzazione degli elementi.
Le sfide principali cui la nuova versione dei CSS si prefigge di far fronte sono:
- offrire funzionalità avanzate per realizzare effetti grafici accattivanti (come ad esempio bordi arrotondati ed effetti ombra) attraverso il codice CSS;
- offrire nuove funzionalità di controllo su varie tipologie di contenuti (come, ad esempio, la possibilità di utilizzare font non standard per i contenuti testuali);
- offrire nuove caratteristiche per favorire l'accessibilità di una pagina web;
Struttura del CSS3
In primo luogo si potrà notare una modifica radicale del linguaggio nella struttura. A differenza di CSS2, il CSS3 è completamente modulare, dunque le proprietà simili e relative ad elementi con caratteristiche comuni, sono state raggruppate in gruppi (detti moduli).
La struttura modulare permette di lavorare con le singole parti del CSS3 in modo schematico ed ordinato. A partire da CSS3 i browser dovranno scegliere quali moduli desiderano adottare, ma quelli prescelti dovranno essere integrati interamente (l'obiettivo è quallo di semplificare la vita a noi poveri sviluppatori sempre alla prese con il problema dello sviluppo cross browser).
I moduli CSS3 sono tutti in fase di sviluppo ma hanno un avanzamento differente nello stato dei lavori. Vediamo di riassumere brevemente il percorso di un modulo dalla bozza fino allo standard:
- La prima fase (Working draft) consiste nella definizione delle specifiche;
- la conclusione di questo lavoro preliminare viene ufficializzata mediante un annuncio detto Last call;
- se la prima fase si è conclusa positivamente, il modulo viene candidato come possibile standard e passa allo stato di Candidate Recommendation;
- se il modulo può già dirsi completo, questo viene sottoposto al giudizio di un comitato ufficiale del W3C (Proposed Recommendation);
- in caso di parere positivo del comitato, il modulo diviene uno standard (Recommendation).
Nelle prossime righe saranno esposti brevemente i principali moduli, riportandone in breve l'ambito di utilizzo e la descrizione rilasciata ufficialmente dal consorzio W3C.
Per la lista aggiornata dello stato di avanzamento dei moduli si puo fare riferimento alla pagina ufficiale W3C a questo indirizzo.
Moduli gia in fase di Last Call o in Candidate Recommendation sono:
- Media Queries: miglioramento delle regole @media del CSS e dell'attributo "media" HTML. Aggiunge parametri come la dimensione del display, profondità del colore e proporzioni.
- Selectors: utilizzati per selezionare gli elementi in un documento HTML o XML, estendono i selettori di CSS1 e CSS2 permettendo ad esempio la selezione condizionata al fatto che siano figli o fratelli di un altro elemento.
- Backgrounds and Borders: descrive le proprietà di colori e immagini di sfondo e dello stile dei bordi. Le nuove funzionalità includono la possibilità della visualizzazione "stretch" per l'immagine in background, di utilizzare bordi arrotondati ed ombreggiati.
- Basic User Interface: si occupa dello stile negli elementi dinamici delle pagine web: permette di controllare con efficacia l'aspetto di elementi del modulo nei vari stati e di gestire i cursori ed i colori, al fine di descrivere un'interfaccia grafica intonata con l'ambiente desktop dell'utente.
- Marquee: contiene le proprietà che controllano la velocità e la direzione dell effetto marquee. L'effetto consiste in un meccanismo di scorrimento intelligente che non ha bisogno di intervento da parte dell'utente. Marquee è usato frequentemente nei dispositivi portaili.
- Color: specifica gli aspetti relativi al colore, compresa la trasparenza e le proprietà del vecchio tag <color>
- Multi-column Layout: mette a disposizione le proprietà del layout a piu colonne, il quale prevede anche la possibilità che queste siano di dimensione variabile.
- Paged Media: Paged Media estende le proprietà CSS2 per quanto riguarda le intestazioni a piè di pagina o dei numeri di pagina.
- Namespaces: i formati basati su XML possono usare "namespace" per distinguere i molteplici usi del nome dello stesso elemento. La tecnica dello spazio dei nomi, peraltro gia utilizzata da altri linguaggi moderni come ad esempio il C#, permette di assegnare un nome locale agli elementi e di disinguerli in base al namespace di riferimento con relativo incremento della semplicità di programmazione e della chiarezza del codice .
