CSS Tip #12 – Chi supporta i CSS3?

4 luglio, 2010 - Tags: css tip, webdesign

Da qualche anno si dice che i CSS3 siano alle porte…. tuttavia la loro ufficializzazione non è ancora avvenuta e non si sa neanche quando avverrà.

Ma nonostante tutto alcuni webdesigners li usano, merito principalmente di Mozilla e Apple che hanno deciso di supportare subito questo nuovo standard nei loro browser anche se non è ancora stato ufficializzato. Per quanto riguarda Apple poi tramite i suoi dispositivi iPod Touch, iPhone e iPad che (volenti o nolenti) registrano milioni di vendite, il browser Safari è diventato il più diffuso in ambito mobile. Questa non è affatto una cosa da sottovalutare perche appunto significa che se stiamo realizzando pagine web “dedicate” al mobile o a quei dispositivi possiamo gia utilizzare gran parte delle nuove proprietà CSS3!

A questo punto facciamo un po di chiarezza e qualche considerazione:

Cosa sono i CSS3?

Sono il prossimo standard per i Cascading Style Sheet (lo standard attuale è il 2.1), permetteranno di realizare in una riga di codice molti effetti interessanti tra cui: angoli arrotondati, ombre per box e testi, immagini di sfondo multiple, web fonts, testi multi colonna e colori con trasparenza… insomma tutte quelle cose per cui bisogna attualmente ricorrere a barbatrucchi!

Se volete vedere qualche esempio di questi effetti, munitevi di un browser che supporti i CSS3 (leggete il paragrafo qui sotto) e andate su css3.info !

Chi li supporta?

Firefox e i browser a base Webkit (Safari e Chrome) usano dei Css proprietari per “anticipare” il supporto del nuovo standard, ovvero davanti alle nuove proprietà viene inserito un suffisso “-moz-” per il primo e “-webkit-” per il secondo.

Cosa succede se faccio pagine con CSS3 e vengono aperte da browser che non li supportano?

Semplicemente gli effetti CSS3 non saranno visibili. Detto cosi non sembra catastrofico ma di fatti lo è in quanto otterremmo un sito che viene visualizzato in due modi nettamente diversi in base il browser, il che è male in quanto lo scopo di un webdesigner è proprio realizzare un layout che posso essere visto allo stesso modo da parte di tutti gli utenti.

Quindi perche dovrei usarli?

Per realizzare pagine espressamente dedicate ai dispositivi Apple e Android, i quali browser preinstallati supportano a pieno il nuovo standard. Oppure tramite dei script in Javascript (o meglio per jQuery) possiamo rendere questi effetti visibili in tutti i browser (si, anche Internet Explorer!), ma la computazione da script rispetto ai CSS è sempre un pochino più lenta.

Oppure semplicemente per smanettare e imparare… e prepararsi al prossimo web .

Detto questo…

…sappiate che nei prossimi CSS Tips si parlerà un po più spesso dei CSS3 .

Articoli correlati:

• CSS tip #1 – Angoli arrotondati Nel realizzare la nuova versione del mio sito ho voluto utilizzare una proprietà CSS un pò avanti sui tempi, (infatti la troveremo “ufficializzata” con i CSS3), ma che 2 motori di rendering web molto diffusi hanno gia deciso di utilizzare:...
• CSS Tip #13 – Google Font Directory Da poco tempo Google ha rilasciato in beta un nuovo servizio che prende il nome di Font Directory, lo scopo è quello di permettere ai webdesigners di utilizzare nuovi font oltre alla solita cerchia, ospitandoli sui propri server… e il...
• CSS Tip #8 – “Vedo e non vedo”, ovvero: la trasparenza Le trasparenze sono un’effetto molto gradevole se ben utilizzato, tuttavia per creare simulazioni di trasparenza spesso si usa Photoshop e successivamente si esporta il tutto come immagine normale. Da qualche tempo ormai gran parte dei browser (per non dire tutti)...