Tiempo de lectura: 2 minutosLos 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 minutoHola, 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, Investigador, me encanta crear cosas o arreglarlas y darles … Leer más
Tiempo de lectura: < 1 minutoHoy os voy a enseñar cómo podemos ejecutar test Selenium en un contenedor Docker. Primero vamos a crear un contenedor Docker Compose con Selenium (utilizo esta imagen https://github.com/nixel2007/docker-selenium-side-runner) Se crean dos carpetas, una para los .sides (sacados de selenium IDE) para ejecutarlos: Carpeta ./web/test/ Y otra para la configuración out que saca Selenium: Carpeta ./config/selenium/out … Leer más
Tiempo de lectura: 2 minutosHola, 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 minutosHola, hoy os voy a enseñar cómo crear un recordar contraseña usando PHP + HTML. Primero, crea una tabla en tu base de datos para almacenar los datos de los usuarios, incluyendo sus contraseñas. La tabla podría tener los siguientes campos: id, nombre, email y contraseña. 2. Crea una página en tu sitio web donde … Leer más
Tiempo de lectura: 4 minutosPWA (Progressive Web Apps), Flutter, React Native y Ionic son tecnologías para el desarrollo móvil que tienen diferentes ventajas y desventajas en cuanto a desempeño, experiencia de usuario, soporte de plataforma, curva de aprendizaje, mantenimiento y escalabilidad, y costo. PWA Es una tecnología que permite crear aplicaciones web con características similares a las de una … Leer más
Tiempo de lectura: 2 minutosPara 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 minutosPara 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
Tiempo de lectura: 2 minutosPara crear una lista 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 lista de elementos. El id de la lista, en este caso se llamará … Leer más
Tiempo de lectura: 2 minutos¡Buenas tardes! Hoy os traigo un tutorial muy guay, y interesante sobre un elemento que puedes usar en tu web. ¡Comenzamos! Un botón loader es una funcionalidad que permite a los usuarios saber cuándo se está procesando una tarea en segundo plano, como por ejemplo una petición a un servidor. En este tutorial aprenderás a … Leer más
