IE8: le principali novità per CSS e Javascript

Venerdì 7 Marzo 2008 - 07:45

di Cesare Lamanna

Web Standards

L’arrivo della beta di Internet Explorer 8 smuove sicuramente le acque. Ci sarà da studiare, capire e testare nei prossimi mesi.

In questo post cercherò di riassumere le principali novità in ambito CSS e Javascript, ricavandole dalla lettura della documentazione offerta da Microsoft e da alcuni post riassuntivi apparsi in rete a ridosso dell’uscita della beta.

Per quanto riguarda i CSS, la fonte informativa da cui partire è un whitepaper dedicato alla conformità del nuovo browser rispetto alla specifica CSS 2.1 (utilissima anche la suite di esempi che si può scaricare da questa pagina).

Obiettivo dichiarato è la conformità completa alla specifica. Le novità principali riguardano:

  • la scomparsa (si sapeva) della funzionalità hasLayout;
  • la correzione dei bug relativi ai margini e alla gestione dei float (il documento non scende nei dettagli);
  • aggiunta del supporto per il contenuto generato (pseudo-elementi :before e :after);
  • aggiunta del supporto per i cosiddetti counters nell’ambito della proprietà content;
  • aggiunta del supporto per la proprietà outline;
  • supporto di tutti i valori previsti per la proprietà display (significa che l’esempio preparato da Kevin Yank di cui abbiamo parlato in questo post, funziona con IE8);

Poco o nulla sui CSS3. È supportato praticamente solo il testo verticale. Nulla sul versante dei selettori CSS3, un aspetto su cui gli altri browser sono già pronti da tempo. Ma una frase lascia ben sperare: “Internet Explorer 8 hopes to implement some of the most requested CSS3 features by web developers and designers“.

Il browser supera, si sapeva anche questo, il test Acid 2, ma gli sviluppatori di IE avvisano di fare attenzione all’URL da cui si accede alla pagina del test.

Per quanto riguarda Javascript, è John Resig a mettere (positivamente) in evidenza le novità più interessanti:

  • supporto dei metodi querySelector e querySelectorAll previsti nelle W3C Selectors API (è un metodo che a detta di Resig promette di rivoluzionare in meglio le modalità di selezione nel contesto del DOM)
  • supporto di Cross-Site XMLHttpRequest, il metodo per effettuare richieste verso risorse che risiedono su un dominio esterno di cui abbiamo parlato qui a proposito dell’implementazione su Firefox 3 (Resig evidenzia che le implementazioni sui due browser, però, non sembrano perfettamente allineate);
  • correzioni attese anche per la gestione di getAttribute e setAttribute, così come di getElementById.

Altri dettagli in questo post di Ajaxian.

Ci sarà sicuramente tempo per andare a spulciare tra i dettagli

Tags:

Categoria: Web Standards | Permalink

sponsor

Commenti

1

che dire… se rispettano tutto sembra che ci siano buone notizie!!
Sono comunque convinto che finchè gli utonti continueranno ad usare IE5 o IE6 anche se IE8 supporterà i CSS3, molti siti si continuerannno comunque a fare utilizzando i CSS1

# - postato da paolo - 07 Marzo 2008 - 08:47

2

Tutto molto bello da un punto di vista teorico.
Tutto molto tragico se si pensa che ci aspetta un periodo in cui avremo almeno 2 firefox e 3 explorer su cui testare… :|
Son tempi cupi.

# - postato da \\Dav - 07 Marzo 2008 - 09:43

3

Ragazzi io ho provato la beta è dire che fa schifo è un complimentone!!!

Ho visto 10 siti e neanche e solo 1 è stato visualizzato correttamente senza sbracamenti di layout!

Le parti realizzate con Mootools o altre librerie che usano metodi asincroni non funzionano manco per niente!!

Che schifo

# - postato da Nemesis Design - 07 Marzo 2008 - 10:22

4

il problema più grosso di explorer è proprio la sua diffusione in differenti versioni e la troppa importanza che gli sviluppatori microsoft continuano a dare alla retrocompatibilità a tutti i costi.

