Confirmed users
270
edits
Platform/Layout/CSS Compatibility: Difference between revisions
Jump to navigation
Jump to search
Platform/Layout/CSS Compatibility (view source)
Revision as of 21:59, 17 January 2012
, 17 January 2012→Initial CSS properties dataset
(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 === | ||