Good chunk of CSS Meta Data

Modernizr · Mar 5, 2013 · 205a098 · doctyper · Jun 5, 2013 · stucox
1 parent c838184
commit 205a098
Show file tree

Hide file tree

Showing 13 changed files with 168 additions and 34 deletions.
diff --git a/feature-detects/css/lastchild.js b/feature-detects/css/lastchild.js
@@ -1,6 +1,16 @@
+/*!
+{
+  "name": "CSS :last-child pseudo-selector",
+  "caniuse": "",X
+  "property": "lastchild",
+  "tags": ["css"],
+  "notes": [{
+    "name": "Related Github Issue",
+    "href": "https://github.com/Modernizr/Modernizr/pull/304"
+  }]
+}
+!*/
 define(['Modernizr', 'testStyles'], function( Modernizr, testStyles ) {
-  // last-child pseudo selector
-  // https://github.com/Modernizr/Modernizr/pull/304
   testStyles("#modernizr div {width:100px} #modernizr :last-child{width:200px;display:block}", function( elem ) {
     Modernizr.addTest('lastchild', elem.lastChild.offsetWidth > elem.firstChild.offsetWidth);
   }, 2);

diff --git a/feature-detects/css/mask.js b/feature-detects/css/mask.js
@@ -1,14 +1,30 @@
+/*!
+{
+  "name": "CSS Mask",
+  "caniuse": "",X
+  "property": "lastchild",
+  "tags": ["css"],
+  "notes": [
+    "This is for the -webkit-mask feature, not for the similar svg mask in Firefox.",
+    {
+      "name": "Webkit blog on CSS Masks",
+      "href": "http://www.webkit.org/blog/181/css-masks/"
+    },
+    {
+      "name": "Safari Docs",
+      "href": "http://developer.apple.com/library/safari/#documentation/InternetWeb/Conceptual/SafariVisualEffectsProgGuide/Masks/Masks.html"
+    },
+    {
+      "name": "Mozilla css svg mask (not this)",
+      "href": "http://developer.mozilla.org/en/CSS/mask"
+    },
+    {
+      "name": "Combine with clippaths for awesomeness",
+      "href": "http://generic.cx/for/webkit/test.html"
+    }
+  ]
+}
+!*/
 define(['Modernizr', 'testAllProps'], function( Modernizr, testAllProps ) {
-  // this tests passes for webkit's proprietary `-webkit-mask` feature
-  //   www.webkit.org/blog/181/css-masks/
-  //   developer.apple.com/library/safari/#documentation/InternetWeb/Conceptual/SafariVisualEffectsProgGuide/Masks/Masks.html
-
-  // it does not pass mozilla's implementation of `mask` for SVG
-
-  //   developer.mozilla.org/en/CSS/mask
-  //   developer.mozilla.org/En/Applying_SVG_effects_to_HTML_content
-
-  // Can combine with clippaths for awesomeness: http://generic.cx/for/webkit/test.html
-
   Modernizr.addTest('cssmask', testAllProps('maskRepeat'));
 });
diff --git a/feature-detects/css/mediaqueries.js b/feature-detects/css/mediaqueries.js
@@ -1,3 +1,11 @@
+/*!
+{
+  "name": "CSS Media Queries",
+  "caniuse": "",X
+  "property": "mediaqueries",
+  "tags": ["css"]
+}
+!*/
 define(['Modernizr', 'mq'], function( Modernizr, mq ) {
   Modernizr.addTest('mediaqueries', mq('only all'));
 });
diff --git a/feature-detects/css/multiplebgs.js b/feature-detects/css/multiplebgs.js
@@ -1,3 +1,11 @@
+/*!
+{
+  "name": "CSS Multiple Backgrounds",
+  "caniuse": "",X
+  "property": "multiplebgs",
+  "tags": ["css"]
+}
+!*/
 define(['Modernizr', 'createElement'], function( Modernizr, createElement ) {
   // Setting multiple images AND a color on the background shorthand property
   // and then querying the style.background property value for the number of

diff --git a/feature-detects/css/objectfit.js b/feature-detects/css/objectfit.js
@@ -1,4 +1,15 @@
+/*!
+{
+  "name": "CSS Object Fit",
+  "caniuse": "",X
+  "property": "objectfit",
+  "tags": ["css"],
+  "notes": [{
+    "name": "Opera Article on Object Fit",
+    "href": "http://dev.opera.com/articles/view/css3-object-fit-object-position/"
+  }]
+}
+!*/
 define(['Modernizr', 'prefixed'], function( Modernizr, prefixed ) {
-  // dev.opera.com/articles/view/css3-object-fit-object-position/
   Modernizr.addTest('objectfit', !!prefixed('objectFit'), { aliases: ['object-fit'] });
 });
diff --git a/feature-detects/css/opacity.js b/feature-detects/css/opacity.js
@@ -1,3 +1,12 @@
+/*!
+{
+  "name": "CSS Opacity",
+  "caniuse": "",X
+  "property": "opacity",
+  "tags": ["css"],
+  "notes": ["Opacity must be be in the range of [0.0,1.0], according to the spec."]
+}
+!*/
 define(['Modernizr', 'createElement', 'prefixes'], function( Modernizr, createElement, prefixes ) {
   // Browsers that actually have CSS Opacity implemented have done so
   // according to spec, which means their return values are within the

diff --git a/feature-detects/css/overflow-scrolling.js b/feature-detects/css/overflow-scrolling.js
@@ -1,5 +1,16 @@
+/*!
+{
+  "name": "CSS Object Fit",
+  "caniuse": "",X
+  "property": "overflowscrolling",
+  "tags": ["css"],
+  "warnings": ["Introduced in iOS5b2. API is subject to change."]
+  "notes": [{
+    "name": "Article on iOS overflow scrolling",
+    "href": "http://johanbrook.com/browsers/native-momentum-scrolling-ios-5/"
+  }]
+}
+!*/
 define(['Modernizr', 'testAllProps'], function( Modernizr, testAllProps ) {
-  // johanbrook.com/browsers/native-momentum-scrolling-ios-5/
-  // introduced in iOS5b2. Possible API may change...
-  Modernizr.addTest("overflowscrolling", testAllProps("overflowScrolling"));
+  Modernizr.addTest('overflowscrolling', testAllProps('overflowScrolling'));
 });
diff --git a/feature-detects/css/pointerevents.js b/feature-detects/css/pointerevents.js
@@ -1,11 +1,29 @@
+/*!
+{
+  "name": "CSS Pointer Events",
+  "caniuse": "",X
+  "property": "csspointerevents",
+  "authors": ["ausi"],
+  "tags": ["css"],
+  "notes": [
+    {
+      "name": "MDN Docs",
+      "href": "http://developer.mozilla.org/en/CSS/pointer-events"
+    },{
+      "name": "Test Project Page",
+      "href": "http://ausi.github.com/Feature-detection-technique-for-pointer-events/"
+    },{
+      "name": "Test Project Wiki",
+      "href": "http://github.com/ausi/Feature-detection-technique-for-pointer-events/wiki"
+    },
+    {
+      "name": "Related Github Issue",
+      "href": "http://github.com/Modernizr/Modernizr/issues/80"
+    }
+  ]
+}
+!*/
 define(['Modernizr', 'createElement', 'docElement'], function( Modernizr, createElement, docElement ) {
-  // developer.mozilla.org/en/CSS/pointer-events
-
-  // Test and project pages:
-  // ausi.github.com/Feature-detection-technique-for-pointer-events/
-  // github.com/ausi/Feature-detection-technique-for-pointer-events/wiki
-  // github.com/Modernizr/Modernizr/issues/80
-
   Modernizr.addTest('csspointerevents', function() {
     var element = createElement('x');
     var getComputedStyle = window.getComputedStyle;

diff --git a/feature-detects/css/positionsticky.js b/feature-detects/css/positionsticky.js
@@ -1,3 +1,11 @@
+/*!
+{
+  "name": "CSS position: sticky",
+  "caniuse": "",X
+  "property": "csspositionsticky",
+  "tags": ["css"]
+}
+!*/
 define(['Modernizr', 'createElement', 'prefixes'], function( Modernizr, createElement, prefixes ) {
   // Sticky positioning - constrains an element to be positioned inside the
   // intersection of its container box, and the viewport.

diff --git a/feature-detects/css/reflections.js b/feature-detects/css/reflections.js
@@ -1,3 +1,11 @@
+/*!
+{
+  "name": "CSS Reflections",
+  "caniuse": "",X
+  "property": "cssreflections",
+  "tags": ["css"]
+}
+!*/
 define(['Modernizr', 'testAllProps'], function( Modernizr, testAllProps ) {
   Modernizr.addTest('cssreflections', testAllProps('boxReflect'));
 });
diff --git a/feature-detects/css/regions.js b/feature-detects/css/regions.js
@@ -1,8 +1,17 @@
+/*!
+{
+  "name": "CSS Regions",
+  "caniuse": "",X
+  "authors": ["Mihai Balan"]
+  "property": "regions",
+  "tags": ["css"],
+  "notes": [{
+    "name": "W3C Specification",
+    "href": "http://www.w3.org/TR/css3-regions/"
+  }]
+}
+!*/
 define(['Modernizr', 'createElement', 'docElement'], function( Modernizr, createElement, docElement ) {
-  // CSS Regions
-  // http://www.w3.org/TR/css3-regions/
-  // By: Mihai Balan
-
   // We start with a CSS parser test then we check page geometry to see if it's affected by regions
   // Later we might be able to retire the second part, as WebKit builds with the false positives die out
 

diff --git a/feature-detects/css/remunit.js b/feature-detects/css/remunit.js
@@ -1,13 +1,24 @@
+/*!
+{
+  "name": "CSS Font rem Units",
+  "caniuse": "",X
+  "authors": ["nsfmc"],
+  "property": "cssremunit",
+  "tags": ["css"],
+  "notes": [{
+    "name": "W3C Spec",
+    "href": "http://www.w3.org/TR/css3-values/#relative0"
+  },{
+    "name": "Font Size with rem by Jonathan Snook",
+    "href": "http://snook.ca/archives/html_and_css/font-size-with-rem"
+  }]
+}
+!*/
 define(['Modernizr', 'createElement'], function( Modernizr, createElement ) {
-  // test by github.com/nsfmc
-
   // "The 'rem' unit ('root em') is relative to the computed
   // value of the 'font-size' value of the root element."
-  // http://www.w3.org/TR/css3-values/#relative0
   // you can test by checking if the prop was ditched
 
-  // http://snook.ca/archives/html_and_css/font-size-with-rem
-
   Modernizr.addTest('cssremunit', function() {
     var div = createElement('div');
     try {

diff --git a/feature-detects/css/scrollbars.js b/feature-detects/css/scrollbars.js
@@ -1,5 +1,12 @@
+/*!
+{
+  "name": "CSS Stylable Scrollbars",
+  "caniuse": "",X
+  "property": "cssscrollbar",
+  "tags": ["css"]
+}
+!*/
 define(['Modernizr', 'testStyles', 'prefixes'], function( Modernizr, testStyles, prefixes ) {
-  // Stylable scrollbars detection
   testStyles('#modernizr{overflow: scroll; width: 40px; height: 40px; }#' + prefixes
     .join('scrollbar{width:0px}'+' #modernizr::')
     .split('#')