Seleccionar página
¿Qué pasa con import y los web components?

¿Qué pasa con import y los web components?

Cuando uno ha desarrollado un Web Component le interesa poder utilizar este componente de una forma sencilla en otros proyectos, es decir, utilizar algún tipo de import. Copiar y pegar el código es una técnica que todos hemos utilizado en alguna ocasión, pero no es...
Template a fondo

Template a fondo

Hoy vamos a profundizar en dos formas de crear contenido en un componente, aunque ambas se llaman template son muy diferentes entre sí. Una de ellas, la etiqueta template, se considera como uno de los pilares de los Web Components; la otra, las template string de...
Light DOM a fondo

Light DOM a fondo

Los elementos HTML que incluimos dentro de un Custom Tag se denominan Light DOM. Funciona de forma diferente si tenemos o no un Shadow DOM definido. En el último artículo donde analizamos a fondo el Shadow DOM todos los ejemplos los hemos creado sobre elementos que no...
Shadow DOM a fondo

Shadow DOM a fondo

Es probable que el DOM se nos haya ido de las manos: creamos y gestionamos miles de elementos anidados en árboles interminables, con identificadores y estilos que terminan colisionando unos con otros. Es en este contexto donde el Shadow DOM nos ofrece una solución muy...
HTMLElement a fondo

HTMLElement a fondo

HTMLElement es una de las piezas clave de los Web Component, pero en general se pasa muy rápidamente por sus características, utilizándolo como un mero contenedor de los elementos de nuestro componente. Os proponemos dar un repaso a fondo a sus capacidades a fin de...