Platform/Layout/CSS Compatibility

From MozillaWiki
< Platform‎ | Layout
Revision as of 22:17, 17 January 2012 by Jjensen (talk | contribs)
Jump to navigation Jump to search

Here's a summary of the data collection and analysis that has been conducted regarding the use of various CSS vendor-specific prefixes.

The current datasets, collected by John Jensen, are:

Initial CSS properties dataset

Q and A

  • how many sites in your mobile Webkit browser crawl use at least one of 'transition', 'transition-timing-function', 'transition-duration', 'transition-property', 'transition-delay' (ignoring prefixes)?

1245 / 30087 = 4.13%

  • how many use them only with -webkit prefixes (no -moz or unprefixed versions of the properties)?

336 / 30087 = 1.12%

  • how many use them only with -webkit prefixes and unprefixed (no -moz versions of the properties)?

365 / 30087 = 1.21%

  • For each CSS prefix for which there are both -moz- and -webkit- prefixes, what percentage of domains host CSS that uses only the -webkit- version and not the -moz- or unprefixed version?
text-size-adjust 510
box-shadow 428
border-radius 412
appearance 379
font-smoothing 285
tap-highlight-color 250
transform 75
border-top-left-radius 72
border-top-right-radius 72
transition-duration 61
animation-duration 56
animation-name 56
border-bottom-left-radius 55
border-bottom-right-radius 55
transition-property 49
animation-iteration-count 45
padding-start 45
background-size 43
animation-timing-function 42
box-sizing 42

Larger, as-yet-unprocessed datasets

  • Raw data downloading completed in mid-January 2012, using these UAs:
  1. latest Android Native Browser from ICS
  2. latest Mobile Safari UA
  • Includes all HTML, Javascript, CSS files in compressed format
  • Roughly 1.1m files downloaded for each UA
  • CSS file parsing is underway to produce more data