Usare oggi i CSS3
Martedì 1 Luglio 2008 - 09:23
di Cesare Lamanna
“Bello, bellissimo, chissà quante cose potrei farci… Peccato che il browser X non lo supporta e non lo supporterà mai…”. È un grido di dolore a cui siamo/siete abituati. Prendiamo i CSS3. La specifica è ben lungi dall’essere giunta alla sua definitiva sanzione da parte del W3C, ma molte parti importanti sono già implementate nei principali browser (per un quadro riassuntivo rimando all’ottimo CSS3.info o alle tabelle comparative di Quirksmode).
Non sono pochi, dunque, quanti suggeriscono di adottare al riguardo una strategia centrata sul cosiddetto progressive enhancement. Così chiarisce il concetto Alessandro Fulciniti nell’articolo CSS3 a piccoli passi:
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.
Un caso da manuale rispetto a questa impostazione è quello del cosiddetto General sibling combinator (~) definito nella specifica CSS3 e che si affianca, concettualmente, al selettore dell’elemento adiacente (+) introdotto con i CSS2.
Come chiarisce bene in questo post Eric Wendelin, la differenza è che con il selettore + applichiamo uno stile solo all’elemento immediatamente adiacente di un altro elemento, mentre con ~ lo applichiamo, genericamente, a tutti gli elementi adiacenti di un altro elemento. Gli esempi presenti nel post di Wendelin sono chiari ed esaustivi.
E se navigate con un browser di ultima generazione (IE7+, FF2+, Opera 9.5+, Safari 3+) non avrete problemi a visualizzarli correttamente. Non sarebbe cosa sensata, attuando la strategia del progressive enhancement di cui sopra, iniziare ad usarlo se necessario e utile? Come vi comportate in questi casi?
Commenti
1
Io sicuramente inziero’ a cercare di integrare qualcosa nei miei prossimi lavori, con il progressive enhancement, e se il tutto va sono sicuro che man mano iniziero’ a usare CSS3 sempre piu’ frequentemente.
Bel post! Spero ne farete di piu’ a riguardo# - postato da Martin Sarsini - 01 Luglio 2008 - 10:16
2
Ne vale assolutamente la pena, ci sono alcune proprietà dei CSS ancora non pienamente supportate che possono benissimo essere sfruttate su alcuni browser.
L’esempio più chiaro è proprio quello dei selettori CSS3 già citati nel post, ma si può fare qualcosa anche con i Web Fonts.
Sono proprio i selettori a interessarmi di più, perchè permettono di alleggerire il codice continuando comunque a fornire una versione “valida” a browser come IE6.
3
Che senso ha complicare maggiormente la creazione di siti e di applicazioni WEB?
Non ci sono già fin troppi problemi di compatibilità cross-browser?
Personalmente penso che non utilizzerò le specifiche CSS3 per moooooolto tempo, ovvero finché non saranno complete e finché almeno il 95% dei browser utilizzati nel mondo non li supporteranno pienamente.# - postato da Andrea - 01 Luglio 2008 - 14:17
4
Per ora solo Safari supporta quel selettore. Purtroppo aggiungerei
# - postato da 7keys - 01 Luglio 2008 - 14:33
5
@7keys: parli del selettore con la tilde (~)? per fortuna lo supportano pure IE7, Firefox e Opera 9.5
non che lo abbia sperimentato su tutti i browser direttamente, ma mi fido di PPK :)
6
I CSS3 sono notevoli in fatto di novità di selettori e funzionalità… Sarebbe però interessante sapere quale direzione sarebbero intenzionati a prendere i team di sviluppo dei vari browser. Perchè mi sembra assurdo che ogni settimana venga fuori una news in cui un browser dice di supportare una funzionalità che talvolta non è nemmeno presente nella bozza del w3c. Almeno anche noi sviluppatori sapremmo già che cosa “studiare” senza attaccarci all’amo del primo browser che supporta qualcosa di nuovo.
Siamo qui ad aspettare (ansiosi e speranzosi) senza avere idea di cosa arriverà…