¿Web componentes?

[quico5]

he visto en alguna ocasión algún enlace como este, me gustaría saber si merece la pena irlo probando y la compatibilidad con los navegadores

http://www.html5rocks.com/en/tutoria...from_locale=es

trae este ejemplo en el enlace

Código HTML:

 <style> app-panel { display: flex; } [is="x-item"] { transition: opacity 400ms ease-in-out; opacity: 0.3; flex: 1; text-align: center; border-radius: 50%; } [is="x-item"]:hover { opacity: 1.0; background: rgb(255, 0, 255); color: white; } app-panel > [is="x-item"] { padding: 5px; list-style: none; margin: 0 7px; } </style> <app-panel> <li is="x-item">Do</li> <li is="x-item">Re</li> <li is="x-item">Mi</li> </app-panel> 

gracias

[Rafael]

Nop, no vale la pena.

En un documento xml puedes inventar las etiquetas que quieras.

En estos casos están inventando etiquetas con javascript y se convierte en una aplicación JavaScript, no un documento html. Esto lo hace el archivo modernizer, para los navegadores viejos que no entienen las nuevas etiquetas <section> <headers> etc. Pero fuera de eso...

El ejemplo pone un anidado ridículo de divs. Si estuviera bien hecho no debería de hacerse ese uso de divs y ya.

La gente debería concentrarse en hacer un código bien estructurado y hacer un mejor css.