Tiempo de lectura: 3 minutos¡Buenos dias! Os dejo un nuevo tutorial, para que empecéis el finde con ganas. En el tutorial de hoy os voy a mostrar como hacer, un un acordeón con Bootstrap, pero vamos a añadir una serie de atributos que además, hacen que este sea accesible para todos. Espero que os guste, comenzamos: Paso 1: Configuración … Leer más
Tiempo de lectura: 2 minutosA continuación muestro un formulario que consta de campos para el nombre, correo electrónico y mensaje. Cuando el usuario envía el formulario, los valores se muestran usando alerts (puedes modificar la función enviarDatos para realizar alguna otra acción, como enviar los datos a un servidor). A continuación muestro el código del ejemplo. Por último muestro … Leer más
Tiempo de lectura: 2 minutosA continuación muestro un ejemplo de como hacer un botón deslizante o slider usando HTML, CSS y JavaScript sencillo. Este código muestra un ejemplo de cómo crear un botón deslizante o slider utilizando HTML, CSS y JavaScript. El objetivo es cambiar el estado del botón al hacer clic en él. El código comienza definiendo los … Leer más
Tiempo de lectura: 2 minutosEn el ejemplo muestro un botón con el fondo de color azul, al pulsar el botón, el fondo cambia de color al verde. El código para mostrar el botón en html es el siguiente. Le añado estilo al botón con CSS A continuación hago el código de acción que al pulsar el botón modifica su … Leer más
Tiempo de lectura: < 1 minutoPara realizar un cronómetro en HTML, CSS y JavaScript, se puede realizar de la siguiente manera como en el código que muestro a continuación. Espero que les sirva de ayuda, feliz día !! María www.linkedin.com/in/maria-gonzalez-aragon/
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: 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: 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
Tiempo de lectura: 2 minutosAdaptar 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
Tiempo de lectura: 2 minutosPara crear un modal con Bootstrap y HTML, sigue estos pasos: Agrega el código HTML para tu modal en cualquier lugar dentro del cuerpo de tu página. El código HTML debe incluir un contenedor para el contenido del modal, un botón o enlace para abrir el modal y un botón para cerrarlo. Incluye la librería … Leer más
