Categoría: Google-AMP

La cuenta regresiva de datos de amp se usa para realizar la cuenta regresiva hasta una fecha específica que se representa en la página HTML de AMP. Se utiliza específicamente como temporizador o cuenta regresiva. Scripts requeridos: agregar el componente amp-data-countdown . HTML <script async custom-element=»amp-date-countdown» src= «https://cdn.ampproject.org/v0/amp-date-countdown-0.1.js»> </script> Agregando el componente amp-moustache HTML <script … Continue reading «Google AMP amp-fecha-cuenta regresiva»

  Para incrustar jwplayer en AMP HTML , hay un componente llamado amp-jwplayer que muestra un jwplayer alojado en la nube. Scripts requeridos: importar el componente amp-jwplayer al encabezado  HTML <script async custom-element=»amp-jwplayer»      src=»https://cdn.ampproject.org/v0/amp-jwplayer-0.1.js»> </script> Atributos: data-player-id: una identificación alfanumérica que se encuentra en la sección del reproductor de JW player. data-playlist-id /data-media-id: Se requiere … Continue reading «Google AMP amp-jwplayer»

  A veces, como diseñador, desea complacer a sus usuarios y, por eso, decide brindar contenido premium a los usuarios premium, pero mantenerlos distintos puede ser un desafío difícil. La etiqueta amp-access está especialmente diseñada con el único propósito de hacerlo. Puede establecer controles para usuarios registrados, miembros premium y usuarios no registrados. Al usar … Continue reading «Acceso de amplificador de Google AMP»

El componente amp-carousel se utiliza para crear un carrusel de imagen/contenido en AMP HTML a lo largo del eje horizontal. Un carrusel es una presentación de diapositivas de imágenes a través de una serie de imágenes.  Scripts requeridos: importar el componente amp-carousel en el encabezado. HTML <script async custom-element=»amp-carousel» src= «https://cdn.ampproject.org/v0/amp-carousel-0.1.js»> </script> Atributos: type: Especifica … Continue reading «Carrusel de amplificadores de Google AMP»

  Anteriormente no podíamos incrustar ni siquiera imágenes en las páginas web, pero con el desarrollo del desarrollo web, pudimos hacerlo. Ahora, con este flujo de desarrollo, podemos incluso incrustar una imagen 3D en el sitio web. El componente amp-3d-gltf de Google AMP puede mostrar modelos 3D que están en formato glTF en nuestro sitio … Continue reading «Google AMP amp-3d-gltf»

  El carrusel amp se usa para crear un carrusel de imágenes en una página HTML de AMP. En AMP HTML, también es posible agregar un efecto de caja de luz a un amp-carousel usando amp-lightbox-gallery dado que amp-carousel solo contiene imágenes. Script requerido: Importación del componente amp-carousel en el encabezado. HTML <script async custom-element=»amp-carousel» … Continue reading «¿Cómo agregar un efecto de caja de luz a amp-carousel en Google AMP?»

  Con la ayuda de amp-bind-macro, se puede crear un programa HTML para calcular dinámicamente el área del círculo. Cuando se proporciona la entrada, la página responderá a la entrada del usuario, encontrará el área del círculo con el radio proporcionado e imprimirá sin actualizar la página. Configuración: para usar amp-bind-macro en nuestra página AMP, … Continue reading «¿Cómo calcular el área del círculo dinámicamente usando amp-bind-macro en Google AMP?»

  A veces tenemos mucho contenido para mostrar y para que el sitio web se vea bonito y corto, usamos los cuadros de texto plegables. Los cuadros de texto plegables son esa división que es la combinación de encabezado y contenido, generalmente solo el encabezado es visible, pero cuando se presiona, se muestra el contenido. … Continue reading «¿Cómo crear un acordeón animado usando Google AMP amp-accordion?»

En las páginas HTML de AMP, agregar efectos visuales es fácil con el componente amp-fx-collection , que proporciona una variedad de colecciones de efectos, como la aparición gradual, en la que la opacidad de la imagen de fondo sigue aumentando hasta que se vuelve visible. Secuencias de comandos requeridas: importar la colección amp-fx en el … Continue reading «Animación emergente de Google AMP»