Hacker News new | ask | show | jobs
by pedalpete 3868 days ago
Though animations like these are nice, can somebody give some examples of svg animations that are a part of the usable interface?

For example, we have animating buttons and panels and UX elements, which I can't imagine doing in SVG.

Waiting bubbles, etc. are great, I'm just not sure of the widespread value. Happy to be shown a different view though.

4 comments

Shopify uses animated svgs in the admin panel ui, they even wrote a nice blog post about it.

>A lot of the feedback we’ve gotten from front-end developers has been along the lines of “that’s cool! Did you use images or CSS for [that effect]?” In most cases, the answer was actually neither, because most of the fun graphics, animations, and effects rely heavily on SVG with a bit of JavaScript and some clever Rails helpers.

https://www.shopify.com/technology/17105760-building-year-in...

I thought the bubble demo was pretty cool: http://codepen.io/sol0mka/full/yNOage/
The new heart animation of Twitter looks like something that could've been done this way.
I think this could be used for creating explainer graphics.