Tamaños de título de Bulma

En Bulma , hay dos tipos de encabezados que son Título y Subtítulo . Estos encabezados simples se utilizan para agregar algo de profundidad a una página web o sitio web. Título y subtítulo están disponibles en muchos tamaños y se pueden utilizar según nuestros requisitos. Clases de tamaño de título/subtítulo de Bulma: is-1: esta … Continue reading «Tamaños de título de Bulma»

¿Cómo obtener la altura renderizada de un elemento?

Para obtener la altura de un elemento, hay cinco métodos comunes en JavaScript. Veamos las diferencias entre cada uno y cuándo deben usarse. Solo el último método proporciona la altura renderizada correcta en lugar de la altura del diseño.  estilo.altura jQuery( altura, altura interior, altura exterior ) clientHeight, offsetHeight, scrollHeight getComputedStyle getBoundingClientRect().height La altura renderizada … Continue reading «¿Cómo obtener la altura renderizada de un elemento?»

Iconos de navegación de espectro

El Icon.css es un elemento único que responde a los iconos css puros. Hay tres tipos de iconos: iconos de navegación, iconos de acción e iconos de objeto. Aquí, en este artículo, conoceremos los íconos de navegación. Los iconos de Spectre Navigation se utilizan en la barra de navegación o para el menú.  Iconos de … Continue reading «Iconos de navegación de espectro»

¿Cómo hacer un fondo de burbujas usando HTML5 y CSS3?

La animación de fondo de burbujas de agua se puede generar fácilmente usando HTML, CSS JavaScript. Al usar HTML5, diseñaremos la parte básica del cuerpo de la página y con CSS3 haremos las burbujas en el fondo. Y con la ayuda de JavaScript, se moverá por toda la página de abajo hacia arriba. Acercarse:   La … Continue reading «¿Cómo hacer un fondo de burbujas usando HTML5 y CSS3?»

Fragmento de código Spectre

El elemento de código se utiliza para diseñar el código en línea y el fragmento de código. En este artículo, aprenderemos sobre el fragmento de código. El fragmento de código es la parte del código real que contiene varias líneas de código, por lo que podemos usar <pre> con la clase de código como contenedor … Continue reading «Fragmento de código Spectre»

¿Cómo cambiar los bordes del cuadro de entrada después de llenar el cuadro con JavaScript?

En este artículo, cambiaremos el borde de entrada después de completar el texto en el campo de texto de entrada. El atributo de evento onchange funciona cuando el valor del elemento cambia y selecciona el nuevo valor de la lista. Enfoque: cada vez que el usuario cambia el valor de entrada con algún valor, se … Continue reading «¿Cómo cambiar los bordes del cuadro de entrada después de llenar el cuadro con JavaScript?»

Alineación de archivos Bulma

Bulma es un marco CSS de código abierto que se envía con componentes prediseñados que hacen que los sitios web hermosos y receptivos sean más fáciles y rápidos.  En este artículo, veremos opciones de alineación con el elemento de archivo Bulma. De forma predeterminada, el elemento del archivo Bulma está alineado a la izquierda. Clases … Continue reading «Alineación de archivos Bulma»

¿Por qué usamos el método then() en JavaScript?

El método then() en JavaScript se definió en la API de Promise y se utiliza para gestionar tareas asincrónicas, como una llamada a la API. Anteriormente, se usaban funciones de devolución de llamada en lugar de esta función, lo que dificultaba el mantenimiento del código. Sintaxis: demo().then( (onResolved) => { // Some task on success … Continue reading «¿Por qué usamos el método then() en JavaScript?»

Estados de entrada de Bulma

Bulma es un marco CSS gratuito y de código abierto basado en Flexbox. Es rico en componentes, compatible y bien documentado. Es de naturaleza altamente receptiva. Utiliza clases para implementar su diseño. Los estados de entrada de Bulma se utilizan para establecer los diferentes estados de los campos de entrada. Hay muchos estados diferentes disponibles … Continue reading «Estados de entrada de Bulma»

Anime.js | Animación con diferentes propiedades.

Anime.js es una biblioteca de JavaScript pequeña y liviana con una API simple y pequeña y poderosa. Funciona con elemento DOM, CSS y objeto JavaScript. Animación con propiedades CSS podemos animar cualquier propiedad CSS. A continuación se describen algunos de los ejemplos con diferentes propiedades CSS: Ejemplo 1:  Primero tenemos que establecer un objetivo, el … Continue reading «Anime.js | Animación con diferentes propiedades.»