ci vorrebbe una netta rottura col passato ma ciò non può avvenire anche per interessi economici. gli errori del passato dei programmatori di IE verrebbero infatti pagati da tutti gli utenti.

come diceva Dav avremo un periodo in cui avranno discrete percentuali di diffusione, non tanto explorer 5, quanto la 5.5, la 6, la 7 ovviamente e la 8. ognuna con proprie caratteristiche differenti tra loro.

si preannunciano 3 scenari quindi:
- realizzare siti che non si discostano poi tanto dalle tecniche odierne e che siano compatibili con tutte le versioni di IE diffuse
- realizzare siti con almeno 3 differenti css e pieni di hacks
- realizzare siti orientati ai browser moderni (ma questo per me non è un discorso applicabile ai siti con un largo bacino di utenti)

insomma: un bel casino! vado a vendere i gelati al gusto puffo in spiaggia che è meno stressante

# - postato da saibal - 07 Marzo 2008 - 14:32

5

@Nemesis Design
Certo che sei proprio una persona inteligente da quanto scrivi… Ma ti vorrei far notare tre cose:
1) Sei cosciente che ie8 è solo alla beta 1?
2) Sei cosciente che proprio perchè il motore di rendering è cambiato, in modo positivo (Totale o quasi aderenza agli standard), i siti si vedono male?
3)Te ne sei accorto che in alto c’è un bel bottone “emulate ie7″, che ti simula il motore di rendering di ie7, per i siti che si vedono male?
Per favore, prima di scrivere certe cose, bisognerebbe riflettere….

# - postato da Electro - 07 Marzo 2008 - 15:32

6

@ Electro

Tu sarai pure più intelligente di me, ma sono coscente che una la fase in cui ci sono i maggiori problemi dovrebbe essere un’ALPHA, non una BETA.

I siti si vedono MALE, anzi MALISSIMO, e tu dici il motore di rendering è cambiato, ma questo non significa che i siti si debbano vedere male!

SULLA BETA DI FIREFOX 3 I SITI CHE HO VISTO NON HANNO AVUTO QUESTI PROBLEMI.

E Javascript?? Come la mettiamo che tutti i siti che fanno uso di effetti particolare in Javascript e AJAX che ho provato ad aprire non funzionano?
Non funzionano neanche semplici effetti di transizione / scrolling / fading?!?

Ma che è??

Ho provato l’alpha di FIREFOX quando ancora si chiamava GRANPARADISO e non ho riscontrato nemmeno la metà di questi problemi, stessa cosa vale per la BETA di SAFARI per windows.

Le mie parole erano semplicemente le parole di una persona delusa da grandi promesse e prospettive, scusami tanto se ti sei offeso, evidentemente o lavori per microsoft o ti piace fare 20 fogli di stile differenziati per ogni versione di IE per ogni sito che sviluppi (o forse non ti occupi di questo).

VIVA MICROSOFT E INTERNET EXPLORER COMUNQUE, COMPLIMENTI PER QUESTO ECCELLENTE NUOVO BROWSER!

e soprattutto

GRAZIE

# - postato da Nemesis Design - 07 Marzo 2008 - 23:39

7

@Nemesis Design
Bha, a me non risulta di aver detto di essere più inteligente di te, questo lo stai dicendo tu.

Beta o Alpha che sia, è ben specificato da non usare in produzione, e se la rilasciano al pubblico già adesso, è per fare un migliore beta testing, correggere più problemi e aggiungere altre funzionalità, la versione totalmente stabile si avrà con la release finale.

