Día 21 (Sábado 21/01/2023) Resumen del día El sabado temprano lo arrancamos temprano, desayunos miramos New Amsterdam, miramos los Simpsons y tuvimos que salir de viaje hasta Pontevedra, volvimos cerca de las 21 hs aca casa y ese día no hice ejercicio ni mucho menos, si complete los días de codigo, escribi en el blog…
Random Choice Picker [HTML, CSS & JS]
¿Alguna vez quisieron hacer su propia app de sorteos? Hoy les traemos una mini app que nos permite cargar opciones separadas con coma y a partir de Javascript selecciona una de las opciones aleatorias utilziando setTimeout, Split sobre arrays y el muy querido Math.random() ¿Donde pueden usarlo? aca: https://random-choice-picker-one.vercel.app/ El codigo, como siempre, lo pueden…
FAQ Collapse [HTML, CSS & JS]
Hoy les traemos un mini FAQ que se colapsa y transforma en cards con css, la idea es hacer un poco mas “amigable” o “divertida” una sección que en general suele quedar bastante desterrada en cualquier sitio web Y la app una vez terminada se veria asi: Puede jugar con el sitio aca =) https://faq-collapse-rose.vercel.app/…
Event Key Codes [HTML, CSS & JS]
¿Vieron como Javascript reconoce cada tecla que presionamos con un número que representa la tabla de caracteres ASCII? y ¿qué ese número se llama “codigo de evento de tecla” o en inglés “event key codes”? Bueno, hoy les traemos una mini web app que cada vez que presionamos una tecla nos muestra el event key…
dadJokes [HTML, CSS & JS]
¿Alguna vez escucharon el termino “dad jokes” haciendo referencias a las bromas inocentes que no son tan divertidas pero que despues de un par te empezas a reir y no paras más? En esta entrada les contamos un poco como hacer una aplicación web simple que llame a una API que nos traiga las bromas…
Sound Board [HTML, CSS & JS]
El mini proyecto del día de hoy es un sound board que se parece bastante en su funcionamiento al sound board de los 30 días de Javascript. El sound board trabaja con el DOM y reproduce los sonidos desde el navegador usando el onClick. Se puede jugar con el sound board aca: https://sound-board-five-alpha.vercel.app/ Tambén actualize…
Semana 03 [2023] | Resumen
Día 14 (Sabado 14/01/2023) El día arranco tarde y con sueño porque veniamos trabajando desde temprano hasta casi las 23 todos los dias pero arranco bien (recordando que nos sobran baños y no teniamos que tener turnos entre nosotres) Desayunamos mate con helado de Rapanui <3 cerca de las 14 hs y previo a eso,…
Form Wave [HTML, CSS & JS]
Hoy habia poco tiempo asi que tome un form y le agregue onditas como olas y quedo divertido, el efecto trabaja desde el DOM sobre el onClick para el día 49 de los #100DaysOfCode Y el codigo lo pueden tomar prestado de aca: https://github.com/jpromanonet/form-wave ¡Hasta mañana!
Split Landing [HTML, CSS & JS]
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…
Scroll Animation [HTML, CSS & JS]
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…