CSS

Tiempo de lectura: 2 minutos En este tutorial, aprenderás a construir una aplicación de lista de tareas que te ayudará a mantener un registro de tus tareas pendientes. Herramientas necesarias: Un editor de texto, un navegador web y conocimientos básicos de HTML, CSS y JavaScript. Paso 1: Configurar la estructura HTML Paso 2: Estilizar con CSS Crea un archivo «styles.css» … Leer más

Tiempo de lectura: 2 minutos En este tutorial, aprenderemos a construir un generador de contraseñas seguras que generará contraseñas aleatorias y fuertes para aumentar la seguridad en tus cuentas en línea. Herramientas necesarias: Un editor de texto, un navegador web y conocimientos básicos de HTML, CSS y JavaScript. Paso 1: Configurar la estructura HTML Paso 2: Estilizar con CSS Paso … Leer más

Tiempo de lectura: 2 minutos Hoy crearemos un menú de navegación desplegable que se desplegará cuando el usuario haga clic en un botón. Paso 1: Configuración básica del HTML Primero, crea un archivo HTML y agrega el siguiente código: Paso 2: Estilo del menú con CSS Crea un archivo CSS llamado styles.css y agrega el siguiente código: Paso 3: Funcionalidad … Leer más

Tiempo de lectura: < 1 minuto Voy a mostrar un ejemplo sencillo con el evento «hover» en un elemento. Es un contenedor rectangular que actúa como un elemento interactivo. Cuando se realiza el evento de «hover» (puntero del mouse pasa por encima), cambia su color de fondo. Además modifico su tamaño o escala. El código HTML es el siguiente: Para dar … Leer más

Tiempo de lectura: 2 minutos A 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 minutos A 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 minutos En 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