Cosa vorremmo dai CSS3
Giovedì 19 Febbraio 2009 - 09:00
di Cesare Lamanna
Lo scorso anno, sul blog del Web Standards Project, era stato aperto un post per raccogliere feedback sui desideri degli sviluppatori rispetto alla specifica CSS3. Il tutto da inviare come base di discussione e di idee al CSS Working Group.
Uno dei membri del gruppo di lavoro, fantasai, ha ordinato e raccolto sul suo sito le proposte più significative. Il documento è ovviamente lungo e denso, ma la lettura è sicuramente interessante. Ecco alcune delle proposte presentate.
Spesso è utile segnalare all’utente che un certo link presente sulla pagina punta al documento (o alla sezione) corrente. I casi più tipici potrebbero essere quelli di menu di navigazione o di sezioni di navigazione a bradcrumb. La soluzione possibile via CSS? Una pseudoclasse :current.
Non sarebbe bello, diciamo, poter selezionare tutti i paragrafi che contengono una certa parola? Si potrebbe fare con un’altra pseudoclasse, :contains.
Oggi, una tipica sezione di CSS dedicata alla formattazione del testo, ha più o meno questa forma:
font-family: Georgia, Times, Times New Roman, serif; font-size: 16px;
Si potrebbe immaginare un meccanismo che combini font-family e font-size (ma anche line-height) e consenta una maggiore precisione nell’espressione delle proprietà del testo. Per esempio, consentirebbe di specificare diverse dimensioni e diverse altezze di riga a seconda del font. Qualcosa come:
Georgia 14px 1.2em, Times New Roman 16px 1.4em
Dopo l’ampia sezione dedicata ai layout, si passa alle sperimentazioni grafiche, per esempio con la proposta di box e float non rettangolari, che potrebbero dare vita a cose come quella visibile nell’immagine qui sotto (l’ho presa da questa pagina del blog del CSS Working Group):
A livello di effetti grafici, poi, una della richieste maggiori è per i gradienti, mentre non è mancato chi ha proposto di estendere via standard a tutti i browser la possibilità di modificare l’aspetto della scrollbar.
Su alcuni dei punti emersi sta proponendo una serie di post di analisi e commento Eric Meyer. Uno è sul layout in generale, un altro (da leggere) sulle carenze attuali dei CSS come strumento per la creazione di layout (strumento per altro insostituibile, come evidenzia Meyer, pur con tutti i suoi limiti). Un terzo intervento è invece dedicato alla gestione dei blocchi di selettori. Si tratta di trovare un sistema più adeguato e di più semplice gestione per dichiarare gruppi di selettori come questo:
body.home #content .entry h2,
body.home #content .entry h3,
body.home #content .entry h4,
body.home #content .entry h5,
body.home #content .entry h6 {...}
e trasformarli in una forma di questo tipo:
body.home #content .entry {
h2, h3, h4, h5, h6 {...}
}
Commenti
1
Tutte cose utilissime quelle che citi. Mi accontenterei di sapere che tutti i browser seguono lo standard. Sarei già contento così…
2
Ce ne sarebbero tante di cose da dire. Un bel passo avanti per la pulizia del codice si avrebbe anche con una migliore gestione delle immagini, sia a livello di posizionamento e ripetizione, che con i background multipli su un singolo elemento.
E la gestione delle colonne per il layout?
Per ora sarebbe già tanto vedere supportare i CSS 2.1 e la morte di IE6 :)
3
Background multipli, angoli arrotondati, gradienti e ombre potrebbero risolvere in un colpo solo la maggior parte dei problemi di layout di blocchi, senza necessità di immagini, hack e div/span aggiuntivi
# - postato da Luciano Ghione - 19 Febbraio 2009 - 11:05
4
Dimenticavo: la possibilità di scalare un’immagine di sfondo, meglio ancora se con una modalità tipo lo “scale 9″ di Flash che preserva gli angoli.
Già che ci siamo anche farne il clipping (utile per gli sprite).
# - postato da Luciano Ghione - 19 Febbraio 2009 - 12:08
5
Ma tanto poi non potremmo usare determinati css per colpa di IE 9, 10, 11 e seguenti.
6
In pratica non serve avere un nuovo standard CSS, ma basterebbe avere tutti i browser ‘gestibili’ con più facilità.
7
io ora come ora troverei una grossa agevolazione da ipotetiche variabili CSS… così colori, dimensioni e quant’altro vengono definiti una volta solamente…
8
I gradienti secondo me sarebbero una cosa molto importante!!! Come anche i float non rettangolari, ma anche i div dovrebbero poter assumere forme particolari, così da poter utilizzare background e border per creare effetti invitanti e non ricorrere per forza alle immagini.
# - postato da Andrew - 19 Febbraio 2009 - 22:00
9
ottimo articolo, complimenti! avvincente!
# - postato da alessandro - 20 Febbraio 2009 - 08:12
10
Sicuramente la gestione multipla dei background, la gestione degli angoli (anche non arrotondati), istruzioni condizionali e magari altre istruzioni per la gestione dei browser. Insomma ce nè di lavoro.