CSS e compromessi accettabili
Mercoledì 1 Ottobre 2008 - 08:14
di Cesare Lamanna
La discussione è emersa più volte su queste pagine (mi limito a segnalare il post Usare oggi i CSS3): molti browser consentono già oggi di sfruttare proprietà o selettori avanzati dei CSS, ma prima di adottarli qualcuno potrebbe avere remore derivanti innanzitutto dal fatto che il risultato finale non sarà lo stesso su tutti i browser.
Non parliamo, ovviamente, di cose con cui si rischia di servire versioni del sito inusabili e povere dal punto di vista grafico agli utilizzatori di browser non del tutto adeguati in fatto di supporto CSS, ma piuttosto di dettagli, per esempio a livello di tipografia.
Questo bel post di Andy Clarke prende le mosse proprio da uno dei comandamenti essenziali del web design (non è detto che i siti debbano essere perfettamente uguali su tutti i browser, ovvero il web non è la carta) per esaminare nei dettagli 5 soluzioni di design con i CSS per le quali un buon compromesso è raggiungibile sin da ora. L’intervento ha soprattutto il merito di accompagnare la parte teorica con una parte pratica, consistente in screenshot comparativi dei differenti risultati visuali su vari browser e in una pagina dimostrativa con cui si può apprezzare la differenza nell’insieme. Insomma, è osare troppo servire a IE6 un box con i bordi squadrati e a Firefox e Safari con i bordi arrotondati?
Commenti
1
Assolutamente no, io l’ho fatto e non mi sento in colpa..:)
2
In linea generale no, non dovrebbe essere un problema. Solo che poi generalmente l’osservazione immediata è che il cliente valuterà il lavoro usando solo IE6.
A questo punto preferisco creare una versione della pagina sfruttando al meglio tutti i vari selettori supportati dai browser più moderni e di aggiungere tramite commenti condizionali script che consentono di arrivare ad un risultato almeno simile su IE.
Sperando che l’utente, prima o poi, si renda conto che con un browser più aderente agli standard (opera, safari o firefox) l’esperienza di navigazione è nettamente migliore e più veloce e che può adottarne l’uso in favore di browser più obsoleti.
# - postato da Fabrizio Calderan - 01 Ottobre 2008 - 09:38
3
Sono d’accordo, l’utente IE6 (o comunque non aggiornato) dovrebbe avere ciò che si merita.
Ma purtroppo ci sono delle realtà web (e io sta lavorando per una di queste) in cui il target è molto generalista (quindi browser poco aggiornati) e gli standard grafici sono molto tassativi… Praticamente vorrebbere un layout web 2.0 per un browser web 1.0, un approccio antitetico al comandamento citato da Andy Clarke, il web non è la carta.
# - postato da idrolitina - 01 Ottobre 2008 - 09:55
4
I compromessi buoni -lo dice l’aggettivo- lo sono! e si fanno.
5
ma sbaglio o anche su IE7 non funziona?
# - postato da mixio - 01 Ottobre 2008 - 12:08
6
Post molto interessante, così come la risorsa che viene segnalata. Devo dire che per alcuni dettagli quasi tutti i siti “moderni” presentano già qualche minima differenza tra browser vecchi e nuovi (penso al supporto delle trasparenze PNG o ad alcuni effetti javascript). Mi sembra arrivato il momento di spingersi oltre, cominciando a sfruttare i selettori CSS3 per i browser che li implementano. I bordi arrotondati sono un buon esempio, tra l’altro veloce da replicare: credo che lo metterò subito in pratica.
Rimane ovviamente l’imperativo di dare comunque grandissima attenzione alla resa su IE6, che ancora spadroneggia (purtroppo!) tra clienti e management, facendo dunque in modo che le differenze di questo tipo siano gestite in maniera esteticamente gradevole e funzionalmente non rilevante. Certo è che se restiamo vincolati a IE6 non andiamo più avanti! Dall’altra parte, al contrario di quanto ci si aspettava fino ad un paio d’anni fa, la necessità di dover sempre verificare ogni singola pagina su tutti i browser è sempre più forte…
7
E’ la soluzione migliore, del resto è stato fatto anche un sito proprio sull’argomento:
Do websites need to look exactly the same in every browser?
:D
8
Segnalo che sul gruppo linkedin “CSS Linked” si sta svolgendo da qualche giorno una discussione proprio relativa all’uso dei selettori CSS3.
# - postato da Fabrizio Calderan - 01 Ottobre 2008 - 15:46
9
credo che il linea di principio il layout dovrebbe essere lo stesso in quanto se vengono utlizzati bordi stondati o margini o padding eccc…il risultatodebba essere lo stesso.
10
scusate se ripropongo la domanda, ma a voi con IE7 funziona?
# - postato da mixio - 21 Ottobre 2008 - 12:41