Platform/Layout/CSS Compatibility: Difference between revisions
Jump to navigation
Jump to search
(Created page with "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 J...") |
|||
| Line 3: | Line 3: | ||
The current datasets, collected by John Jensen, are: | The current datasets, collected by John Jensen, are: | ||
<h3> Initial CSS properties dataset </h3> | |||
<ul><li> Completed in November 2011 | |||
</li><li> Summary of 88,000 CSS files from top 30,000 sites on the web, collected using Desktop FF 8.0 User-Agent | |||
</li><li> Tables and summary reports in https://bugzilla.mozilla.org/show_bug.cgi?id=708406 | |||
</li><li> Written report and summary tables are attached to the ticket. | |||
</li><li> Summary file, in CSV format, is 620MB compressed, 7.2GB uncompressed, available at http://analysis.net/moz/css.csv.gz | |||
</li></ul> | |||
<h4> Q&A </h4> | |||
<ul><li> 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)? | |||
</li></ul> | |||
<p>1245 / 30087 = 4.13% | |||
</p> | |||
<ul><li> how many use them only with -webkit prefixes (no -moz or unprefixed versions of the properties)? | |||
</li></ul> | |||
<p>336 / 30087 = 1.12% | |||
</p> | |||
<ul><li> how many use them only with -webkit prefixes and unprefixed (no -moz versions of the properties)? | |||
</li></ul> | |||
<p>365 / 30087 = 1.21% | |||
</p> | |||
<ul><li> 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? | |||
</li></ul> | |||
<p>|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| | |||
</p> | |||
=== Larger, as-yet-unprocessed datasets === | === Larger, as-yet-unprocessed datasets === | ||
Revision as of 21:59, 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&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