Categoría: CSS

¿Cómo diseñar la navegación de vista de página para móviles usando el complemento de interfaz de usuario de la aplicación?

Posted on by Rudeus Greyrat

El propósito de este artículo es proporcionar componentes de interfaz de usuario interactivos para un diseño móvil mediante el uso del complemento de interfaz de usuario de la aplicación . Aquí analizaremos varios tipos de vistas de navegación para páginas web. El complemento ayuda a los desarrolladores móviles a crear aplicaciones usando HTML, CSS y JavaScript.   … Continue reading «¿Cómo diseñar la navegación de vista de página para móviles usando el complemento de interfaz de usuario de la aplicación?»

Barras de progreso en ElectronJS | Serie 1

Posted on by Rudeus Greyrat

ElectronJS es un marco de código abierto que se utiliza para crear aplicaciones de escritorio nativas multiplataforma utilizando tecnologías web como HTML, CSS y JavaScript que pueden ejecutarse en los sistemas operativos Windows, macOS y Linux. Combina el motor Chromium y NodeJS en un solo tiempo de ejecución. Las barras de progreso son una parte … Continue reading «Barras de progreso en ElectronJS | Serie 1»

Argumentos de línea de comando en ElectronJS

Posted on by Rudeus Greyrat

ElectronJS es un marco de código abierto que se utiliza para crear aplicaciones de escritorio nativas multiplataforma utilizando tecnologías web como HTML, CSS y JavaScript que pueden ejecutarse en los sistemas operativos Windows , macOS y Linux . Combina el motor Chromium y NodeJS en un solo tiempo de ejecución. Los argumentos de la línea … Continue reading «Argumentos de línea de comando en ElectronJS»

¿Cómo eliminar los controles de un lienzo de texto usando Fabric.js?

Posted on by Rudeus Greyrat

En este artículo vamos a ver cómo quitar los controles de un lienzo de texto usando FabricJS. El lienzo significa que el texto escrito se puede mover y se puede estirar según los requisitos, pero eliminaremos los controles para que no se pueda cambiar de tamaño o rotar, sino solo mover. Además, el texto en … Continue reading «¿Cómo eliminar los controles de un lienzo de texto usando Fabric.js?»

¿Cómo mostrar el error sin cuadro de alerta usando JavaScript?

Posted on by Rudeus Greyrat

Los errores en JavaScript se pueden mostrar sin el uso de cuadros de alerta, pero usar el cuadro de alerta es la forma tradicional de hacerlo. Podemos mostrar errores con dos métodos sin usar el cuadro de alerta. Método 1: mediante el uso de la propiedad textContent . El textContent se usa básicamente para cambiar … Continue reading «¿Cómo mostrar el error sin cuadro de alerta usando JavaScript?»

Bulma | Modal

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 Modal es una superposición clásica en la que se puede incluir cualquier contenido. El componente modal es un cuadro de diálogo/ventana emergente … Continue reading «Bulma | Modal»

¿Cómo establecer dos barras con flechas redondeadas superpuestas entre sí en CSS?

Posted on by Rudeus Greyrat

En este artículo, discutiremos cómo configurar dos barras con flechas redondeadas superpuestas entre sí usando HTML y CSS. Ejemplo 1: en el siguiente código HTML estamos usando el elemento <div> con una clase de atributo. Se usa para agrupar otros elementos de la página usando el atributo de clase . El código CSS está en … Continue reading «¿Cómo establecer dos barras con flechas redondeadas superpuestas entre sí en CSS?»

CSS | Columnas Propiedad

Posted on by Rudeus Greyrat

En CSS, la propiedad de columnas se usa para establecer el número de columnas y el ancho de las columnas. Esta es una propiedad abreviada y puede tomar múltiples valores a la vez. Sintaxis: columns: column-width columns-count | auto | initial | inherit; Valores de propiedad: auto: Esto establece los valores de ancho de columna … Continue reading «CSS | Columnas Propiedad»

¿Cómo escribir: condición de desplazamiento para a: before y a: after en CSS?

Posted on by Rudeus Greyrat

Los selectores :before y :after en CSS se usan para agregar contenido antes y después de un elemento. El :hover es pseudo-clase y :before & :after son pseudo-elementos. En CSS, los pseudoelementos se escriben después de la pseudoclase.  Sintaxis:  a:hover::before { // CSS Property } a:hover::after { // CSS Property } En CSS3, los dos … Continue reading «¿Cómo escribir: condición de desplazamiento para a: before y a: after en CSS?»

Propiedad de posición de fondo CSS

Posted on by Rudeus Greyrat

La propiedad background-position en CSS se utiliza principalmente para establecer la posición inicial de la imagen de fondo, es decir, se utiliza para establecer una imagen en una determinada posición. La posición relativa a la capa de posicionamiento se puede establecer mediante la propiedad background-origin . Sintaxis: background-position: value; Nota: La imagen de fondo se … Continue reading «Propiedad de posición de fondo CSS»