Introducción: La idea es sencilla todo lo que quería era replicar la tarjeta Tinycards de Doulingo con CSS y HTML, para luego agregarle una animación que consiste en hacer que gire 360º grados sobre su eje. Respecto al código intentare dar una breve explicación de ello a continuación. 1. Estructura Leer más…
Introducción: Hola chicos, no he podido dejar de hacer animaciones, así que hoy les traigo otra, esta vez vamos a hacer un corazón muy bonito, el cual vamos a clonar 4 veces para luego darle 3 animaciones. Creando corazones con CSS En este caso lo primero que hice fue crear Leer más…
Introducción: En este ejemplo vamos a crear un muñeco o minion (la verdad no se bien como llamarlo); pero la idea es que este muñequito sonríe, en eso consiste esta animación. Se que es sencillo, al menos esta vez puse las etiquetas en el orden adecuado (eso creo).😋 Creando un Leer más…
Introducción: En este ejemplo crearemos un gusanito rosado (litle pink worm) y lo animaremos con CSS como podemos verlo en el vídeo de abajo. 1. Creando un gusanito con CSS Bien, lo primero que tenemos que hacer es crear una etiqueta div en HTML, ponerle tamaño y color para Leer más…
Introducción: Para empezar mi conocimiento de CSS y HTML son mínimos, esa es la verdad; pero al pensar en un fondo animado si tenia algo claro. Quería que fuera como el Tetris, con figuras cayendo desde la parte superior de forma aleatoria y sobre todo con colores bonitos; porque si Leer más…
Introducción: Hey hola, el artículo de hoy tenia pesado hacerlo hace mucho tiempo; pero tenia como prioridad otros temas a escribir y como no suelo recordar como comentar en HTML vi la necesidad de escribir este artículo de una vez. Así que vamos a ello. ¿Qué es un comentario? Leer más…
Introducción: Hola chicos hoy veremos el evento keypress como dice el título, este es el último de los 3 eventos que quería mostrarles los anteriores fueron keyup y keydown. Espero que les sea útil y como no tengo nada más que decir 😁… mejor vamos al tema. ¿Qué es keypress? Leer más…
Introducción: En el anterior artículo vimos el evento keydown y ahora veremos el evento keyup y un ejemplo de uso con las teclas de flechas. ¿Qué es keyup? Es un evento que se ejecuta cuando la tecla deja de estar abajo (o sea, cuando soltamos la tecla). 2 Formas de Leer más…
Introducción: Estos días programando, tuve problemas con los eventos en javaScript y como ya es costumbre escribo un articulo sobre ello para ayudarme a reforzar lo que aprendí (y para que no se me olvide), así que vamos a ello. ¿Qué es keydown? Es un evento que llega a Leer más…