Categoría: HTML-Misc

Transición de imagen con efecto de desvanecimiento usando JavaScript

Posted on by Rudeus Greyrat

Dadas algunas imágenes y la tarea es crear una transición lenta de una imagen a otra usando Javascript. Requisito previo: en este artículo, utilizaremos los siguientes métodos de JavaScript.   método setInterval() método clearInterval() asíncrono/espera Promesa Enfoque: dadas algunas imágenes y la tarea es cambiar las imágenes después de intervalos regulares con un efecto de desvanecimiento … Continue reading «Transición de imagen con efecto de desvanecimiento usando JavaScript»

¿Cuál es la diferencia entre los métodos find() y filter() en JavaScript?

Posted on by Rudeus Greyrat

El método find() se usa para encontrar todos los elementos descendientes del elemento seleccionado. Encuentra el elemento en el árbol DOM atravesando la raíz hasta la hoja. El método filter() se usa para filtrar todos los elementos y devuelve el elemento que coincide y se eliminan los elementos que no coinciden. La única diferencia es … Continue reading «¿Cuál es la diferencia entre los métodos find() y filter() en JavaScript?»

¿Cómo usar un div como contenido para Popover de Twitter?

Posted on by Rudeus Greyrat

Twitter’s Popover is a bootstrap component somewhat similar to tool-tip where the highlighting difference is that it is triggered whenever the user clicks on the specified selector. Before we use <div> as the content inside the popover, let us have a look on DOM structure of the popover: Programa: estructura DOM de un popover. <!– … Continue reading «¿Cómo usar un div como contenido para Popover de Twitter?»

¿Cómo usar bootstrap-select para el menú desplegable?

Posted on by Rudeus Greyrat

Bootstrap Select es un control de formulario que muestra una lista plegable de diferentes valores que se pueden seleccionar. Esto se puede utilizar para mostrar formularios o menús al usuario. Este artículo muestra los métodos mediante los cuales se puede diseñar un elemento <select> en Bootstrap, usando estilos personalizados y bootstrap-select . Uso de los … Continue reading «¿Cómo usar bootstrap-select para el menú desplegable?»

¿Cómo envolver el texto alrededor de una imagen usando HTML y CSS?

Posted on by Rudeus Greyrat

Envolver el texto alrededor de una imagen es bastante atractivo para cualquier tipo de sitio web. Al usar HTML y CSS, es posible envolver una imagen con el texto y hay muchas maneras de hacerlo porque la forma de cualquier imagen no es constante. En HTML, podemos alinear la imagen a la derecha del texto, … Continue reading «¿Cómo envolver el texto alrededor de una imagen usando HTML y CSS?»

Emoticonos HTML

Posted on by Rudeus Greyrat

Los emojis son letras (caracteres) del juego de caracteres UTF-8 (Unicode). El elemento <meta charset=”UTF-8″> en HTML define el juego de caracteres. Muchos caracteres UTF-8 no se pueden escribir en un teclado, pero siempre se pueden mostrar mediante números (llamados números de entidad). Para que el navegador comprenda que está mostrando un carácter, debe comenzar … Continue reading «Emoticonos HTML»

¿Cómo configurar la imagen en el centro de una barra de navegación receptiva?

Posted on by Rudeus Greyrat

Para hacer que un sitio web responda, lo inteligente es usar Bootstrap. Al usar Bootstrap, podemos hacer que nuestro sitio web se vea bien y responda. Hay dos formas de establecer una imagen o un logotipo en el centro de una barra de navegación receptiva. Están:  Usando CSS Usando Bootstrap Ahora vamos a entender cada … Continue reading «¿Cómo configurar la imagen en el centro de una barra de navegación receptiva?»

¿Cómo agregar un interruptor de palanca de arranque usando JavaScript?

Posted on by Rudeus Greyrat

El interruptor de palanca Bootstrap es un componente simple que se utiliza para activar una de las dos opciones dadas. Comúnmente utilizado como un botón de encendido/apagado. El marco CSS es una biblioteca que permite un diseño web más fácil y más compatible con los estándares utilizando el lenguaje de hojas de estilo en cascada. … Continue reading «¿Cómo agregar un interruptor de palanca de arranque usando JavaScript?»

¿Cómo aplicar la propiedad CSS a un iframe?

Posted on by Rudeus Greyrat

Un iframe es la forma abreviada de marco en línea . Al usar la etiqueta iframe , puede mostrar el contenido de otra página web en un documento de página HTML en una estructura de forma rectangular. El contenido de la página web puede ser cualquier video, otro sitio web, cualquier imagen, etc. Este iframe … Continue reading «¿Cómo aplicar la propiedad CSS a un iframe?»

¿Cómo hacer una animación de rebote suave usando CSS?

Posted on by Rudeus Greyrat

La animación de rebote suave se puede hacer con la ayuda de HTML y CSS . Generará resultados divertidos y deseados. Para este proyecto, se necesita un div simple con bola de clase en la página HTML: <div class=»ball»></div> Cambiaremos a CSS para la programación de animación. Ahora, Flexbox se usa para tener la pelota … Continue reading «¿Cómo hacer una animación de rebote suave usando CSS?»