Mobiele CSS-compatibiliteitstabellen vrijgegeven

Eind 2012 ontving Peter-Paul Koch, strateeg voor het mobiele platform, sponsoring voor QuirksMode.org, waardoor hij volgens hem meer tijd zou besteden aan het onderzoeken van webstandaarden en het werken aan compatibiliteitstabellen die zouden worden gedeeld met webplatform.org.

Afgelopen weekend zijn CSS-selectors voor mobiele tafels live gegaan. Koch heeft ook CSS-kolommen verder onderzocht en ontdekt dat er een manier is om te gaan met de implementatie.

We spraken met Koch over zijn werk, hoe zijn tests zijn geschreven en waarom ontwikkelaars voorzichtiger moeten zijn met het testen per engine.

.net: u steekt veel energie in uw mobiele tafels. Is dit iets dat elders niet in deze mate werd gedaan?
PPK: Nee, het wordt niet echt gedaan. De tabellen die het dichtst bij de mijne komen, zijn die van Max Firtman en ze zijn gericht op HTML5 API's.

Ik geloof niet in het automatiseren van browsertests of scores, en daarom tel ik tests zoals de HTML5-test niet echt. Dan hebben we Can I Use ..., wat handig is maar soms niet de juiste browserinformatie geeft.

Voor zover ik weet, ben ik nog steeds degene die de meest gedetailleerde tests uitvoert - en de enige die testpagina's en resultaten publiceert.

.net: Hoe schrijf je de tests?
PPK: Langzaam! Soms is het niet eenvoudig om erachter te komen wat er in een specificatie wordt bedoeld, vooral als er maar twee implementaties zijn die subtiel (of enorm) verschillen. Gelukkig heb ik veel ervaring met het schrijven van browsertests, en dus weet ik hoe ik veelvoorkomende valkuilen kan voorkomen.

Zo leek het er in eerste instantie op dat Opera Mini geen CSS-klassen ondersteunde, maar dat is natuurlijk onzin. Het probleem bleek te zijn dat ik test op ondersteuning van klassen door een testelement te geven font-style: cursief. Veel Opera Minis ondersteunen die stijl niet. Omdat ik dit eerder was tegengekomen, wist ik dat ik de teststijlen moest veranderen. En de MeeGo-browser ondersteunt niet font-variant: small-caps. Zelfde verhaal.

Overigens geeft JavaScript nog steeds cursief wanneer je Opera Mini om de lettertype waarde. Dat bewijst dat je deze tests niet kunt automatiseren: je moet naar de pagina kijken en bepalen of deze een cursief lettertype gebruikt.

.net: in uw recente artikel over selectors en kolommen geeft u aan dat browsers die dezelfde WebKit-build gebruiken, verschillende compatibiliteit hebben. Geeft dit verder aan hoe ontwikkelaars voorzichtig moeten zijn met de allernieuwste technieken en rigoureuzer moeten testen op verschillende apparaten?
PPK: Ja. Er is geen WebKit op mobiel. Er zijn minstens twaalf verschillende browsers (uitgezonderd versies die WebKit als hun rendering-engine gebruiken), maar ze lijken niet noodzakelijk op elkaar.

Het beste voorbeeld is de -webkit-column-span-declaratie. Het blijkt dat WebKit de ondersteuning onlangs heeft laten vallen. Dit is het vreemdste compatibiliteitsprobleem dat ik ooit ben tegengekomen, omdat het niet mogelijk is om ondersteuning te koppelen aan specifieke WebKit-versies. Ondersteuning voor deze verklaring is dus een puinhoop, en het feit dat een browser WebKit gebruikt, zegt niets.