The power of web components

Click for: original source

Post by Potch html5 developer and web platform advocate from Mozilla about re-usable code. He writes about handful of web standards. Each standard has some independent utility, but when used together, they enable something that was previously impossible to do natively. The capability to create user-defined HTML elements that can go in all the same places as traditional HTML.

Defining your own working HTML elements requires new powers the browser didn’t previously give developers.

This article is meant as a primer, introducing a range of new capabilities and resources. The article then explains in some details:

  • How the <template> element works
  • Custom elements
  • Shadow Document Object Model (DOM)

You will also find code example explaining how to create your custom element – fancy button. Very educational for anybody interested in frontend and web design. Nice!

[Read More]

Tags web-development css frontend programming