Mobiele websites maken: terug naar de tijd van IE 6
Dated woensdag 4 januari 2012
De meeste webontwikkelaars kunnen zich nog herinneren hoe prettig website ontwikkelen was toen IE 6 nog populair was. IE 6 week af van praktisch elke standaard. Andere browsers deden in vergelijking beter, maar nog steeds teleurstellend. Het gevolg: de cross-browser stijlen van een website koste bijna evenveel tijd als het ontwikkelen er van. Helaas gaan we terug naar dat tijdperk met mobiel internet:
Een explosie aan browsers
Het voordeel van IE 6 was in ieder geval nog dat het een overweldigend marktaandeel had. Werd het te complex kon je in ieder geval alleen stijlen voor IE 6 en had je de 90% van de bezoekers tevreden.
De verhoudingen tussen de browsers op mobieltjes is echter meer verdeeld. Safari was hard op wel koploper te worden. De opkomst van Android heeft die opmars echter de kop in gedrukt. Met als gevolg een aparte browser voor elk groot systeem: iOS, Android, Blackberry OS, Windows Phone en Symbian. Neem daarnaast nog de populaire alternatieven, zoals Opera mini en het probleem is duidelijk.
HTML 5 een standaard?
Op zich zouden al deze browsers geen probleem moeten zijn, mits ze zich allemaal aan de standaarden houden. En daar wringt nu net de schoen. HTML 5 is niet echt een standaard. Het is een groeinde richtlijn. HTML 5 volgt meer de markt dan dat de markt de standaard volgt. Met als een gevolg dat elke browser zijn eigen interpretatie van HTML 5 implementeerd, in de hoop de standaard te worden. Het is nu al duidelijk dat dit een fragmentatie van de standaard opleverd. Terug naar de tijd van IE 6 dus.
{"jsfiles":["\/cms\/BB\/JSDivers\/jquery.flippy.js","\/cms\/BB\/JSDivers\/switchtomobile.js","\/cms\/BB\/JSDivers\/iScroll\/iscroll-lite.js","\/cms\/BB\/Form\/Fields\/CpFormDate.js","\/cms\/BB\/JSDivers\/touch2.js","\/cms\/BB\/Ajax\/simpleajax.js","\/cms\/BB\/JSDivers\/webcoding.js","\/cms\/BB\/JSDivers\/check.js","\/cms\/BB\/JSDivers\/loadparts.js","\/cms\/BB\/JSDivers\/cms-actions.js"],"cssfiles":["\/cms\/BB\/CSS\/touch\/website.css","\/cms\/BB\/CSS\/touch\/mobile.css","\/css\/mobile.css","\/cms\/BB\/CSS\/buttons.css","\/cms\/BB\/CSS\/touch\/general.css","\/cms\/BB\/CSS\/touch\/cms.css","\/cms\/BB\/Form\/Fields\/CpFormDate.css","\/cms\/CBB\/Modules\/CRM\/CmsModuleImportMail.css","\/cms\/CBB\/Modules\/Standard\/CmsModuleManuals.css"],"javascriptlines":["\nvar created_keepSessionAlive = false;\nif (typeof keepSessionAlive !== \u0022function\u0022) {\ncreated_keepSessionAlive = true;\nkeepSessionAlive = function() {\njQuery.post(\u0022\/keep-session-alive\u0022);\nwindow.setTimeout(\u0022keepSessionAlive()\u0022, 300000);\n}\n}\nif(created_keepSessionAlive){\nwindow.setTimeout(\u0022keepSessionAlive()\u0022, 300000);\n}","CPJS.vLoadPluginOn(\u0027cpform\u0027, {})","CPJS.bWhenReady([\u0022touch\u0022], function() { Touch.sBrowserType = \u0027unknown\u0027; } )","CPJS.bWhenReady([\u0022touch\u0022], function() { Touch.fBrowserVersion = \u00270\u0027; } )","CPJS.bWhenReady([\u0022logdisplay\u0022,\u0022rpc\u0022,\u0022touchsite\u0022,\u0022stacking\u0022,\u0022showwaiting\u0022,\u0022storage\u0022,\u0022googleAnalytics\u0022,\u0022popups\u0022], function() { CPJS.touchsite.vInit(false) } )","var CmsStatic_iNewItemPage = 33426;","var sTabletMenuColor1 = \u0027#5990B3\u0027;","var sTabletMenuColor2 = \u0027#2786C2\u0027;","var aDictionary = new Array();","aDictionary[\u0027postponeTo\u0027] = \u0027verplaats naar\u0027;","aDictionary[\u0027tomorrow\u0027] = \u0027morgen\u0027;","aDictionary[\u0027dayAfterTomorrow\u0027] = \u0027overmorgen\u0027;","aDictionary[\u0027nextWeek\u0027] = \u0027volgende week\u0027;","CPJS.bWhenReady([\u0022stacking\u0022], function() {\nCPJS.stacking.iToolbarWidth = \u0022100%\u0022;\nCPJS.stacking.iSlideLefMargin = 0;\n} )",""]}
