features.json

[{ 
   "feature": "SVG",
   "status": "se",
   "recco": "All modern browsers support SVG. For legacy browsers, you can use <a href='#'>svgweb</a> as a flash-based polyfill, or develop with <a href='#'>Raphaél</a> which has a VML renderer for <abbr title='Internet Explorer 6-8.'>oldIE</abbr>.",
   "tags": "gtie6 gtie7 gtie8 polyfill"
  },
  {
    "feature": "Canvas",
    "status": "use",
    "tags": "gtie8 polyfill",
    "recco": "<a href='#'>FlashCanvas</a> or <a href='#'>excanvas</a> are your polyfills of choice if you absolutely need it."
  },
  {
    "feature": "Video/Audio",
    "status": "use",
    "tags": "gtie8 polyfill" ,   
    "recco": "Use mediaelement.js as polyfill for API (flash fallback w/ consistent visual design too).. Video for everyone base setup if No polyfill desired."
  },
  {
    "feature": "CSS3 Selectors",
    "status": "caution",
    "tags": "gtie8 no-polyfill",
    "recco": ""    
  },
  {
    "feature": "<code>data-*</code> attributes",
    "status": "use",
    "tags": "",
    "recco": "GROOVY everywhere obv. old browsers ignore unknown attributes, you can always use <code>getAttribute</code> or you can use the dataset polyfill for IE8+."
  },
  {
    "feature": "CSS3 Transitions",
    "status": "use",
    "tags": "gtie9 no-polyfill",
    "recco": "shim layer recomendded to get hwaccel with js fallback (isotope, yui transition, scripty2) ...  or let it degrade"
  },
  {
    "feature": "CSS3 Animations",
    "status": "caution",
    "tags": "gtie9 dont-use",
    "recco": ""    
  },
  {
    "feature": "border-image",
    "status": "caution",
    "tags": "gtie8",
    "recco": ""
  },
  {
    "feature": "box-shadow",
    "status": "use",
    "tags": "gtie8",
    "recco": ""
  },
  {
    "feature": "box-reflection",
    "status": "avoid",
    "tags": "dont-use",
    "recco": "Webkit only. Dont use."
  },
  {
    "feature": "font face",
    "status": "use",
    "tags": "fallback",
    "recco": "don't use cufon. use google webfonts or fontsquirrel generator"
  },
  {
    "feature": "<code>&lt;input type=range></code>",
    "status": "use",
    "tags": "form input polyfill",
    "recco": "We recommend you use blah blah, and use <a href='#'>frank yan's polyfill</a> or <a href='#'>freqdec</a>'s."
  },
  {
    "feature": "<code>&lt;input type=color></code>",
    "status": "avoid",
    "tags": "form input dont-use",
    "recco": "experimental use only"
  }, 
  {
    "feature": "HTML5 Form Input Validation",
    "status": "use",
    "tags": "form polyfill",
    "recco": ""
  },
  {
    "feature": "background-attachment",
    "status": "use",
    "tags": "gtie7",
    "recco": ""
  },
  {
    "feature": "postMessage",
    "status": "caution",
    "tags": "gtie8",
    "recco": ""
  }]