kluster
Dio maturo
Registrato: 15/04/06 13:14
Messaggi: 2898
|
 Inviato: 30 Mar 2007 15:14 Oggetto: Rendere IE pienamente conforme agli standard w3c con Ie7.js |
 |
|
Dunque, ogni volta che si crea un sito, bisogna dannarsi l'anima per renderlo perfettamente cross-browser, e + volte si manda a quel paese Bill Gates ed il suo Internet Explorer per il mancato supporto agli standard del w3c (World Wide Web Consortium) soprattutto in ottica CSS.
Vi sara' capitato spesso, create una soluzione, ma non è supportata da IE, ci sarebbero i png che supportano la trasparenza, ma arriva Ie a rompere le scatole, c'è il box-model di Ie che è implementato male (che include margini e padding nella larghezza del layer) e bisogna ricorrere ad Hack, ci sono proprieta' mancanti quali min-height, max-height, l'hover che funziona solo per i tag A, il position:fixed, regole !important etc etc, insomma Internet Explorer per farla breve, fa veramente pena ma purtroppo è ancora il browser + utilizzato (speriamo ancora per poco) in internet.
Dean Edwards evidentemente si era rotto le palle di questa situazione, ed ha creato questa libreria, IE7.js che permette di implementare gli standard w3c anche su tutti i browser IE inferiori alla versione 7 (che ha risolto alcuni problemi, ma non tutti)
Dico subito che contro questa soluzione c'è la problematica del suo peso (35 kb + ogni css viene parsato dalla libreria [solo su IE] per aggiustare le regole non supportate) e quindi è una considerazione da valutare sin dall'inizio. E secondo potrebbe essere poi problematico implementare vostre altre librerie che mal interagiscono con IE7. Senza contare che tutto si regge sul fatto che l'utente (il client) supporti javascript, anche se ormai è veramente difficile trovare gente che disabilita' completamente il js, ma è una cosa che puo' capitare benissimo.
A favore, c'è che utilizzandola avrete la possibilita' di aggiungere ad IE le seguenti funzionalità:
| Citazione: |
* supports the following CSS selectors:
o namespace|selector
o parent > child
o adjacent + sibling
o adjacent ~ sibling
o [attr], [attr="value"], [attr~="value"] etc
o .multiple.classes (fixes bug)
o :hover, :active, :focus (for all elements)
o :first-child, :last-child, only-child, nth-child, nth-last-child
o :check, :disabled, :enabled
o :root, :empty, :contains(), :not()
o :before/:after/content:
o :lang()
* works with both HTML and XML documents
* supports imported style sheets
* preserves the cascade of the style sheet
* does not alter the document structure
* does not repeatedly query the DOM tree using JavaScript
* uses pure CSS to enforce style sheet rules
* supports the W3C box model in both standards and quirks mode
* supports fixed positioning (flicker free)
* supports overflow:visible
* supports min/max-width/height
* fixes broken (X)HTML elements (abbr, object)
* standardies forms behavior
* supports PNG alpha transparency
* lightweight script (22K)
* completely modular (add/remove fixes)
* works for Microsoft Internet Explorer 5+ (Windows only)
|
Valutate attentamente, ma è certo che la libreria sia di grandissima utilità ed è una possibile soluzione definitiva per lo sviluppo di un sito.
I LINK NECESSARI:
La libreria: http://dean.edwards.name/IE7/
Come installarla: http://dean.edwards.name/IE7/install.html
Configurazione: http://dean.edwards.name/IE7/usage/configure.html
La compatibilità: http://forum.zeusnews.com/link/13558
Ottimizzazione della libreria: http://dean.edwards.name/IE7/usage/optimise.html
Download della libreria + altre utility: http://dean.edwards.name/download/
ESEMPI:
Tutte le implementazioni dimostrate
Menu in puro CSS (ripresa dall'esempio originale di Eric Meyer)
Spirale complessa demo 1 (ripresa dall'esempio originale di Eric Meyer)
Spirale complessa demo 2 (ripresa dall'esempio originale di Eric Meyer)
Un esempio xml
Pseudo classi dinamiche |
|
FAQ
Cerca
Lista utenti
Gruppi
Registrati
Profilo
Messaggi privati
Log in
