All posts in Proyecto

El mini proyecto de hoy es una landing page animada que te permite acceder a dos vinculos por separado compartiendo el mismo espacio usando CSS y Javascript Se ve algo asi: La animación esta hecha con menos de 10 lineas de Javascript y los estilos en este proyecto no son muchos ni muy diferentes al…

Hoy les traemos una animación para scrollear utilizando tarjetas dibujadas en CSS sobre divs. Es lindo y simple, tienen que seguir el codigo y va a funcionar sin problemas. Por cierto, lo que estamos haciendo son los desafios de este sitio: https://50projects50days.com/ Pero le agregamos nuestros condimentos y explicamos nuestro paso a paso, cuando terminemos…

El mini proyecto de hoy es una carga distorsionada sobre un sitio, el cual me parece que es un efecto muy lindo para aplicar en sitios webs y lo pueden ver aca: blurry-loading-eosin.vercel.app Codigo Pueden tomar prestado el codigo aca: https://github.com/jpromanonet/blurryLoading ¡Hasta mañana!

El mini proyecto de hoy es un widget de busqueda oculto que se despliega al momento de darle click al icono de busqueda (la lupita) Y lo pueden ver aca: https://hidden-search-widget-henna.vercel.app/ Codigo El index es super simple, solo tiene 23 lineas y su funcion principal aparte de los titulos es insertar la barra de busqueda…

El micro proyecto de hoy es un navbar responsive que en lugar de desplegarse hacia abajo rota hacia el costado con una animación muy divertida n.n que pueden ver aca: rotation-nav.vercel.app Codigo Nuestro HTML contiene los botones del navbar, una sección de contenido con el contenido del body y al final utilizando la etiqueta <nav>…

Micro articulo del codigo del día, hoy hice un pequeño progress steps, de esos que se usan en formularios de varios pasos y se ve asi: Pueden jugar con el aca: https://ste-progress.vercel.app/ Con esto cumpli el día 43 de los #100DaysOfCode, como pueden ver aca: Codigo: El html del proyecto es super simple, en el…