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
Tiempo de lectura: 2 minutos En el ejemplo muestro un botón con el fondo de color azul, al pulsar el botón, el fondo cambia de color al verde. El código para mostrar el botón en html es el siguiente. Le añado estilo al botón con CSS A continuación hago el código de acción que al pulsar el botón modifica su … Leer más
Tiempo de lectura: < 1 minuto Para realizar un cronómetro en HTML, CSS y JavaScript, se puede realizar de la siguiente manera como en el código que muestro a continuación. Espero que les sirva de ayuda, feliz día !! María www.linkedin.com/in/maria-gonzalez-aragon/
Tiempo de lectura: 2 minutos Los loaders web, también conocidos como spinners, son elementos visuales utilizados para indicar que una página web está cargando contenido o procesando una acción. En este tutorial, aprenderemos a crear un loader web personalizado utilizando CSS y JavaScript. El resultado será un loader animado y atractivo que podrás incorporar en tus proyectos web. Requisitos previos: … Leer más
Tiempo de lectura: < 1 minuto Hola, hoy vamos a ver cómo podemos detectar con Javascript, cuándo se ha abierto una pantalla web, por ejemplo, para refrescar su contenido. Para detectar cuando se ha abierto se utiliza la siguiente funcion: Para detectar que se cierra usamos esta función: isMa Ingeniero en Informática, me encanta crear cosas o arreglarlas y darles una … Leer más
Tiempo de lectura: < 1 minuto Si queremos refrescar una pantalla al volver desde otra pantalla usando React Native, tenemos que hacer lo siguiente: Primero importamos react-navigation Después lo añadimos en nuestro render: Y dentro de React.useCallback, realizamos las llamadas que queramos refrescar. En [] podemos poner la variable que cambia al regresar de otra pantalla por ejemplo [codigo]. Otra opción … Leer más
Tiempo de lectura: 2 minutos Hola, hoy te voy a enseñar cómo crear un menú de navegación horizontal usando CSS: HTML: Primero, crea la estructura HTML básica del menú de navegación: CSS: Ahora vamos a aplicar los estilos CSS para hacer que el menú sea horizontal: Con estos estilos, hemos creado un menú de navegación horizontal básico. Si quieres añadir … Leer más
Tiempo de lectura: 3 minutos En este tutorial, aprenderás cómo crear un contenedor Docker que incluye Node.js, MongoDB, Adminer y NGINX Proxy Manager para SSL utilizando Docker Compose. Paso 1: Crear el archivo docker-compose.yml Primero, crea un nuevo directorio en tu computadora para el proyecto y luego crea un archivo docker-compose.yml en el directorio raíz. Este archivo definirá los servicios … Leer más
Tiempo de lectura: 2 minutos Para crear una Progressive Web App (PWA) con Service Worker, sigue los siguientes pasos: Al crear una PWA con Service Worker, debes asegurarte de que la aplicación sea segura, confiable y fácil de usar en todos los dispositivos y navegadores. Esto significa que debes tener en cuenta la seguridad, la accesibilidad y la usabilidad de … Leer más
Tiempo de lectura: 2 minutos Para crear una tabla de un array de objetos sencilla, hay que seguir los siguientes pasos como muestro a continuación: Primero creamos el fichero con extensión .html, dónde vamos a crear un div asociando un id dónde se va a mostrar la tabla con los datos de los elementos. El id de la tabla dentro … Leer más
