Patway: Home Lab Guide Template CSS3 per Internet Explorer
Italian - ItalyEnglish (United Kingdom)

CSS3 per Internet Explorer

(2 voti, media 5.00 di 5)
Scritto da ricdata   
Venerdì 13 Maggio 2011 14:34
css3-ieI nostri siti web potrebbero avere una marcia in più se utlizzassero le funzionalità del nuovo CSS3. Purtroppo siamo relegati al palo a causa del solito Internet Explorer, che è sempre un passo indietro rispetto a tutti gli altri browser. Sì, è vero che il nuovo IE9 supporta questi standard, ma è anche vero che la maggior parte degli utilizzatori di IE usano ancora le vecchie versioni (statistiche di utilizzo dei browser). Nonostante l'utilizzo dei browsers di Microsoft sia in netta e costante discesa, non ottimizzare il sito anche per questo browser, potrebbe comportare la perdita di potenziali visitatori. D'altro canto, per rendere il sito esteticamente uguale per tutti i browser necessita di un lavoro non indifferente da parte del webmaster.

Quale strada seguire dunque, senza dover scendere a compromessi?
ad oggi, Per fortuna troviamo diverse soluzioni che vengono in aiuto del webmaster.

Scorrazzando in rete, sono venuto a conoscenza dell'esistenza di alcune librerie che consentono di attivare alcune delle funzionalità più utilizzate dei CSS3 in IE 6-7-8.

Mi limiterò a fare una panoramica su alcune di esse, descrivendone le caratteristiche principali.
Per le istruzione sul loro utilizzo vi invito a consultare la documentazione presente nei siti ufficiali.


CSS3PIE


è attualmente una delle librerie più avanzate e fornisce il supporto per i seguenti stili:
  • border-radius
  • box-shadow
  • border-image
  • multiple background images
  • linear-gradient as background image

CSS3 in Internet Explorer

 
anche questa è una buona libreria. Fornisce le funzioni

  • border-radius (with different radii for each corner)
  • box-shadow (visually a near perfect match to Webkit)
  • rgba (backgrouds only for now)
  • linear gradients (backgrouds only for now)
  • text-shadow


CSS3 Pseudo-Class Selectors Emulation


questa libreria offre il supporto per alcuni dei più utili pseudo selettori CSS3

  • :nth-child
  • :nth-last-child
  • :nth-of-type
  • :nth-last-of-type
  • :first-child
  • :last-child
  • :only-child
  • :first-of-type
  • :only-of-type
  • :empty


IE-CSS3


Queste le funzioni che ci offre:

  • border-radius
  • box-shadow
  • text-shadow



infine vi segnalo un'altra possibilità.
Non è utilizzabile a discrezione del webmaster, poichè si tratta di una patch client side. E' un plugin che l'utente deve installare sul proprio sistema (windows), che rende i browsers microsoft perfettamente compatibili con gli standard HTML5 e CSS3.
Questo software si chiama Google Chrome Frame e ci arriva da Mountain View, direttamente dai Labs di Google.
Il webmaster più pigro potrebbe inserire un messaggio nel sito chiedendo di installare il software o cambiare browser (che è meglio) per visualizzare correttamente il sito Tongue out

Aggiungi commento


Codice di sicurezza
Aggiorna