Archief - IE, de nachtmerrie voor de webdevelopers

Het gaat mij dan ook niet om moderne versies van IE, maar alles onder IE8 en dan inderdaad transparency problemen, css sprite werkende krijgen op IE8 en IE7's transparency toch ondersteunen, hier en daar soms iets met positioning maar dat krijgt ge wel opgelost.

Nu ik met Drupal aan het werken ben dat standaard massive veel code heeft (divitis en in z"n stylesheet) stoot ik altijd vaker op problemen met IE (dus ook 9). Dit ligt waarschijnlijk niet aan IE maar aan de code, maar toch valt het op dat enkel IE er moeilijk om doet. Ik ga na m'n herexamens alle code eens herschrijven en hopen dat het dan niet meer zo is want nu heb ik al twee conditional stylesheets (lte IE8 en IE)

BramVroy zei:

Nu ik met Drupal aan het werken ben dat standaard massive veel code heeft (divitis en in z"n stylesheet) stoot ik altijd vaker op problemen met IE (dus ook 9). Dit ligt waarschijnlijk niet aan IE maar aan de code, maar toch valt het op dat enkel IE er moeilijk om doet. Ik ga na m'n herexamens alle code eens herschrijven en hopen dat het dan niet meer zo is want nu heb ik al twee conditional stylesheets (lte IE8 en IE)

Klik om te vergroten...

Voor drupal eens kijken naar; Zen | drupal.org

Zou uw veel werk uitsparen als ge een theme moet maken vanaf 0

benny zei:

Voor drupal eens kijken naar; Zen | drupal.org

Zou uw veel werk uitsparen als ge een theme moet maken vanaf 0

Klik om te vergroten...

Weet ik. Helemaal in het begin was ik vanaf daar begonnen, maar toen begrijp ik eigenlijk nog de b*llen van Drupal. Toen ben ik dus maar naar Drupal Gardens gegaan, en heb ik van daar uit m'n themegemaakt en nu geëxporteerd en nu wil ik nog redelijk veel aan het design veranderen en dat kan een pain in the *ss zijn

IE is inderdaad sterk verbeterd, zeker IE9. IE8 en 7 zijn wat minder en hebben van tijd tot tijd nog aanpassingen nodig als het op CSS aankomt, bv. bij dropdowns, floats, en andere iets vervelendere structuren. IE9 heeft hier al veel minder last van.

Echter zit IE9 nog steeds (ver?) achter op de concurrentie en dit vooral op het vlak van HTML5 en CSS3, nu in principe is deze standaard in zijn geheel nog in ontwikkeling, maar toch zijn al een aantal afzonderlijke elementen al vrij definitief en kunnen daarom in zeker mate al beschouwd worden als "klaar"(zie wiki o.a.).
Gebruik je HTML5 en CSS3 nog niet of amper is IE9 een vrij goede browser.

Zero Grav zei:

[beetje ingekort, nobody likes long quotes ]

Edit: En ja, ik weet dat ik in herhaling val en de partypooper uithang. Maar als ge een discussie wilt voeren over de slechte rendering en javascript processing (die van IE is effectief wel traag geloof ik) dan kunt ge ook maar best met voorbeelden afkomen. Te vaak lijken zo'n discussies nog op ghosts from the past.

Klik om te vergroten...

qua css en weergave van elementen volg ik je helemaal. vanaf IE7 heb ik eigenlijk geen problemen. soms staat een div wel niet 100% uitgelijnd als in andere browsers en transparante afbeeldingen blijven een pijnpuntje, maar buiten dat valt het doorgaans goed mee.

wat wel enorm hatelijk is (en daarme dat ik dat deeltje van uw post heb laten staan) is de VERSCHRIKKELIJKE verwerking van javascript. bij gewone kleine zaken merk je daar doorgaans niet veel van, maar bij iets intensievere zaken loopt het al snel mis. probleem is ook dat heel de browser gaat 'hangen' zolang hij nog javascript aan 't uitvoeren is.

met jquery kan je wachten met uitvoeren van JS tot je volledige DOM geladen is, helaas heeft de doorsnee gebruiker ook enkel geduld voor dat. ze wachten dus wel met rondklikken en scrollen zolang niet alle afbeeldingen geladen zijn, maar vanaf dat in orde is moet alles werken. met als gevolg klachten dat als ze scrollen als de pagina is 'geladen' dat alles traag een in stukjes gaat, dat bepaalde pop-ups enorm traag verschijnen e.d.

regelmatig komt daar dan ook nog is het gevreesde a script on this page .... pop-up. als developer weet je wat dit bedoeld, de gemiddelde bezoeker ziet virussen, kinderporno en de terugkeer van satan op aarde (wat doorgaans ook uw schuld is).

het is dan gemakkelijk om te zeggen "zorg dan dat uw site minder JS afhankelijk is", en daar wringt het schoentje. alles moet zo mooi en dynamisch mogelijk zijn. een gewone dropdown vinden ze lelijk, ze moeten er in kunnen zoeken (dropdown openen en gewoon typen noemen ze niet zoeken. ze willen een tekstvak en de mogelijkheid om items aan te duiden). meestal gaat het dan ook om lijsten van producten (dus ettelijke duizende items)

eigenlijk komt het er gewoon op neer dat IE niet het probleem is, maar de mensen die er met werken. als ik (als developer) ergens zou zitten op een pc met enkel IE weet ik dat ik soms even moet wachten, of dat script moet laten doorgaan. helaas zijn de gemiddelde IE gebruikers al iets ouder (40+) en installeren ze doorgaans ook nog zaken wat vanalles omzeep doet. ik heb overlaatst nog een klant gehad die bleef beweren dat bepaalde knoppen en menu's bij hem niet stonden. bleek dat hij een of andere vertaaltool voor IE had geinstalleerd en dat die een soort van overlay over engelse tekst liet verschijnen met een vertaling. als gewone mens (zelfs geen developer) zie je al snel dat daar zo een half wit vlak over staat en dat dat het probleem is. helaas was die mens iets ouder en heeft hij verschillende keren gebeld om te zeggen dat "niets van hetgeen jullie gemaakt hebben nog werkt".


TL;DR: klanten :ironic:

JScript? Bah, die rommel probeer ik zo min mogelijk te gebruiken. Veel sites maken onnodig gebruik van JavaScript terwijl ze het veel properder kunnen doen met php en css.

Dastardly zei:

helaas zijn de gemiddelde IE gebruikers al iets ouder (40+) en installeren ze doorgaans ook nog zaken wat vanalles omzeep doet. ik heb overlaatst nog een klant gehad die bleef beweren dat bepaalde knoppen en menu's bij hem niet stonden. bleek dat hij een of andere vertaaltool voor IE had geinstalleerd en dat die een soort van overlay over engelse tekst liet verschijnen met een vertaling. als gewone mens (zelfs geen developer) zie je al snel dat daar zo een half wit vlak over staat en dat dat het probleem is. helaas was die mens iets ouder en heeft hij verschillende keren gebeld om te zeggen dat "niets van hetgeen jullie gemaakt hebben nog werkt".


TL;DR: klanten :ironic:

Klik om te vergroten...

Echt zo typisch aan oudjes: het allemaal beter denken te weten dan gediplomeerde specialisten.(ons bompa is er zo ene, ik mijd die tegenwoordig gewoon omdat ik anders altijd zijn geknoei moet opkuisen. Als hij niet wil luisteren, dan moet hij maar bij een computerwinkel betalen om z'n gepruts ongedaan te maken)
En als het dan door eigen toedoen zodanig omzeep is dat ze het niet meer kunnen gebruiken, is het de schuld van de maker of de specialist. Maar nooit van de eigenwijze knar.

JohnnyricoMC zei:

JScript? Bah, die rommel probeer ik zo min mogelijk te gebruiken. Veel sites maken onnodig gebruik van JavaScript terwijl ze het veel properder kunnen doen met php en css.

Klik om te vergroten...

Dat is mijns inziens maar een verouderde attitude. Tot enkele jaren terug was het gebruik van Javascript misschien allesbehalve interessant, maar vandaag de dag is dat echt een zegen. Zeker in combinatie met libraries zoals JQuery of MooTools is er geen excuus meer om Javascript te gebruiken om de user experience te verbeteren.

Toen ik met webdevelopment begon was Javascript hét excuus om de gebruiker zijn mousepointer te laten volgen door een analoge klok met easing op, dat was echt rampzalig. Nu hebt ge data ophalen zonder refresh, animaties die min of meer crossbrowser werken en supersimpel zijn (waar dat bij CSS3 helemaal nog niet het geval is) en de helft van de dingen die ge met Javascript kunt zijn zelfs helemaal niet realiseerbaar met enkel PHP en CSS.
Dat kan, zoals alles, negatief uitvallen. Maar dat is de verantwoordelijkheid van de developer en geen negatief punt aan Javascript zelf.

Zonder Javascript zou een deel van de populairste features die aan HTML5 worden toegeschreven zelfs niet bestaan.

Kijk maar naar 9lives alleen al, inline uw post kunnen editten is zo'n timesaver en veel interessanter dan altijd een nieuwe pagina te moeten laden. Reputation geven door middel van een simpele pop-up. Een overlay als ge een nieuw privébericht hebt. De rich text editor. Allemaal dingen die ge zonder Javascript niet zoudt hebben.

En zonder javascript zoudt ge zonder twijfel ook veel meer Flash op websites zien. Het is gewoon een duidelijke asset van 'het nieuwe web', waarbij visuele aantrekkelijkheid en animaties een must zijn geworden. En in mijn ogen is dat enorm positief, zolang de developer weet wanneer hij moet stoppen.

Dastardly zei:

qua css en weergave van elementen volg ik je helemaal. vanaf IE7 heb ik eigenlijk geen problemen. soms staat een div wel niet 100% uitgelijnd als in andere browsers en transparante afbeeldingen blijven een pijnpuntje, maar buiten dat valt het doorgaans goed mee.

Klik om te vergroten...

Dit leest als de mening van iemand die nog heeft moeten werken met IE5.5 en 6.0. ^^
Transparantie blijft inderdaad echt een probleem voor Microsoft. Een PNG met Alpha Transparancy in- of outfaden is echt rampzalig in IE7. Schokkerig en overal blauwe vlekken.

Dastardly zei:

…VERSCHRIKKELIJKE verwerking van javascript…

Klik om te vergroten...

Dat merk ik inderdaad wel regelmatig. Gelukkig is compatibiliteit een redelijk non-issue als ge werkt met JQuery, maar die snelheid daar is spijtig genoeg niet omheen te geraken.

Ze zijn er beter in aan't worden, maar ook hier weer zit ge met op zijn minst Internet Explorer 7 die zo ongelooflijk traag was dat het niet voor mogelijk te houden is.

Zero Grav zei:

Dit leest als de mening van iemand die nog heeft moeten werken met IE5.5 en 6.0. ^^

Klik om te vergroten...

had er speciaal vanaf IE7 bijgezet

al een geluk hebben we de baas zover gekregen dat we geen IE6 meer moeten ondersteunen. helaas zit er wel nog 1 site tussen die verwachten dat alles er goed uitziet in IE6 (da's dan een site met image slideshows e.d) de reden daarachter is dan ook "omdat we op de bedrijfspc geen andere software kunnen zetten". kan ik allemaal begrijpen in een groot bedrijf, maar waarom moet die site er dan nog goed uitzien? uit GA rapporten blijkt dat er maandelijks +/- 2 mensen zijn die de site bezoeken met IE6 (buiten diegene van het bedrijf zelf).



echt een typisch voorbeeld van "baas opent eender welke browser hij wil en dat moet er exact hetzelfde uitzien als wanneer hij dat thuis of op zijn gsm beziet". en dan krijg je gesprekken zoals :

"beste, dit gaat niet met het aantal grafische zaken die wij laten zien aangezien elke browser en toestel daar verschillend met omgaan."

"ik snap niks van uw technische uitleg, ik weet dat onze nonkel charel zijn World's Worst Website ziet er perfect hetzelfde uit in alle browsers! en die heeft zelfs speciale effecten op zijn tekst"

"jamaar, dat zijn afbeeldingen en geen dynamische elementen zoals bij jullie. en in alle browsers ziet het er toch goed uit? enkel IE6 laat bepaalde elementen niet zien en uw gsm heeft geen javascript, dus die slideshows zijn gewoon lijsten"

"zijt ge daar nu weer met die technische uitleg? ik heb miljarden betaald voor die website* en ik wil dat die perfect is"

*omzetting bedragen klant, werkelijkheid = -5 nullen

Dastardly zei:

had er speciaal vanaf IE7 bijgezet

Klik om te vergroten...

Ja, maar ik bedoelde eerder de positieve sfeer die em uitstraalde. 'k Dacht al wel dat het niet helemaal goed ging overkomen door die transparantie in afbeeldingen sinds IE7. ^^

coldvinc zei:

Iets grappig uit mijn directe omgeving dat eigenlijk wel aantoont dat het ook voor een deel een generatie ding is.
Mijn vader is al 25 jaar IT'er (nu senior developer en diploma Licentiaat wiskunde + IT) en ondanks dat ik op de PC's chrome heb gezet verwijderd hij dat gewoon en gebruikt hij IE en dan nog steeds IE8 (hij vertikt het van de PC's over te zetten naar W7 ondanks dat hij gratis key's heeft).
Reden?
"Wat voor zever is dat nu weeral da chrome ding?" Zet ge er weeral brol op?".

Klik om te vergroten...

vastgeroeste developer ? hopelijk moet hij geen ander werk meer zoeken plots

Zero Grav zei:

Kijk maar naar 9lives alleen al, inline uw post kunnen editten is zo'n timesaver en veel interessanter dan altijd een nieuwe pagina te moeten laden. Reputation geven door middel van een simpele pop-up. Een overlay als ge een nieuw privébericht hebt. De rich text editor. Allemaal dingen die ge zonder Javascript niet zoudt hebben.

Klik om te vergroten...

Probleem is: overdaad schaadt. De advertenties worden hier tussen de gewone site lay-out geladen met Javascript. Met respect voor degenen die 9L programmeren, de ads zouden er beter met php in gestoken worden, er is teveel javascript wat er voor zorgt dat de site trager lijkt te laden. Javascript is goed als het écht functionaliteit toevoegt zoals de inline-editor. De uitdaging is vinden wat wel en niet met JScript gedaan moet worden.

Zero Grav zei:

Ja, maar ik bedoelde eerder de positieve sfeer die em uitstraalde. 'k Dacht al wel dat het niet helemaal goed ging overkomen door die transparantie in afbeeldingen sinds IE7. ^^

Klik om te vergroten...

Eerste keer dat ik Zero Grav '^^' zie gebruiken.

SideShow zei:

vastgeroeste developer ? hopelijk moet hij geen ander werk meer zoeken plots

Klik om te vergroten...

goh, mss hij is net 50, hij onderhoud de programma's, databanken, computers, etc. die gebruikt worden in de verschillende winkels in de benelux. Ontslagen zal niet gauw gebeuren. Maar hij weet heel wat over een aantal dingen maar wil het denk ik niet hebben dat jongere generatie op bepaalde vlakken meer weet.

Het probleem met Javascript is ook dat het voor minder goede zaken kan gebruikt worden en sommige zijn nogal paranoïde en schakelen JS dan ook steeds uit, of het bedrijf laat het niet toe en zet het uit.
't zijn er niet veel, maar toch. Dus als je het echt goed wil doen, moet je rekening houden met mensen die IE6 of 7 gebruiken, op een verouderde PC met JS uitgeschakeld. Veel plezier.

Als ge Javascript goed implementeert dan hebt ge daar op zich weinig last van. Gewoon beginnen met uw site zonder Javascript en achteraf die functionaliteiten toevoegen waardoor mensen zonder ook nog steeds een goed werkende site krijgen. Extra werk gaat het altijd zijn, maar ge maakt het op zich wel zo moeilijk als ge zelf wilt.

Als ge nog zo iemand zijt die letterlijk <a href="javascript:void(0);">link</a> schrijft, dan is het allemaal wat minder evident natuurlijk.

Veel JQuery pluginschrijvers houden gelukkig al op voorhand rekening met de non-obtrusiveness van een script en dat toont voor mij aan in welke mate het ook al gegroeid is.

Dat het er allemaal eens wat minder goed uitziet en minder fancy dat zullen die mensen er volgens mij ook wel probleemloos bijnemen, ze schakelen notabene zelf Javascript uit en werken met een oude versie van een browser op vaak ook nog een ouder besturingssysteem.

Eén van de grootste problemen met Javascript is denk ik dat veel mensen niet weten hoe ze het goed moeten schrijven. Er is weinig besef naar optimalisatie en als ge ziet hoe gemakkelijk JQuery aan te leren valt dan kijken mensen doorgaans ook niet meer verder. Daar ben ik feitelijk net zo schuldig aan als de volgende, ik lees artikels met javascript benchmarks meestal maar met een half oog en onthou ook maar een kleine portie van de tips die ze geven in verband met selectors ed.

Voetbalforum (40.000 bezoekers/maand)

1.
Internet Explorer
22.172 58,50%

2.
Firefox
8.012 21,14%
3.
Chrome
3.827 10,10%
4.
Safari
2.800 7,39%
5.
Android Browser
468 1,23%

En hoeveel van die IE gebruikers gebruiken IE6,7, 8 en 9?