Nuevo tutorial!
He adaptado la prueba técnica del Tetris para programadores Junior y te explico cómo resolverla en cualquier lenguaje de programación.
Una manera de practicar lógica mientras nos divertimos.
Espero que te sirva de ayuda.
▶️ https://t.co/2Fu0WwANLX
Future CSS Tip! 🔮
You can create sweet scroll-driven micro-interactions using CSS scroll-driven animations 😎
.avatar {
animation: scale-down;
animation-timeline: scroll();
animation-range: var(--header-range);
}
@ keyframes scale-down {
to {
scale: 0.3;
}
}
What's happening in this one? 👀
1. Avatar moves and scales down as the header sticks
2. Name changes color and slides over
3. Header darkens to give the text contrast
4. Header gets a shadow
5. Notice the avatar scrub too! 👀 It's scroll-driving the sprite animation technique we went over earlier in the week ✨
So much fun! ✨ Could even tie in the new easings from earlier too!
@CodePen link below! 👇
¿Quieres aprender a crear webs con Python?
He creado esta clase de una 1h en la que desarrollamos nuestras 2 primeras webs desde cero usando sólo código Python.
🙏 Ayúdame a compartirlo si quieres que este tutorial acabe en un curso completo gratis.
▶️ https://t.co/rkdMD1DDkV
¡El mayor catálogo de botones para tu página web!
Tiene más de 900 diferentes y con animaciones.
Hechos con HTML y CSS. ¡Listos para copiar y pegar!
https://t.co/fGpDO71wBd
@iMavionX voy a probar lo de vsync, solo tengo esos bajones cuando comparto pantalla en discord pero los tengo con la 3070ti y un r7 3700x lo que me parece raro y si no funciona es culpa de w11 22h2 xD
¿Estás aprendiendo JavaScript y quieres practicar lo aprendido?
JSChallenger tiene más de 120 ejercicios sencillos que te ayudarán a consolidar su sintaxis.
La inmensa mayoría son totalmente gratis:
https://t.co/PJnjMS2R5Z
Estos son los 4 nuevos juegos de Silent Hill que estarán llegando próximamente.
El Remake de Silent Hill 2 será EXCLUSIVO de PS5 durante un año. #SilentHill