title: createShadowRoot vs attachShadow
body: <p>The mozilla developer doc says that <code>createShadowRoot</code> is deprecated in favor of <code>attachShadow</code> <a href="https://developer.mozilla.org/en-US/docs/Web/API/Element/createShadowRoot" rel="nofollow">here</a> though the link to attach shadow goes to 404. W3C draft also indicates that the correct way would be <code>attachShadow</code>, <a href="https://www.w3.org/TR/shadow-dom/#shadow-dom-example" rel="nofollow">here</a>. Again W3C issue list suggests another way of creating AND attaching shadow roots for reusability and to make hosts mutable, right <a href="https://github.com/w3c/webcomponents/issues/129#issuecomment-118205891" rel="nofollow">here</a>.</p>
  
  <p>I am simply confused. Should I go for it, should I abandon it, or should I go for 3rd parties like Polyfill and <a href="https://www.polymer-project.org" rel="nofollow">Polymer</a>; though the latter actually using something named Shady DOM which is just looking at the problems that Shadow DOM addresses from (not just different but) a complete opposite angle.</p>
  
  <p>It will be much appreciated if a practical solution for the transition time to a final standard could be discussed.</p>