Platform/Layout/CSS Compatibility

From MozillaWiki
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&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