Platform/Layout/CSS Compatibility: Difference between revisions

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


<h3> Initial CSS properties dataset </h3>
=== Initial CSS properties dataset ===
<ul><li> Completed in November 2011
* 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
* 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
* 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.  
* 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
* Summary file, in CSV format, is 620MB compressed, 7.2GB uncompressed, available at http://analysis.net/moz/css.csv.gz
</li></ul>
 
<h4> Q&amp;A </h4>
==== Q and A ====
<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)?
* 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%
1245 / 30087 = 4.13%
</p>
 
<ul><li> how many use them only with -webkit prefixes (no -moz or unprefixed versions of the properties)?
* how many use them only with -webkit prefixes (no -moz or unprefixed versions of the properties)?
</li></ul>
 
<p>336 / 30087 = 1.12%
336 / 30087 = 1.12%
</p>
 
<ul><li> how many use them only with -webkit prefixes and unprefixed (no -moz versions of the properties)?
* how many use them only with -webkit prefixes and unprefixed (no -moz versions of the properties)?
</li></ul>
365 / 30087 = 1.21%
<p>365 / 30087 = 1.21%
 
</p>
* 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?
<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|
| 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|
|-
</p>
|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

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:
  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