Categoría: CSS

¿Cómo crear un botón que envíe un formulario y descargue un pdf simultáneamente?

Posted on by Rudeus Greyrat

No existe un método directo para descargar y enviar el formulario simultáneamente, pero podemos realizar esta tarea si controlamos el envío del formulario y, al hacer clic en el botón Enviar formulario, primero activamos la descarga del PDF y luego enviamos el formulario. Entonces, los enfoques que podemos seguir para lograr esto se discuten a … Continue reading «¿Cómo crear un botón que envíe un formulario y descargue un pdf simultáneamente?»

Iconos de forma de Bulma

Posted on by Rudeus Greyrat

Bulma es un marco CSS de código abierto que contiene elementos y componentes prediseñados que facilitan a los desarrolladores la creación de interfaces hermosas y receptivas. En este artículo, aprenderemos cómo agregar íconos al formulario. Para agregar íconos a un formulario, se pueden agregar modificadores tiene íconos a la izquierda o íconos a la derecha … Continue reading «Iconos de forma de Bulma»

¿Cómo detectar los comandos de copiar y pegar Ctrl+V, Ctrl+C usando JavaScript?

Posted on by Rudeus Greyrat

Para detectar la combinación de teclas con “Ctrl”, usamos la propiedad ctrl del evento keydown . Devuelve un valor «booleano» para indicar si se presionó «ctrl» o no cuando se activó el evento clave. Sintaxis: event.ctrlKey Valor devuelto: verdadero: cuando se presionó «ctrl». falso: cuando no se presionó “ctrl”. Código HTML: A continuación se muestra … Continue reading «¿Cómo detectar los comandos de copiar y pegar Ctrl+V, Ctrl+C usando JavaScript?»

Insignias de espectro

Posted on by Rudeus Greyrat

Spectre Badges son componentes simples y básicos que se utilizan para mostrar un indicador o contar un número. Esto es muy útil para fines de conteo de correo y alertas, entre otras cosas. Las insignias son idénticas a las etiquetas, con la excepción de que tienen esquinas más redondeadas. Clase de insignias de espectro: insignia: … Continue reading «Insignias de espectro»

¿Cómo crear un proyecto de estado sabio del país Covid19 usando la API REST?

Posted on by Rudeus Greyrat

Hoy, Todos los Países del mundo luchando contra el Coronavirus. Todos los días, los casos de coronavirus aumentan rápidamente. Es importante que todos hagan un seguimiento diario de los casos de COVID y deben tratar de mantenerse a salvo. Hemos creado pequeñas aplicaciones web que le indicarán al usuario un número total de casos, nuevos … Continue reading «¿Cómo crear un proyecto de estado sabio del país Covid19 usando la API REST?»

Contenido del botón de interfaz de usuario semántica

Posted on by Rudeus Greyrat

La interfaz de usuario semántica es un marco moderno que se utiliza para desarrollar diseños perfectos para el sitio web. Brinda al usuario una experiencia liviana con sus componentes. Utiliza CSS y jQuery predefinidos para incorporar diferentes marcos. El contenido del botón de la interfaz de usuario semántica ofrece condiciones entre botones como eliminar o … Continue reading «Contenido del botón de interfaz de usuario semántica»

¿Cómo ordenar una array en varias columnas usando JavaScript?

Posted on by Rudeus Greyrat

La tarea es ordenar la array de JavaScript en varias columnas con la ayuda de JavaScript. Hay dos enfoques que se analizan a continuación. Enfoque 1: combinar las operaciones de clasificación múltiple por operador OR y comparar las strings. Para comparar la string, usaremos el método localeCompare() . Ejemplo: Este ejemplo implementa el enfoque anterior. … Continue reading «¿Cómo ordenar una array en varias columnas usando JavaScript?»

Estilos de entrada de Bulma

Posted on by Rudeus Greyrat

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. El estilo de entrada de Bulma se usa para establecer el estilo en los campos de entrada. Solo hay un único estilo que … Continue reading «Estilos de entrada de Bulma»

¿Cómo cambiar el estilo de fuente usando la lista desplegable en JavaScript?

Posted on by Rudeus Greyrat

Para cambiar o establecer un estilo de fuente para cierto texto, se debe cambiar la propiedad CSS fontFamily . La propiedad fontFamily establece o devuelve una lista de nombres de familias de fuentes para el texto de un elemento. Sintaxis: object.style.fontFamily = «font» Para cambiar el estilo de fuente mediante el menú desplegable de opciones: … Continue reading «¿Cómo cambiar el estilo de fuente usando la lista desplegable en JavaScript?»