Platform/Layout/CSS Compatibility: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
|||
Line 3: | Line 3: | ||
The current datasets, collected by John Jensen, are: | 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://analysis.net/moz/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 | |||
|box-shadow||428| | |- | ||
|border-radius||412| | | box-shadow||428 | ||
|appearance||379| | |- | ||
|font-smoothing||285| | | border-radius||412 | ||
|tap-highlight-color||250| | |- | ||
|transform||75| | |appearance||379 | ||
|border-top-left-radius||72| | |- | ||
|border-top-right-radius||72| | |font-smoothing||285 | ||
|transition-duration||61| | |- | ||
|animation-duration||56| | |tap-highlight-color||250 | ||
|animation-name||56| | |- | ||
|border-bottom-left-radius||55| | |transform||75 | ||
|border-bottom-right-radius||55| | |- | ||
|transition-property||49| | |border-top-left-radius||72 | ||
|animation-iteration-count||45| | |- | ||
|padding-start||45| | |border-top-right-radius||72 | ||
|background-size||43| | |- | ||
|animation-timing-function||42| | |transition-duration||61 | ||
|box-sizing||42| | |- | ||
|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 === | === Larger, as-yet-unprocessed datasets === |
Revision as of 22:17, 17 January 2012
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://analysis.net/moz/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 |
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:
- 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