Tiempo de lectura: 2 minutos Reading time: 2 minutes Web loaders, also known as spinners, are visual elements used to indicate that a web page is loading content or processing an action. In this tutorial, we will learn how to create a custom web loader using CSS and JavaScript. The result will be an animated and visually appealing loader that … Read more
Tiempo de lectura: < 1 minuto Reading time: < 1 minute Hello, today we will learn how to detect when a web page has been opened using JavaScript, for example, to refresh its content. To detect when the web page has been opened, we use the following function: $(window).focus(function () { console.log("focus web opened"); }); To detect when it is closed, ... Read more
Tiempo de lectura: < 1 minuto Reading Time: < 1 minute Today I’m going to show you how we can run Selenium tests in a Docker container. First, let’s create a Docker Compose container with Selenium (using this image https://github.com/nixel2007/docker-selenium-side-runner) version: '3' services: chromedriver: image: robcherry/docker-chromedriver privileged: true restart: always environment: - CHROMEDRIVER_WHITELISTED_IPS='' # ports: # - '4444:4444' selenium-side-runner: image: nixel2007/docker-selenium-side-runner ... Read more
Tiempo de lectura: 3 minutos Reading Time: 2 minutes Hello, today I’m going to show you how to create a horizontal navigation menu using CSS: HTML: First, create the basic HTML structure of the navigation menu: <nav> <ul> <li><a href=”#”>Home</a></li> <li><a href=”#”>Services</a></li> <li><a href=”#”>About</a></li> <li><a href=”#”>Contact</a></li> </ul> </nav> CSS: Now let’s apply CSS styles to make the menu horizontal: nav … Read more
Tiempo de lectura: 7 minutos } // Token is valid, update the user’s password $user_id = mysqli_fetch_assoc($result)[‘id’]; if ($password != $confirm_password) { // Passwords don’t match, display error message } $hashed_password = password_hash($password, PASSWORD_DEFAULT); $sql = “UPDATE users SET password = ‘$hashed_password’, token = NULL WHERE id = $user_id”; mysqli_query($connection, $sql); echo “Your password has been successfully updated!”; This tutorial … Read more
Tiempo de lectura: 3 minutos Reading time: 4 minutes PWA (Progressive Web Apps), Flutter, React Native, and Ionic are mobile development technologies that have different advantages and disadvantages in terms of performance, user experience, platform support, learning curve, maintenance and scalability, and cost. PWA It is a technology that allows creating web applications with features similar to native applications, using … Read more
Tiempo de lectura: 2 minutos Reading time: 2 minutes To create a Progressive Web App (PWA) with Service Worker, follow these steps: Create a manifest.json file: This file defines how the application will look and behave on different devices. It includes information such as the application name, application icon, color theme, screen orientation, and more. { “name”: “My PWA App”, … Read more
Tiempo de lectura: 2 minutos Reading time: 2 minutes To create a simple table from an array of objects, follow the steps below: First, create a file with the .html extension, where you’ll create a div with an associated ID to display the table with the data of the elements. The ID for the table within the HTML will be … Read more
Tiempo de lectura: 5 minutos Reading time: 2 minutes To create a simple list from an array of objects, you need to follow the steps below: First, create a file with the .html extension, where we’ll create a div with an associated ID that will display the list of elements. The ID for the list, in this case, will be … Read more
Tiempo de lectura: 2 minutos Reading time: 2 minutes Good afternoon! Today I bring you a very cool and interesting tutorial about an element you can use on your website. Let’s get started! A loader button is a functionality that allows users to know when a background task is being processed, such as a request to a server. In this … Read more
