Web Component

In his blog-post Pride Flags Josh Comeau does an excellent job creating an animated pride flag.

• He creates good HTML


• He adds cool CSS gradients


• He writes native JavaScript


• And then, to put the Pride Flag in the DOM,
  he spoils it all with the line:
  
  

He was just three lines from creating a native JavaScript Web Component <pride-flag> that would run in every Framework, in every modern browser, without! ANY dependencies

customElements.define("pride-flag", …

animated blog css dom good html javascript job line pride react web webcomponents