¿Cómo agregar una clase si la condición es verdadera en Haml?

Veremos dos formas de agregar una clase a un elemento dependiendo de la evaluación de alguna condición. Esencialmente, la lógica detrás de ambos es la misma. Usando el operador ternario Uso de la verificación condicional «a menos que» Código inicial: Primero, escribamos algo de código HAML básico. Contendrá un elemento de estilo en la sección … Continue reading «¿Cómo agregar una clase si la condición es verdadera en Haml?»

¿Cómo hacer una escala svg con su contenedor principal?

SVG es la abreviatura de Scalable Vector Graphics. Es un formato de imagen vectorial basado en lenguaje de marcado extensible (XML) para gráficos bidimensionales. Es compatible con la interactividad y la animación. Esto significa que todos los atributos y todos los elementos presentes en el archivo SVG se pueden animar. Los comportamientos de las imágenes … Continue reading «¿Cómo hacer una escala svg con su contenedor principal?»

¿Cómo cortar una string en AngularJS?

Dada una string y la tarea es hacer una porción de la string dada usando AngularJS. Enfoque 1 Usando el método slice(): El enfoque es usar el método slice() que acepta 2 parámetros de inicio y fin. En el primer ejemplo, solo se usa 1 parámetro y en el segundo ejemplo se usan 2 parámetros. … Continue reading «¿Cómo cortar una string en AngularJS?»

¿Cómo vaciar una array en JavaScript?

Hay muchas formas de vaciar una array en JavaScript, algunas de ellas se describen a continuación: Método 1: Configuración de una nueva array: este método establece la variable de array en una nueva array de tamaño cero, luego funcionará perfectamente. Ejemplo: <!DOCTYPE html>   <html>      <head>      <title>          JavaScript to set array empty     </title> </head>              … Continue reading «¿Cómo vaciar una array en JavaScript?»

¿Cómo configurar un acordeón alineado horizontalmente en Bootstrap 4?

El acordeón vertical es bastante popular en el desarrollo web, pero el acordeón horizontal se requiere en algunos casos, por lo que en este artículo usaremos eventos de puntero. Tomaremos el modo de escritura para cambiar la vista del título del acordeón. Y usa la transformación para rotar todo el acordeón. El siguiente programa ilustra … Continue reading «¿Cómo configurar un acordeón alineado horizontalmente en Bootstrap 4?»

Diferencia entre aplicaciones nativas y aplicaciones web

Aplicaciones nativas: las aplicaciones nativas se instalan en el propio dispositivo y se desarrollan especialmente para un sistema operativo móvil en particular. Estas aplicaciones están disponibles en tiendas de aplicaciones como Apple App Store, Google Play Store, etc. Las aplicaciones nativas funcionan en sistemas operativos móviles específicos, como Apple iOS o Android OS. Si una … Continue reading «Diferencia entre aplicaciones nativas y aplicaciones web»

¿Cómo obtener la altura de un div usando jQuery?

En este artículo, aprenderemos cómo obtener la altura de un div usando jQuery. En jQuery, el método de altura se usa para obtener la altura de cualquier elemento en HTML. El método de altura establece y devuelve la altura de los elementos HTML. Método 1: El método height() devuelve la altura del primer elemento coincidente, … Continue reading «¿Cómo obtener la altura de un div usando jQuery?»

¿Cómo usar el icono de fuente impresionante como cursor?

Hacer que un cursor simple parezca un automóvil, una bebida, un emoji o cualquier otra forma o símbolo parece fascinante. De hecho, podemos cambiar el cursor a cualquier ícono de fuente impresionante en la página web. Para agregar cualquier ícono de fuente increíble al cursor, debemos agregar el CDN de fuente increíble dentro de la … Continue reading «¿Cómo usar el icono de fuente impresionante como cursor?»

Tecnologías web Preguntas | Cuestionario del curso de JavaScript 1 | Pregunta 10

¿Cuál es la sintaxis de JavaScript correcta para cambiar el contenido del elemento HTML a continuación? <p id=»demo»>May the code be with you.</p> (A) document.getElementById(“demo”).innerHTML = “¡Hola!”; (B) document.getElement(“p”).innerHTML = “¡Hola!”; (C) #demo.innerHTML = “¡Hola!”; (D) document.getElementByName(“p”).innerHTML = “¡Hola!”; Respuesta: (A) Explicación: El método getElementById() de DOM(Document) devolverá el elemento que tiene el atributo ID … Continue reading «Tecnologías web Preguntas | Cuestionario del curso de JavaScript 1 | Pregunta 10»

¿Cómo crear un efecto de escala de grises usando CSS?

La escala de grises es un efecto que proporciona un efecto de transición de una imagen en color a una imagen monocromática o viceversa. Este efecto se puede aplicar a varios eventos como el desplazamiento del mouse o también puede usar un botón para activar el efecto. Enfoque: Usaremos la función integrada de CSS grayscale() … Continue reading «¿Cómo crear un efecto de escala de grises usando CSS?»