Nad Gardez´s Code Projects

Muy buenas a todos, yo soy Nad GarDez y este es una nueva entrada del blog "Code Proyects Nad GarDez". Para esta nueva entrada estaremos desarrollando los efectos de Fadeout y Fadein con HTML,CSS, y Javascript. Para esta funcionalidad muy bien podríamos utilizar alguna función de la librería de "JQUERY" pero ese no es el objetivo de hoy. Es totalmente posible realizar estas dos tareas (y muchas otras mas) usando Javascript puro, después de todo es la base de librerías como JQUERY y otras. Sin mas preámbulo. ¡Empecemos! Fadeout Fadein Primero aclaramos Fadein: relativo a Aparecer en español, corresponde a nuestro primer ejemplo de arriba hacia abajo, a demás este puede ser aplicado a fotos, contenedores, texto y en general a toda nuestra pagina. Primero vuelve transparente al elemento elegido y luego va agregando los colores de a poco hasta dar con la imagen o elemento original. Fadeout: relativo a Desvanecer en españo...

Muy buenas a todos... Yo soy Nad GarDez, y aquí empiezo un nuevo proyecto, sin mas que esperar que compartir mis conocimientos (y mi ruta de aprendizaje) con ustedes, con todos aquellos interesados aprender un poco mas del gran mundo de la programación. Para este primer episodio, les voy a mostrar un Preloader hecho con unas sencillas lineas de código en HTML, CSS, y Javascript. Iré explicando cada segmento, y si están interesados en descargar el archivo fuente estará disponible en mi cuenta de Github . Sin mas preámbulo ¡empezamos! Cargando Seccion HTML Vamos desde el esqueleto; en nuestra seccion HTML vamos a tener 3 div: Div contenedor: como su nombre lo indica, este va a contener las animaciones, a este podemos aplicarle el color de fondo de nuestra pagina para que parezca invisible, también podemos posicionar como queramos, ya que las animaciones no se desajustaran (el codigo esta pensado para esos casos). Div fijo: este sera de forma circular, y ad...