Design: Big win, but kind of a UX: Fail, IMO.
It certainly looks quite a bit nicer, but it's definitely a huge downgrade for me in that I now have to select the animation from a menu first and then I can click to see the demo.
The increased cognitive load on something I reference almost daily is frustrating. I use it as documentation, personally. I know what animations are available, but I just need to click real quick to double check on the class name or to make sure its the animation I want. I used the old site and scoped out a few (maybe 4-5) possible animations in a matter of seconds.
Going from 1 click to 3... sigh. It just feels clumsy in a way that a pretty design doesn't mask for me. Maybe I'm being too critical.
Came here to say this, it should be really easy to play around and see all the different ones with minimal effort
Fair point, and something I weighed against myself. This little page is likely to change over the next few days, thanks to feedback like this – I simply wanted to strip it to its most basic form, and move forward from there. Personally, I don't think the tradeoff is that great, but if people (especially new visitors) are finding it a pain, then the sandboxing must change.
I thought about that. The impact it might have on new visitors.
I think I probably wound up using animate.css initially because it was so easy to see how many cool animations there were. A big list is good and all, but that old rule of "you only get X seconds with a new visitor" ...
Meaning, if I can't see a bunch of what I want really quickly - and what I want is to see a bunch of the animations in action - I'm probably gonna bounce. My $0.02.
Much love to animate.css though. for real. Helped me quite a bit early on in understanding easing, etc.
Interesting side note; others have said they actually find this method easier for browsing the animations.
The feedback is great, and I'll be exploring this further for sure. Thanks!
Well, I'm a new user - seeing this site for the first time - and.. sorry, but I found myself losing interest coz of the continuous clicking with the drop down. I don't know what the previous design was, but 1 click sounds like a good idea for something like this :)
Daniel, might I suggest, if you're digging the minimalism of the select + button, making the animation automatically play on the select menu's change event and changing the button text to "Play again."?
Yup. Given the choice one-click is better than two-clicks.
Visually I like the design. It is clean and pleasing to the eye. From a UX perspective, it makes me vaguely frustrated.
Nope you're not. I agree.
Anyone noticed the color of
Animate.csstext changing gradually?
Roughly how much water do you recommend adding for optimal performance?
Seriously though, this is really clean and straight to the point. Very nice!
I agree: it was more easy to use before. It required too much actions now: click+scroll+scroll... Love the nee design though
Looks cleaner but less convenient than your previous version imo. Doesn't matter though, love animate.css. I use it all the time :) Can't thank you enough.
first: you are a god among men for creating animate.css
second: dunno about that dropdown, from a usability perspective.
third: that changing gradient is slick.
oh you changed it! I think this is a lot cleaner than you had it before, nice work!
This is really great. There's a lot of css "animation" generators and so forth on the web, however most of them suck.
This is really brilliant, beautifully presented and clean back-end. Really nice work.
Although there are few inconsistencies with the spacing around the dropdown (especially on mobile), I like it! Love what you did with the hue.
Yup; I need to polish the mobile stuff. Thanks!