Avrete forse già visto articoli o video che annunciano l’arrivo di CSS4. Eppure, CSS4 non esisterà mai — almeno non nella forma di una specifica unica come CSS2 o CSS3. Ecco perché, e cosa significa concretamente per gli sviluppatori web.
Da CSS1 a CSS3: un po’ di storia
La prima versione di CSS, pubblicata nel 1996, contava circa 50 proprietà: background, color, width, border… Relativamente semplice da implementare per i browser.
Si è poi passati a CSS2, che ha aggiunto numerose proprietà. Ma i team del W3C (World Wide Web Consortium) si sono presto scoraggiati: ci sono voluti quasi 10 anni per finalizzare, ottimizzare e rendere compatibili tutte queste proprietà attraverso i vari browser.
Il problema? Ogni specifica era un blocco monolitico. Per finalizzare l’insieme, bisognava aspettare che ogni proprietà fosse validata — anche se alcune erano pronte molto prima delle altre.
La nascita del sistema modulare con CSS3
Per risolvere questo problema, il W3C ha avuto un’idea rivoluzionaria: suddividere i CSS in moduli indipendenti. Ogni modulo copre un aspetto specifico del linguaggio e può evolversi al proprio ritmo.
È così che è nato ciò che chiamiamo « CSS3 ». Non è una nuova specifica unica, ma un insieme di moduli separati: Selettori, Media Queries, Flexbox, Grid, Trasformazioni, Animazioni e molti altri.
Ogni modulo ha il proprio livello (level). Ad esempio, il modulo Selettori è al livello 4, mentre altri moduli più recenti come CSS Grid partono dal livello 1.
Perché CSS4 non esisterà mai
Oggi, alcuni moduli sono al livello 4, altri al livello 3, e alcuni ancora al livello 1. Non esiste più un numero di versione globale per i CSS.
Quando si parla di « CSS4 », ci si riferisce in realtà ai moduli individuali di livello 4 — come i Selettori di livello 4, Color di livello 4 o le Media Queries di livello 5. Ma non esiste una specifica unificata « CSS4 » e non esisterà mai.
Questo sistema modulare è in realtà un enorme vantaggio: i browser possono implementare le nuove funzionalità progressivamente, senza aspettare che un’intera specifica sia finalizzata.
Le funzionalità CSS moderne da conoscere
Anche se non esiste CSS4, il linguaggio è in continua evoluzione. Ecco alcune delle funzionalità più significative degli ultimi anni:
- CSS Grid — Un potente sistema di layout bidimensionale
- CSS Variables (Custom Properties) — Variabili native in CSS
- Container Queries — Adattare lo stile in base alla dimensione del contenitore padre
- :has() — Il tanto atteso « selettore genitore »
- Subgrid — Griglie annidate che ereditano dalla griglia padre
- @layer — Gestire la cascade con i layer CSS
- Nesting — L’annidamento nativo dei selettori, senza preprocessore
In sintesi
CSS4 non esiste come specifica unica. Il CSS moderno funziona come un insieme di moduli indipendenti, ciascuno con il proprio livello di versione. È un approccio più flessibile che permette al linguaggio di evolversi più rapidamente e ai browser di implementare le novità man mano.
Per seguire l’evoluzione dei CSS, consultate il sito ufficiale del W3C o risorse come web.dev.
0 commenti