El juego del dinosaurio de Google Chrome, también conocido como «Chrome Dino» o «T-Rex Game», es un pequeño juego integrado en el navegador que aparece cuando no hay conexión a Internet. Este juego presenta a un dinosaurio corriendo por un desierto infinito, esquivando obstáculos como cactus y pterodáctilos. Desde su lanzamiento en 2014, se ha […]
Etiqueta: css3
El efecto hover en HTML y CSS3
En el desarrollo web, la experiencia del usuario es un factor determinante en la efectividad y usabilidad de una interfaz. Dentro de las muchas herramientas que los desarrolladores tienen a su disposición para mejorar la interacción con un sitio web, el efecto hover es uno de los más utilizados. Se trata de una pseudo-clase en […]
Creando interfaces utilizando Grid
CSS Grid se ha convertido en una de las herramientas más poderosas para el diseño de interfaces modernas. Su adopción en CSS3 ha permitido a desarrolladores y diseñadores web estructurar páginas complejas de forma intuitiva y responsiva, sin la necesidad de recurrir a trucos o estructuras forzadas. En este artículo, exploraremos en profundidad los fundamentos […]
Temporizador regresivo con Javascript
En este proyecto, crearemos un countdown timer (temporizador regresivo con javascript) que se muestra centrado en la pantalla. Este temporizador será interactivo y dinámico, permitiendo a los principiantes en programación aprender conceptos básicos de HTML5, CSS3, y JavaScript. Objetivo del proyecto: temporizador regresivo con javascript HTML5: Definir la estructura del temporizador. CSS3: Aplicar estilos para […]
Creando un portfolio para nuestra página web
Aquí os comparto una interfaz en el que estaremos creando un portfolio para nuestra página web, utilizando Bootstrap 5.3, HTML5, CSS3, Flexbox, jQuery y JavaScript. Os proporcionaré el código separado en los archivos correspondientes: HTML, CSS y JavaScript. Si necesitas más consejos de programación, no dudes en seguirme en mi página web profesional o en […]
Slider funcional para tu página web
Mi propósito, en esta entrada de mi blog, será la de mostrarte cómo crear un slider funcional para tu pagina web. Me apoyaré, para conseguir esto, en Bootstrap 5.3, HTML5, CSS3 y un poco de javascript. 1. Configuración HTML de un slider funcional para tu página web Bootstrap 5.3 ofrece componentes de carrusel muy fáciles […]