Per quanto riguarda il rendering, non so se scherzi, o dici davvero, ma è normale che per rispettare gli standard, le pagine adattate al vecchio browser si vedano male. Per vederle bene, c’è un bel pulsante in alto per emulare il rendering di ie7. Microsoft proprio per questa faccenda, aveva intenzione di mettere di default il rendering di ie7, e aggiungere un tag per la modalità super standard, ma l’intero popolo di internet ha contestato questa scelta, e hanno messo la modalità di rendering super standard per default, e per la modalità di ie7 si aggiunge un tag. Ora bisogna solo aspettare che i siti aggiungono il tag. Non vedo proprio cosa ci sia da protestare, hanno fatto in pratica ciò che voleva la larga maggioranza delle persone, e lo puoi vedere anche su un post di questo blog riguardo questa faccenda.

Firefox invece, ha molti meno problemi nel rendering, in quanto era già molto più rispettoso degli standard, quindi con la nuova versione, non ci sono grosse differenze.

Ti assicuro che non lavoro alla Microsoft, ne me ne importa qualcosa di difenderla, questa frase è classica per persone come te, che criticano Microsoft a priori, anche se fa cose giusti e buoni prodotti. Se non ti piace ie, microsoft ecc… sei libero di usare alternative, ma per favore, non spariamo vere e proprie cavolate, al solo scopo di screditare.

# - postato da Electro - 09 Marzo 2008 - 14:41

8

Risposta molto veloce e secca:

ho realizzato molti siti testandoli su molti browsers, creando sempre 1 solo foglio di stile con condizione

IE < o uguale a 6

per le correzioni ad IE 6 e minori
mentre per IE 7 mi è sempre bastato usare un piccolo hack:
*:first-child html solo in caso di bisogno, questo è un hack che funziona solo su IE 7 e non può funzionare su nessun’altro browser in quanto è un BUG e non una proprietà non supportata.

Allora… se ho usato codice standard, con correzioni SOLO LA DOVE SERVONO, visibili solo sui browser che le leggono (es. commenti condizionali) come mi spieghi che su IE 8 di questi siti 9 su 10 si vedono male?

tengo a precisare che i siti che ho testato non sono siti che sono stati creati appositamente per IE6, neanche lontanamente.

Apro magari 5 siti, li testo con Opera, Safari e Firefox (magari sono cattivo e provo Firefox3 Beta) ed è tutto OK, li apro con IE 8 ed è il disastro.

Evidentemente c’è qualcosa che non va.

Non mi sto lamentando della scelta di microsoft di impostare la modalità standard di default ne della questione del meta tag..

MI LAMENTO DEL FATTO CHE LA VISUALIZZAZIONE DELLA BETA DI QUESTO NUOVO BROWSER FA SCHIFO.

Ed esprimo la mia seria preoccupazione su questo, sperando che un risultato del genere provochi una seria revisione da parte di microsoft.

Poi tu sei libero di darmi addosso con della retorica, ma io sono anche libero di esprimere il mio disappunto, anche se questa è una beta - dato che questa beta diverrà presto un software che verrà utilizzato da milioni di persone e che condizionerà il mio modo di lavorare.

# - postato da Nemesis Design - 09 Marzo 2008 - 16:41

9

Ok, vabbé che Ie8 è una beta, ma come diavolo è possibile, se rispetta gli standard che non faccia vedere bene una pagina con Xhtml e Css validi e che su Ie7 e Ie6 (oltre che firefox e Opera e Safari) và perfettamente?

Se si butta un occhio al mio sito con Ie8 si capisce cosa intendo.

Ie8, anche se ancora beta eccetera eccetera, non puo’ non capire un
margin-top: 25%

No?

# - postato da Simosito - 10 Marzo 2008 - 10:06

10

mah… non se ne può più… IE7 ancora non aveva superato la versione 6 come percentuale di utilizzo… tra poco faranno un browser diverso per ogni colore di capelli che ha l’utente, e tutto a discapito di chi si fa il c**o per l’accessibilità… prima di fare certe leggi dovrebbero mettersi daccordo con le case produttrici di software. mah… non so che dire :)

# - postato da nix - 12 Marzo 2008 - 13:38

Inserisci il tuo commento:





(puoi usare i seguenti tag HTML per formattare il testo -
a href, b, i, br/, p, strong, em, ul, ol, li, blockquote, pre):

 

Anteprima del commento