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 If we want to refresh a screen when returning from another screen using React Native, we have to do the following: First, we import react-navigation import { useFocusEffect } from '@react-navigation/native'; Then, we add it in our render: useFocusEffect( React.useCallback(() => { }, []) ); Inside the React.useCallback block, we … 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: 3 minutos Reading time: 3 minutes In this tutorial, you will learn how to create a Docker container that includes Node.js, MongoDB, Adminer, and NGINX Proxy Manager for SSL using Docker Compose. Step 1: Create the docker-compose.yml file First, create a new directory on your computer for the project, and then create a docker-compose.yml file in the … 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
Tiempo de lectura: 2 minutos Reading time: 2 minutes Adapting a website to be responsive is a process that involves designing and developing a website that adjusts to different screen sizes and devices, providing an optimal user experience across all of them. In order to adapt a website to be responsive, it is necessary to consider the following steps: Identify … Read more
