trafnar

6 ms·

1. 1.▲
   by trafnar 1y ago

   I wanted to suggest a tweak to this cool project: The panning and zooming feel very sluggish. I'm not sure if there's a technical reason it needs to be that way, but if the animation duration or spring used to control that can be
2. 2.▲
   by trafnar 1y ago

   I was using this recently and found some situations where I didn't like the way the lines looked. Reading through the github comments from the author, it sounds like an improved version of this library is maintained within the tldraw c
3. 3.▲
   by trafnar 1y ago

   Their app listens to your calls and transcribes things. I think this visualizer helps indicate when it is actively listening.
4. 4.▲
   by trafnar 1y ago

   It's still relevant, the language hasn't changed much since I made this course.
5. 5.▲
   by trafnar 3y ago

   Panda seems really nice. As someone who does a lot of "creative" CSS work, writing styles quickly is important to me. I find writing styles as Javascript objects kinda cumbersome. I wish there was a way to use Imba's CSS syst
6. 6.▲
   by trafnar 3y ago

   In that case the count variable should be moved into a property of the tag. I just like putting it outside the tag because it really drives home "its just a variable". tag Counter count = 0 <self @click=(count+
7. 7.▲
   by trafnar 3y ago

   Yes, via https://www.todesktop.com/ which makes it very easy.
8. 8.▲
   by trafnar 3y ago

   I’ve been building all my projects with Imba for the past few years, I love it. - TaskTXT - Plain text todos and tasks with timers https://www.tasktxt.com - ReadyRunner - GPT chat for desktop https://www.readyrunner.a
9. 9.▲
   by trafnar 3y ago

   I assume you are referring to the CSS shorthands Imba provides. Yes, they are controversial... and optional. These all work the same in imba: css div { background-color: red; display: flex; flex-direction: column; } div@hover {backg
10. 10.▲
    by trafnar 3y ago

    You don't need any special state management tools like "stores" or "setState" you can just use regular variables. let count = 0 tag Counter <self @click=(count++)> "Count is: {count}" imb
11. 11.▲
    by trafnar 3y ago

    Update: it works on Android now
12. 12.▲
    by trafnar 3y ago

    Thanks for the reminder.
13. 13.▲
    by trafnar 3y ago

    I fixed the android issues, sorry about that
14. 14.▲
    by trafnar 3y ago

    I'm not aware of any easier way to build something like this than what I presented in the article, but I'd be interested to learn if there was. I did create a full-fledged prototyping/animation tool called Flinto.com, but it
15. 15.▲
    by trafnar 3y ago

    Thanks for the motivating comment :)
16. 16.▲
    by trafnar 3y ago

    I think I fixed the Android issues, can you give it another try?
17. 17.▲
    by trafnar 3y ago

    What I like about Imba is that you can update a variable, and the result in the view/page is updated, without any special syntax. let count = 0 def increment count++ tag App <self> <button @click=incr
18. 18.▲
    by trafnar 3y ago

    It's not a true Astro integration, but Imba works with Vite, and I was able to use that to include Imba code in my Astro site. A real integration would allow for server-side rendering of Imba components, which would be great.
19. 19.▲
    by trafnar 3y ago

    Yeah, I totally get what you mean. I was focused on recreating the effects in original menu that this was inspired by, which was meant for mobile, so the context is very different. If I was making something like this for use in a real deskt
20. 20.▲
    by trafnar 3y ago

    Thanks for understanding!
21. 21.▲
    by trafnar 3y ago

    If you look at my other work you'll see that I'm like the polar opposite of a designer that does things that look cool and fancy rather than optimizing for usability. This was meant as a study in how to do certain types of fluid a
22. 22.▲
    by trafnar 3y ago

    I changed it to use lite-youtube-embed which doesn't request that stuff until after the user clicks to play the video
23. 23.▲
    by trafnar 3y ago

    I don't know, maybe by mistake? I looked into it, it is the YouTube embed on the page that is triggering that, I suppose any YouTube embed will cause that.
24. 24.▲
    by trafnar 3y ago

    Is my demo trying to access all that stuff??
25. 25.▲
    by trafnar 3y ago

    Yeah, it would certainly need to be (and readily could be) optimized if used in production.
26. 26.▲
    by trafnar 3y ago

    I’m not sure as I haven’t communicated with the original author, but I think it requires a lot of the same custom work.
27. 27.▲
    by trafnar 3y ago

    I’ve mostly not had issues on desktop, what browser are you using? It was built in a fairly indecent way, but in my testing it always was responsive so I never optimized it, since it’s just meant as a learning tool.
28. 28.▲
    by trafnar 3y ago

    That doesn’t sound like how it’s supposed to work so maybe something is not rendering correctly, or I don’t understand what you are describing exactly.
29. 29.▲
    by trafnar 3y ago

    It runs pretty smooth on my iPhone, but yes, it is a prototype meant for education, not suitable for production use. > So, I recklessly replaced all the elements of my menu that needed to animate with SpringLayers and just set the whole
30. 30.▲
    by trafnar 3y ago

    Sorry! You can watch a video version of it here: https://www.youtube.com/watch?v=1VgrdLfDozo