Al pasar el puntero del ratón por encima de un elemento cambiar su color de fondo – Hover

Tiempo de lectura: < 1 minuto Voy a mostrar un ejemplo sencillo con el evento «hover» en un elemento. Es un contenedor rectangular que actúa como un elemento interactivo. Cuando se realiza el evento de «hover» (puntero del mouse pasa por encima), cambia su color de fondo. Además modifico su tamaño o escala. El código HTML es el siguiente: Para dar … Leer más

Ejecutar plataforma o aplicación Flutter usando comandos por consola

Ejecutar plataforma o aplicación Flutter usando comandos por consola

Tiempo de lectura: < 1 minuto Para ejecutar una aplicación Flutter en la web, puedes seguir los siguientes pasos. Primero abre una terminal o línea de comandos en el directorio raíz de tu proyecto Flutter. Después ejecuta el siguiente comando para habilitar la funcionalidad de Flutter para la web: A continuación, ejecuta el siguiente comando para iniciar tu aplicación Flutter en … Leer más

Componente de acordeón utilizando HTML, CSS y JavaScript

Componente de acordeón utilizando HTML, CSS y JavaScript

Tiempo de lectura: 2 minutos En el ejemplo muestro un componente de acordeón utilizando HTML, CSS y JavaScript. El acordeón tiene tres secciones. Cada sección tiene un título que se puede hacer clic para mostrar u ocultar el contenido correspondiente. El código del ejemplo es el siguiente Por último, muestro el resultado. María www.linkedin.com/in/maria-gonzalez-aragon/

Formulario sencillo en HTML, CSS y JavaScript

Formulario sencillo en HTML, CSS y JavaScript

Tiempo de lectura: 2 minutos A continuación muestro un formulario que consta de campos para el nombre, correo electrónico y mensaje. Cuando el usuario envía el formulario, los valores se muestran usando alerts (puedes modificar la función enviarDatos para realizar alguna otra acción, como enviar los datos a un servidor). A continuación muestro el código del ejemplo. Por último muestro … Leer más

Botón slider o deslizante en HTML, CSS y JavaScript

Botón slider o deslizante en HTML, CSS y JavaScript

Tiempo de lectura: 2 minutos A continuación muestro un ejemplo de como hacer un botón deslizante o slider usando HTML, CSS y JavaScript sencillo. Este código muestra un ejemplo de cómo crear un botón deslizante o slider utilizando HTML, CSS y JavaScript. El objetivo es cambiar el estado del botón al hacer clic en él. El código comienza definiendo los … Leer más

Unable to determine application id: com.android.tools.idea.run.ApkProvisionException: Error loading build artifacts from:

Unable to determine application id: com.android.tools.idea.run.ApkProvisionException: Error loading build artifacts from:

Tiempo de lectura: < 1 minuto Para solucionar este error hay que hacer los siguientes pasos: Pulsamos dentro de Android Studio –> File –> Invalidate Caches A continuación se abrirá la siguiente ventana. Pulsamos en Invalidate and Restart Se cerrará el proyecto y se abrirá de nuevo. El error se habrá solucionado. Espero que les sirva de ayuda, feliz día ! … Leer más

Personalizar un loader en Flutter – Dart

Personalizar un loader en Flutter – Dart

Tiempo de lectura: 2 minutos Voy a mostrar un ejemplo de cómo personalizar un loader para que aparezca en el momento que necesitemos cargar datos en nuestra aplicación. El elemento loader es el siguiente. Para customizar los colores y la anchura del elemento loader, debemos centrarnos en la siguiente parte del código. A continuación muestro el código completo. Espero que … Leer más