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, luego de muchos, muchos meses termine el juego inspirado en «Space Invader». El juego de «Space Invader» lo programe en GDscript, leyendo la documentación de Godot Engine. Detalles innecesarios Este juego lo empece en marzo del 2021 más o menos. Si tarde mucho en terminarlo.🤔️ Ya Leer más…
Para esto damos por hecho que ya tenemos una cuenta en github.com, entonces a continuación veremos como crear un repositorio. Creación de repositorio en GitHub 1. El repositorio lo creamos dando clic en el botón verde que dice “New”, luego vemos cargar una nueva página. 2. Ahora llenamos el 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: Hace poco cree un fondo animado con música y lo publiqué; pero como no lo expliqué a profundidad, hoy veremos una parte de ese código, que es la inserción de audio. 2 Formas de insertar un audio en HTML (2 ways to insert audio in html) Ejemplo I Para Leer más…
Introducción: En este post veremos los siguientes puntos: ¿Cómo insertar una imagen en HTML? ¿Cómo colocar una imagen en el <body> (cuerpo o background)? ¿Cómo insertar una imagen a un elemento (etiqueta) <button>? ¿Cómo insertar una imagen en un <input>? El objetivo es aprender distintas formas de insertar una imagen 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…