How to Create an Accessible Accordion with Bootstrap

How to Create an Accessible Accordion with Bootstrap

Tiempo de lectura: 2 minutos Reading time: 3 minutes Good morning! I’m sharing a new tutorial with you to kick off the weekend. In today’s tutorial, I’ll show you how to create an accessible accordion using Bootstrap. We’ll add a series of attributes that make it accessible to everyone. I hope you like it. Let’s get started: Step 1: Basic … Read more

Custom To-Do List with Checkbox for Marking and Unmarking Completed Tasks Using Bootstrap and Local Storage in this Tutorial (Part 2)

Custom To-Do List with Checkbox for Marking and Unmarking Completed Tasks Using Bootstrap and Local Storage in this Tutorial (Part 2)

Tiempo de lectura: 2 minutos Reading time: 2 minutes Good morning! Continuing from the previous tutorial on how to create a TO-DO LIST, in today’s tutorial, I provide you with an update on functionality in which we have implemented the following: In this example, we have added a new event listener to the completed tasks list’s <ul> element (completedList). When … Read more

Learn How to Create a Custom To-Do List with Bootstrap and Local Storage in This Tutorial

Learn How to Create a Custom To-Do List with Bootstrap and Local Storage in This Tutorial

Tiempo de lectura: 2 minutos Reading time: 2 minutes Good morning and happy Monday!!! Let’s go for another tutorial, this time it’s a simple to-do list application. Here’s the code for one way to do it: <!DOCTYPE html> <html lang=”en”> <head> <meta charset=”UTF-8″> <meta http-equiv=”X-UA-Compatible” content=”IE=edge”> <meta name=”viewport” content=”width=device-width, initial-scale=1.0″> <link href=”https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css” rel=”stylesheet” integrity=”sha384-9ndCyUaIbzAi2FUVXJi0CjmCapSmO7SnpJef0486qhLnuZ2cdeRhO02iuK6FUUVM” crossorigin=”anonymous”> <script src=”to-do-list.js”></script> <title>To-do list for … Read more

How to View Virtual Machine Screen in Full Resolution (Full Screen)

How to View Virtual Machine Screen in Full Resolution (Full Screen)

Tiempo de lectura: < 1 minuto Reading time: < 1 minutes Reading time: < 1 minutes How to View Virtual Machine Screen in Full Resolution (Full Screen) Photo by Mikhail Nilov on Pexels To view the virtual machines we import into VirtualBox in full screen, it is very simple, you just need to follow these steps: 1. Start or boot up ... Read more

Importing Projects in Eclipse with Different Versions

Importing Projects in Eclipse with Different Versions

Tiempo de lectura: < 1 minuto Reading Time: < 1 minute Reading Time: < 1 minute Importing Projects in Eclipse with Different Versions Photo by luis gomes on Pexels When we want to import projects with packages, classes, etc. from one computer to another with different versions of Eclipse, it can give us an error due to missing libraries or incompatibility ... Read more

Use your own Android device to run apps in development with Android Studio.

Tiempo de lectura: < 1 minuto Reading Time: < 1 minute Use your own Android device to run apps in development with Android Studio. Photo by Noah Erickson on Pexels Did you know that you can use your own mobile device to debug and run apps developed in Android directly with Android Studio? This is very useful if you want to ... Read more

Sending Meta Keywords and Description with WordPress API and Using Them in Any Theme

Sending Meta Keywords and Description with WordPress API and Using Them in Any Theme

Tiempo de lectura: 2 minutos And now we check if the added Keywords and Description are displayed. To do this, we open our post in the browser and right-click to inspect. The code inspector will appear, and we type Keywords, and the Keywords will appear: Same for the description: And now we add it to our POST, for that we … Read more

Using GitHub Desktop as a Client for GITLAB and other GIT Services

Using GitHub Desktop as a Client for GITLAB and other GIT Services

Tiempo de lectura: 2 minutos Reading time: 2 minutes Using GitHub Desktop as a Client for GITLAB and other GIT Services Photo by Christina Morillo on Pexels Github Desktop is the official GitHub client for Windows, Linux, and Mac. It is available for free on their website: https://desktop.github.com/, and it simplifies the process of synchronizing, updating, and maintaining your projects … Read more

Building a Responsive Design with Bootstrap Grid: Discover How to Adapt Your Layouts to Different Screen Sizes Using Bootstrap Grid System Classes.

Building a Responsive Design with Bootstrap Grid: Discover How to Adapt Your Layouts to Different Screen Sizes Using Bootstrap Grid System Classes.

Tiempo de lectura: 3 minutos Reading time: 3 minutes Reading time: 3 minutes Good morning, in today’s tutorial, I’m going to talk to you about the GRID structure of BOOTSTRAP. The Bootstrap grid system is one of the most prominent and useful features of this CSS framework. It provides a structure of rows and columns that allows for easy creation … Read more

Flutter in Docker Compose Container to run in web browser

Flutter in Docker Compose Container to run in web browser

Tiempo de lectura: < 1 minuto Reading time: < 1 minute Hello, today we’re going to see how to use Docker Compose to run Flutter in the web browser of the host machine where Docker is running. The first thing we’re going to do is create the docker-compose.yml file and add this content: version: "3.1" services: flutter: build: context: ./Dockerfile dockerfile: ... Read more