🧪 Probando cosas nuevas… juntos
Después de la sesión del jueves, donde estuvimos explorando la librería JS USAL para crear animaciones con scroll, me quedé con ganas de facilitar un poco más su uso en el día a día.
Así que he preparado una pequeña herramienta para simplificar el proceso y hacerlo más ágil.
Ya la tenéis disponible aquí:
👉 usal.flowtitude.com
La idea no es que sea “perfecta”, sino que la vayamos mejorando entre todos.
Si veis algo que se pueda optimizar, algún bug, alguna funcionalidad que tendría sentido añadir… comentadlo sin miedo. La afinamos en comunidad.
Y si os resulta útil, también me interesa saberlo 😊
Pronto iremos incorporando más herramientas de este estilo para seguir construyendo nuestro propio pequeño ecosistema práctico alrededor de Tailwind y el sistema Flowtitude.
¿La probamos y vemos hasta dónde la llevamos? 🚀
Gracias Ángel. Lo estoy usando en un proyecto y es estupendo. Muy fácil de usar y muy buena herramienta.
He echado de menos que no puedas editar o escribir las clases y se muestre el movimiento (igual es una tontería).
El botón reiniciar, lo cambiaría por: Play y añadiría otro: Resetear, que borre todo, para empezar de nuevo.
¿El "Umbral de activación" se refiere a la activación en scroll? No queda muy claro eso.
¿Se puede hacer que el movimiento que hace sea desde más lejos, para que se aprecie mejor?
Luis Muñoz Tomo nota de tus comentarios. Gracias Luis Muñoz , Ayer hices unas pequeñas correcciones, en la proxima revision seguro que queda
Con el split-item (que es aplicar a los hijos, por ejemplo a los posts de un loop, para que hagan el movimiento encadenado) cuando lo aplico en desktop va perfecto, pero en móvil hace que no se vean los elementos, los posts. deben estar, porque el scroll de la pantalla es largo, pero no se ven.
¿Hay alguna forma de limitar los movimientos y que no tengan acción en móvil? como posible solución...
Gracias.
Luis Muñoz Lo estas usando con el intersect de Tailwind? el problema parece ser de un error de js en el movil,deberia funcionar bien ahi tambien. Buscaré a ver si es un error de la libreria
Angel Julian En esa página (pantalla) en concreto no. Tengo intersect en otra, pero en esa no.
Ahora mismo lo tengo quitado para que sí se muestren en el móvil.
Luis Muñoz Ok entonces es eso no? lo digo porque puedo revisar para modificar el intersect. Auqnue en una de las paginas no lo uses se carga en todo el sitio
Angel Julian Efectivamente era Intersect. Lo he quitado así como el plugin animation para Tailwind. Todo parece ir bien.
Gracias.
Como siempre hay activado alguno de los movimientos de la primera sección, cuando trabajas con los items hijos, es decir, con split-item en el código para copiar sigue apareciendo el que esté seleccionado, y creo que no sirve de nada.