CSS Counter: Creando Listas Numeradas con Elegancia

CSS Counter: Creando Listas Numeradas con Elegancia

Tiempo de lectura: < 1 minuto Buenos dias, hoy os muestro un breve ejemplo de como sería: Esto por norma general, como ya sabemos, devuelve puntitos, si nosotros en vez de puntitos queremos que devuelva números, sin ser una lista numerada, nuestro css, debe quedar de la siguiente manera: Este código CSS se utiliza para numerar los elementos de una lista … Leer más

Menú en HTML, CSS y JavaScript

Menú en HTML, CSS y JavaScript

Tiempo de lectura: 3 minutos Para crear un menú horizontal con diferentes opciones y vaya cambiando el contenido según la opción seleccionada, hay que seguir los siguientes pasos. Primero creamos una lista no ordenada <ul> que representa nuestro menú y le damos algunos estilos para eliminar viñetas y darle un fondo oscuro. Cada elemento de la lista <li> representa una … Leer más

Crear un carrusel de artículos usando HTML + CSS y Javascript

Crear un carrusel de artículos usando HTML + CSS y Javascript

Tiempo de lectura: 2 minutos En este tutorial, te guiaré a través de los pasos para crear un carrusel de artículos utilizando HTML, CSS y JavaScript. Paso 1: Estructura HTML Comenzaremos creando la estructura básica del carrusel en el archivo HTML. Aquí tienes un ejemplo simple de cómo podría verse: Paso 2: Estilos CSS Ahora, crearemos los estilos CSS para … Leer más

Lista de tareas personalizada con checkbox para marcar y desmarcar tareas realizadas Bootstrap y almacenamiento local en este tutorial (parte 2)

Lista de tareas personalizada con checkbox para marcar y desmarcar tareas realizadas Bootstrap y almacenamiento local en este tutorial (parte 2)

Tiempo de lectura: 2 minutos ¡Buenos dias!, continuando con el tutorial anterior sobre como crear un TO-DO LIST, en este de hoy, os dejo una actualización de funcionalidad, en la que hemos implementado lo siguiente: En este ejemplo, hemos agregado un nuevo evento de escucha al <ul> de la lista de tareas completadas (completedList). Cuando se marque o desmarque una … Leer más

Construyendo un diseño responsive con Bootstrap Grid: Descubre cómo adaptar tus diseños a diferentes tamaños de pantalla utilizando las clases del sistema de grid de Bootstrap.

Construyendo un diseño responsive con Bootstrap Grid: Descubre cómo adaptar tus diseños a diferentes tamaños de pantalla utilizando las clases del sistema de grid de Bootstrap.

Tiempo de lectura: 3 minutos Buenos días, en el tutorial de hoy, os voy a hablar sobre la estructura GRID de BOOTSTRAP. El sistema de grid de Bootstrap es una de las características más destacadas y útiles de este framework CSS. Proporciona una estructura de filas y columnas que permite crear diseños flexibles y responsivos de manera sencilla. El sistema … Leer más

Aplicar responsive a una web HTML, CSS, Javascript

Aplicar responsive a una web HTML, CSS, Javascript

Tiempo de lectura: 2 minutos Adaptar una web a responsive es un proceso que consiste en diseñar y desarrollar un sitio web que se adapte a diferentes tamaños de pantalla y dispositivos, ofreciendo una experiencia de usuario óptima en todos ellos. Para adaptar una web a responsive es necesario tener en cuenta los siguientes pasos: Ejemplo: Imaginemos que queremos adaptar … Leer más