subscribe: Posts | comments

RssDeliciousTwitterAnobiiFacebook

IE6 e un magico script che lo rende “quasi” standard compliant

14 commenti

Scritto da Lauryn il 5 gen 2009 in Accessibilità, Ajax e js, Xhtml e css | 14 commenti

ie logo small IE6 e un magico script che lo rende quasi standard compliantApprendo da un interessante articolo di Jeremy Keith che simpaticamente “delira” su quando sia il caso di ottimizzare anche per explorer 6 e quando no, tramite un’equazione matematica, che un certo Dean Edwards ha creato uno script chiamato IE7.

Non ne conoscevo l’esistenza, ma a quanto pare questo “magico” script rende explorer6 e inferiori dei browser molto simili a quelli che supportano gli standard, come explorer7, firefox, opera etc.

E’ sufficiente inserirlo nel nostro sito richiamandolo con l’if condizionale per i browser explorer:

<!--[if lt IE 7]>
<script src="http://ie7-js.googlecode.com/
svn/version/2.0(beta3)/IE7.js" type="text/javascript"></script
<![endif]-->

E dovrebbe (dico dovrebbe perchè non ho ancora avuto modo di testarlo):

  • supportare i seguenti selettori CSS:
    • genitore > figlio
    • adiacenti + fratelli
    • adiacenti~ fratelli
    • [attr], [attr="value"], [attr~="value"] etc
    • .multiple.classes (fixa i bug)
    • :hover, :active, :focus (per tutti gli elementi)
    • :first-child, :last-child, only-child, nth-child, nth-last-child
    • :checked, :disabled, :enabled
    • :empty, :contains(), :not()
    • :before/:after/content:
    • :lang()
  • supporta i fogli di stile importati
  • mantiene la cascata dei fogli di stile
  • non altera la struttura dei documenti
  • non richiama ripetutamente l’albero DOM usando JavaScript
  • usa CSS puro per raffornzare le regole di stile
  • supporta il W3C box model sia nello standards che nel quirks mode
  • supporta il fixed positioning (senza sfarfallio)
  • supporta overflow:visible
  • supporta min/max-width/height
  • fixa gli elementi di interruzione (X)HTML (abbr, object)
  • standardizza il comportamento dei forms
  • supporta la PNG alpha transparency
  • script leggero (11KB)
  • funziona per Microsoft Internet Explorer 5+ (Windows)

Io suggerirei di testarlo prima possibile, forse ci alleggerirà un po’ di lavoro, perchè, checchè ne dica Keith, purtroppo explorer 6 è ancora molto diffuso e da supportare. Lui suggerisce di valutare, a ritroso, dalla più estrema al suo opposto, l’opportunità di:

  • bloccare gli utenti explorer 6 dall’accesso al proprio sito ( :o direi davvero estrema, magari aggiungerei io, suggerire tramite un avviso, di aggiornarsi almeno a ie7 per una migliore visualizzazione)
  • sviluppare con gli standard web e ignorare i test su ie6 (come sopra)
  • usare lo script di Dean Edwards come suggerito (e aggiungo io, fare piccoli test perchè qualcosa sfuggirà)
  • scrivere un file css per fixare explorer 6 (che stress)
  • rendere il tutto graficamente esatto fra explorer 6 e gli altri browser (doppio stress!)

Magari facciamo anche presente ai nostri clienti che il risultato non sarà mai uguale su tutti i browser, perchè come suggerisce Scano, sarebbe come voler far vestire a differenti donne lo stesso abito taglia 42… ;-)

Post correlati

14 commento per “IE6 e un magico script che lo rende “quasi” standard compliant”

  1. Alessandro (75 comments) says:
    5 gennaio 2009 at 09:19

    Ciao!

    ho fatto alcuni test su una pagina di un sito in sviluppo. Mi ha sballato completamente il layout e non ha risolto i problemi di :hover :focus. Forse solo un caso eh…

    inoltre la sintassi dell’if è sbagliata. Questa dovrebbe essere giusta:

    [if IE 7]

    reply
  2. Lauryn (3388 comments) says:
    5 gennaio 2009 at 10:38

    no confermo è giusto if lt IE7, significa che è visibile solo a ie6 e inferiori.

    reply
  3. Lauryn (3388 comments) says:
    5 gennaio 2009 at 12:26

    un consiglio: salvate il js in locale sul vostro sito e richiamatelo da lì. sicuramente è più veloce e crea meno problemi.

    reply
  4. Francesco (123 comments) says:
    5 gennaio 2009 at 12:27

    Errore al punto 3, sono necessari due trattini.

    Sostituitelo con:

    Saluti

    reply
  5. Francesco (123 comments) says:
    5 gennaio 2009 at 12:29

    <![endif]–->

    reply
  6. Lauryn (3388 comments) says:
    5 gennaio 2009 at 13:43

    ho corretto ;)

    reply
  7. Pegasus (144 comments) says:
    5 gennaio 2009 at 17:05

    bloccare gli utenti explorer 6 dall’accesso al proprio sito è senz’altro la soluzione più adatta, meno stress per tutti :P

    reply
  8. Francesco Gavello (31 comments) says:
    5 gennaio 2009 at 17:07

    Ho giusto un progettino personale che potrebbe beneficiarne.

    Evvai di testing :D

    reply
  9. Marco Bertoni (49 comments) says:
    5 gennaio 2009 at 18:41

    Io lo uso da anni ;) . Dean Edwards è un mito.

    reply
  10. Lauryn (3388 comments) says:
    5 gennaio 2009 at 19:35

    oh ecco un’esperienza autorevole. allora mi fido, grazie marco :D

    reply
  11. King7880 (7 comments) says:
    10 gennaio 2009 at 02:24

    Grandioso ;-) io è da qualche mese lo uso… forse è un pochino ostico il fatto di dover rinominare con TRANS :-) ) tutte le png… ma grazie a questo script niente più pngfix hack ecc, ecc… Basta solo un pochino di esperienza ed il gioco è fatto ;-)

    reply
  12. Lauryn (3388 comments) says:
    10 gennaio 2009 at 09:27

    ottimo, grazie della segnalazione!!

    reply
  13. Dario (6 comments) says:
    11 gennaio 2009 at 21:36

    ragazzi scusatemi devo inserire questo codice all’interno delle tag ?

    reply
  14. Lauryn (3388 comments) says:
    12 gennaio 2009 at 08:14

    @dario: questo codice va inserito fra i tag di apertura e chiusura della head ;)

    reply

Trackbacks/Pingbacks

  1. ZioNews.net - IE6 e un magico script che lo rende “quasi” standard compliant | Italian webdesign... Explorer6: esiste una soluzione?...
  2. IE6 e un magico script che lo rende “quasi” standard compliant | Simone D'Amico - [...] | ItalianWebDesign posted under Web Designing, internet explorer Post correlati: CSS: dare uno stile ...

Lascia un commento