Platform/Layout/CSS Compatibility
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
- Completed in November 2011
- Summary of 88,000 CSS files from top 30,000 sites on the web, collected using Desktop FF 8.0 User-Agent
- Tables and summary reports in https://bugzilla.mozilla.org/show_bug.cgi?id=708406
- Written report and summary tables are attached to the ticket.
- Summary file, in CSV format, is 620MB compressed, 7.2GB uncompressed, available at http://people.mozilla.com/~jjensen/css.csv.gz
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 | 1.70% |
| box-shadow | 428 | 1.42% |
| border-radius | 412 | 1.37% |
| appearance | 379 | 1.26% |
| font-smoothing | 285 | 0.95% |
| tap-highlight-color | 250 | 0.83% |
| transform | 75 | 0.25% |
| border-top-left-radius | 72 | 0.24% |
| border-top-right-radius | 72 | 0.24% |
| transition-duration | 61 | 0.20% |
| animation-duration | 56 | 0.19% |
| animation-name | 56 | 0.19% |
| border-bottom-left-radius | 55 | 0.18% |
| border-bottom-right-radius | 55 | 0.18% |
| transition-property | 49 | 0.16% |
| animation-iteration-count | 45 | 0.15% |
| padding-start | 45 | 0.15% |
| background-size | 43 | 0.14% |
| animation-timing-function | 42 | 0.14% |
| box-sizing | 42 | 0.14% |
Larger, as-yet-unprocessed datasets
- Raw data downloading completed in mid-January 2012, using these UAs:
- latest Android Native Browser from ICS
- 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