These are cute and seem like they have promise, but the fact that the site won't load on mobile means I won't have confidence to use them for any mobile-first web project. Hope you add mobile compatibility soon!
> Mobile version is unavailable at the moment. To experience Animista try it on your desktop.
The text is unselectable on mobile as well.
CSS animations work, any individual browser bugs notwithstanding. The nice thing about this site is that you don't have to guess all the CSS `@keyframes` and `animation` parameters to match some vision in your head, but you can visually experiment.
The actual value of this site is the interface, and I can see why it would be hard to make it work specifically for mobile devices.
The Animista web app is meant for web developers to browse the animations, take the very basic CSS code (not HTML) and use it in their projects - which might be mobile-friendly if you wish.
CSS animation is not "mobile or not", that task belongs to your other site-wide CSS and general HTML structure.
It's like saying you don't trust the drone will fly above 10 feet because in the store where you bought it the test flight was limited by a 10 foot ceiling.
That sounds like the happy expectations of someone free of the merciless grasp of deceitful vendors…
This is more like the store refusing to make the video demo of the drone on flight available to visitors using a mobile browser.
I just checked and while it loads on iPad, the top row of round buttons for animation category don't respond to touch.
Back to the analogy... it's more than a "demo drone video". It's an interactive drone experience where you select altitude and other settings and see the drone in virtual flight, then copy those settings to your own controller. Sounds like a task for a computer, not a phone.
Close... Product Manager (former Engineer) with 20+ years experience building things.
"You're either mobile first, or you're mobile last."
If someone puts up a warning sign telling me that they didn't bother to test their code on mobile... that tells me it's not ready for production yet. I don't want to get bogged down in something that wasn't tested on mobile, or that requires me to invest a lot of my time to get working right between browsers. Having the creator of this code put up a page saying not to use it on a phone seems to say they are comfortable writing off more than 50% of web users.
I don't think it's OK to launch anything, not even an MVP, if it doesn't work on mobile. Shouldn't building a mobile site be a trivial task for someone building CSS animations? How do I trust their work without a way to preview it?
All this site does is present existing CSS animation methods in a convenient, curated fashion with nice variations such as "wobble left". We know it works on mobile because the code is written according to the CSS spec.
If you have doubts about whether the CSS animation works on mobile, then you have doubts about whether the CSS animation spec in general works on mobile.
Developers don't copy and paste and write code on their mobile phones. Therefore the target audience is not your "50% of web users" club, which is a consumption stat, not coding or technical productivity/creating.
The code that you take from this site goes to your own project, and that's when you test on mobile - with your own HTML elements and other code.
Finally, "mobile first" is not right. Nothing should be "first" because by definition everything else is given less priority which is flawed logic depending on the application. "Mobile-friendly" is the more sensible idea.
You are not entitled to "Mobile First" just because a conga line of over-memed industry bloggers repeatedly insist we are entitled to all the content on the internet through our mobile browsers.
You're waving your phone around like it's attached permanently to your hand, and the only way you can get online!
The site responds and tells you what's going on. There is no fault. Be patient, be cool, save the bookmark and check it our later.
Don't be the kid throwing a tantrum because the hand-me-down phone you got for Christmas doesn't run Pokemon Go.
Screen size is an inherent limitation of mobile, always will be. Video editing, photo-editing, anything requiring a complex interface on a single page, or anything the developer hasn't released yet for reasons which are their business.
Giving release priority to desktop (including laptop) for a technical development app is OKAY in 2017. Just breath, everything is okay. The site is trustworthy, the code is trustworthy.