5 ms·

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 w

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!

TruthSHIFT 10y ago
I don't really expect this to be a common issue. I don't use my phone for web development.
- falsedan 10y ago
  Funny, I do use it to view web pages about development, documentation, API references, and demos.
tekromancr 10y ago
I don't believe that is true. All of the animations presented are just css3 keyframe-based animations. There is no reason that you couldn't use them. The site cataloging them isn't responsive, but once you generate the css, you can use them in any project.
- callumlocke 10y ago
  Try viewing it on a phone. It says you have to use a desktop.
  - geonic 10y ago
    This only refers to the Animista site itself, not the actual animations.
    - falsedan 10y ago
      What animations? The link goes to a landing page encouraging the visitor to use a desktop browser instead… > Mobile version is unavailable at the moment. To experience Animista try it on your desktop. The text is unselectable on mobile as well.
      - falsedan 10y ago
        Wow, downvotes for complaining about the presentation and accessibility on a front end tech page…
    - tedunangst 10y ago
      In my experience, if somebody claims something works, but I haven't seen it, the safest assumption is "doesn't work". I happen to be in my phone now, and I'm not going to bookmark a site in the "doesn't work" category. Maybe if I happen to check HN from a desktop later and the link is still on the front page, I'll give it another look. Otherwise, goodbye.
      - dbg31415 10y ago
        "Trust me." Yup... not something I want to invest my time in if I can't see it work. A message telling me not to use the mobile version reminds me way too much of those, "Please use IE6!" messages we got back in 2004 when a site wasn't tested on Firefox or Safari.
      - wvh 10y ago
        The site lets you choose a lot of parameters for CSS3 animations and shows the effect on a number of selectable objects. It then lets you download the CSS3 code with your selected parameters, so you can use them in your own CSS. 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.
exodust 10y ago
I think I know what's going on. A web dev 101 class has discovered this thread. This explains some bizarre questions such as "what is the licensing" and "won't work on mobile"... :-) 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.
- falsedan 10y ago
  Calling developers checking HN on their phones "web dev 101" is pretty condescending. Give the benefit of the doubt, and assume they are engineers with limited time to check out new technology and are disappointed that they can't view these animations while riding a bus.
  - exodust 10y ago
    I was responding to the person who said they didn't have confidence using the CSS in their mobile projects because the site where they got the code from didn't work on mobile. That's not the logic of an engineer! 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.
    - falsedan 10y ago
      > 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.
      - exodust 10y ago
        If you have Firefox for Android you can tap "request desktop site" if you really wanted to see the site on your phone. If you have an iPhone, I guess you're out of luck. 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.

TruthSHIFT 10y ago

I don't really expect this to be a common issue. I don't use my phone for web development.

falsedan 10y ago
Funny, I do use it to view web pages about development, documentation, API references, and demos.

tekromancr 10y ago

I don't believe that is true. All of the animations presented are just css3 keyframe-based animations. There is no reason that you couldn't use them. The site cataloging them isn't responsive, but once you generate the css, you can use them in any project.

callumlocke 10y ago
Try viewing it on a phone. It says you have to use a desktop.
- geonic 10y ago
  This only refers to the Animista site itself, not the actual animations.
  - falsedan 10y ago
    What animations? The link goes to a landing page encouraging the visitor to use a desktop browser instead… > Mobile version is unavailable at the moment. To experience Animista try it on your desktop. The text is unselectable on mobile as well.
    - falsedan 10y ago
      Wow, downvotes for complaining about the presentation and accessibility on a front end tech page…
  - tedunangst 10y ago
    In my experience, if somebody claims something works, but I haven't seen it, the safest assumption is "doesn't work". I happen to be in my phone now, and I'm not going to bookmark a site in the "doesn't work" category. Maybe if I happen to check HN from a desktop later and the link is still on the front page, I'll give it another look. Otherwise, goodbye.
    - dbg31415 10y ago
      "Trust me." Yup... not something I want to invest my time in if I can't see it work. A message telling me not to use the mobile version reminds me way too much of those, "Please use IE6!" messages we got back in 2004 when a site wasn't tested on Firefox or Safari.
    - wvh 10y ago
      The site lets you choose a lot of parameters for CSS3 animations and shows the effect on a number of selectable objects. It then lets you download the CSS3 code with your selected parameters, so you can use them in your own CSS. 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.

exodust 10y ago

I think I know what's going on. A web dev 101 class has discovered this thread. This explains some bizarre questions such as "what is the licensing" and "won't work on mobile"... :-) 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.

falsedan 10y ago
Calling developers checking HN on their phones "web dev 101" is pretty condescending. Give the benefit of the doubt, and assume they are engineers with limited time to check out new technology and are disappointed that they can't view these animations while riding a bus.
- exodust 10y ago
  I was responding to the person who said they didn't have confidence using the CSS in their mobile projects because the site where they got the code from didn't work on mobile. That's not the logic of an engineer! 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.
  - falsedan 10y ago
    > 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.
    - exodust 10y ago
      If you have Firefox for Android you can tap "request desktop site" if you really wanted to see the site on your phone. If you have an iPhone, I guess you're out of luck. 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.