Chris DermodySo I've gone ahead and made some dev.to loading gifs based on the logo. Which one's your favourite?
This large gif is a bit choppy - see the actual gifs further below ;)
Whenever I start a side product, one of the first things that pops into my mind is the loading animation. Lately, I've found a nice tool that I'd like to share called Anima. It's a sketch plugin that lets you animate things like this. It's quite powerful and I'm still discovering more about the tool every week.
If anyone's interested, I'll make a quick tutorial showing how to make the GIF everyone likes, and maybe then I'll jump in and try contribute to the project on Github - that'd be cool :)
My first thoughts were what if the "V" moved to the left, replicating a console, and then "loading" just scrolled across...
I quite like this, but it wasn't quite right. After chatting with my lady friend (who's also a dev, hey Catia 😘), she suggested doing something like "npm run DEV" - which I really like the idea of. So, we came up with:
And a slight variation on that
Some other options
It's always good to have options! While building the above, I thought what if I just faded the letters in and out sequentially. So:
And another version of the above
Which do you prefer?
I know which is my favourite, but let me know what you think is best, and obviously if you've any ideas for how to improve it, lemme know.
PS: you can check out some of my other animations over here, like:
