Text-shadow e sfondi nei CSS3
Giovedì 21 Febbraio 2008 - 12:37
di Gianluca Brindisi
I CSS3 sono sempre più vicini e, come di consueto ormai, su devOpera si preoccupano di fare le dovute presentazioni.
Nell’ultimo articolo proposto vengono illustrate due proprietà davvero interessanti: la prima è text-shadow che si occupa di, indovinate un po’, applicare un ombra ai testi; la seconda, background-sizing, sicuramente più intrigante, permette di dimensionare le immagini di sfondo.
Le due proprietà sono attualmente implementate in Opera 9.5 e Safari 3.
Personalmente trovo che background-sizing in particolare prometta grandi cose, specialmente per quanto riguarda l’ottimizzazione delle immagini… ma quanto ci toccherà aspettare per poter utilizzare tutte queste innovazioni senza pensieri?
Commenti
1
Speriamo nell’implementazione di queste funzioni in IE8, dato che, volenti o nolenti, è il supporto da parte del browser di Redmont a rendere conveniente l’utilizzo di certe caratteristiche nello sviluppo di un sito.
Si veda la scarsa diffusione, grazie ad IE6, delle png, oppure le proprieta min/max width, le pseudo classi first-child etc, etc…
# - postato da idrolitina - 21 Febbraio 2008 - 13:38
2
Già, IE6 ha privato agli sviluppatori tante opportunità offerte specialmente dai CSS e dalle png.
Personalmente sviluppo in Mozilla (parere personale: ormai sono pochi gli utenti che utilizzano IE6), utilizzando a pieno le potenzialità dei CSS dove possibile, e mantenendo gli standard sugli altri browser.
Spero che queste nuove funzionalità si possano al più presto utilizzare come tutti gli altri standard esistenti.
Interessante il text-shadow, utile il background-sizing!# - postato da stakanovista - 21 Febbraio 2008 - 13:49
3
La risposta alla domanda posta in calce all’articolo temo che sia, purtoppo, infinito… Come già sottolineato da idrolitina, a causa di IE, non possiamo ancora utilizzare alcuni interessanti selettori e proprietà esistenti da tempo, figurarsi quando mai riusciremo a sfruttare le nuove caratteristiche dei CSS3, visto che sono supportate così poco dai browser (e non solo IE) più diffusi!
Comunque, intanto, credo che quando possibile-funzionale-utile sarebbe il caso di adottare ugualmente queste novità per rendere l’esperienza di navigazione migliore per gli utenti che utilizzano Safari 3 e Opera 9.5…
# - postato da vol de nuit - 21 Febbraio 2008 - 13:56
4
Anni!!! Ancora adesso abbiamo problemi ad implementare con semplicità alcune funzionalità semplici dei CSS 2…
# - postato da Luca - 21 Febbraio 2008 - 14:01
5
Aggiungo che per quello che mi riguarda, testo i miei siti con Safari e Firefox per poi aggiustare i mille problemi che si presentano in Explorer 6.0 e precedenti.
Purtroppo, devo anche dire che IE 6 è ancora molto utilizzato. Dai rapporti di Google Analytics la versione di IE più utilizzata attualmente risulta essere la 7, con valori che oscillano intorno al 50%, seguito dalla 6, con una media approssimativa del 40% di utenti… e c’è chi, purtroppo, utilizza ancora le versioni precedenti… :-(
# - postato da vol de nuit - 21 Febbraio 2008 - 14:08
6
Text-shadow è percaso simile a quella proprietà implementata in IE6? Oddio aiuto, vedremo tutti i siti pieni zeppi di titoli ombreggiati!! Noooo…!! LOL
Cmq io credo che grazie a webkit, opera e safari sta avvenendo una piccola rivoluzione nell’implementazione di questi nuovi standard.
Non credo faccia piacere a microsoft e mozilla rimanere indietro rispetto agli altri e vedersi addossare la colpa di ostacolare l’evoluzione delle tecnologie web. :-)
# - postato da Nemesis Design - 21 Febbraio 2008 - 15:45
7
La text-shadow mi sembra interessante, più che altro per evitare, appena si vuol dare un po’ di profondità a un titolo, di creare un apposita immagine…
Il background-sizing, se è solo quello che il nome lascia intendere, secondo me è completamente inutile. Pensandoci bene, non trovo applicazioni rilevanti. Assolutamente fondamentali saranno invece i background-image multipli!Riguardo la compatibilità, è vero quello che dite. Molti utenti usano ancora IE6, e di fatto Microsoft (anche con IE7 che non è questo gran chè in fatto di supporto ai CSS) sta azzoppando la diffusione di queste nuove funzionalità.
Personalmente però, piuttosto che arrendermi e usare solo le proprietà CSS supportate più o meno da tutti, preferisco offrire un sito migliore agli utenti dei migliori browser (con tanto di “best viewed in”), e lasciare gli altri con un sito accettabile per quel che può il browser. Non so se mi sono spiegato…# - postato da joeSeggiola - 21 Febbraio 2008 - 16:25