¿Te has preguntado cómo se crean esos efectos visuales dinámicos que ves en algunas páginas web? Uno de los más populares es el efecto de «puntos que siguen al ratón», una forma simple pero efectiva de añadir interactividad y una estética única a tu sitio. Efecto de unos puntos alrededor del puntero del ratón En este post, te mostraré cómo crear este efecto desde cero usando las tecnologías web actuales: HTML, CSS y JavaScript. Nos olvidaremos de los códigos obsoletos y nos centraremos en un método moderno, limpio y eficiente. ¿Cómo funciona el efecto? La idea es simple: El resultado es un efecto de rastro suave y fluido que parece…
-
-
Crear slider de control de volumen en html 5
El desarrollo de páginas web con html 5 nos permite aprovechar una amplia variedad de herramientas y elementos para mejorar la experiencia del usuario. Entre estas opciones, la capacidad de controlar archivos multimedia, como audio y video, es una de las más útiles. Control de volumen en html 5 En esta guía, aprenderemos a implementar un slider (control deslizante) que nos permitirá ajustar el volumen de un archivo de audio directamente desde nuestra página web. Usaremos HTML5 y un poco de JavaScript para que esta funcionalidad sea interactiva y fácil de usar. Paso 1: Insertar el elemento <audio> Para comenzar, debemos incluir un elemento de audio en nuestra página. Este…
-
Control de eventos con JavaScript
En el mundo de la programación, JavaScript es uno de los lenguajes más utilizados y vigentes, aún con el paso del tiempo y la aparición de nuevas formas. Conocer a fondo diferentes trucos y mecanismos de JavaScript puede servir para asegurarnos el mejor rendimiento de nuestra web o de los programas que utilizaremos para diseñarlas. Control de eventos con JavaScript Imagina que tienes un formulario en tu web HTML y quieres saber cuántas veces ha sido completado, para eso te conviene crear un contador y que aparezca un mensaje de confirmación cuando el botón de Enviar ha sido seleccionado. Esto puede hacerse fácilmente si aprendemos a dominar nociones básicas de…
-
Generador de Códigos Hexadecimales
La ida de esta sencilla herramienta, que más bien es un código Script con el cual se hace la mezcla de los colores básicos y se logra un color Hexadecimal que como muestra la imagen se ve en el cuadrito de abajo. Generador de Códigos Hexadecimales La verdad es una idea muy sencilla para mezclar colores y a su vez el color generado se refleja en el background de la página. Esperamos lo puedas utilizar y que te sea de utilidad, esperamos tus comentarios. Pruébalo aquí. Otra opcione aqui










