Hacker News Board Hacker News, browsed like a classic message board
Live data from Hacker News

Where are all the animated SVGs?

getmotion.io

Post reply on HN
Print view View original

131–140 of 200 posts

Re: Where are all the animated SVGs?

#131

Post by 32gbsd »

egypturnash wrote: post #99

Once upon a time, there was an animation tool called Flash. It had a very simple interface, that focused largely on moving stuff around visually. Its timeline was easy to understand: one row for each separate object, with a keyframe that would store whatever changes you made. You could draw directly in it. You could import art from other programs and move that around. You could combine the two. Wanna do full, traditi…

everytime I see something like this I remember flash and realize that modern people still do not get why flash was so good. flash found a unique programmer/designer niche but was destroyed by shortsighted greed and over engineering. Its alittle more complicated (http://owensoft.net/v4/item/2572/) but thats basically what happened

Re: Where are all the animated SVGs?

#133

Post by miguelmota »

crazygringo wrote: post #60

Please keep the animated SVG's away! Motion is extremely effective at drawing the eye's attention, and so should never be used unless that's the goal. In fact I can't think of a single good design reason to ever animate an icon except for loading/progress icons, which already are ubiquitous and generally don't need any dedicated animation tools since they're so simple and reusable. You don't ever want normal interfac…

Can't you control how many times something animates for with CSS? I don't think I've come across a site where there's infinitely looped animated SVGs or been heavily distracted by them.

Re: Where are all the animated SVGs?

#134

Post by nitrogen »

kulahan wrote: post #103
Izkata wrote: post #74

Earlier quoted context omitted.

> (Remember "material design?" Whatever happened to that?) The new hotness is "neumorphism": https://uxdesign.cc/neumorphism-in-user-interfaces-b47cef3bf...

Damn, I like the way that looks. I get why it's catching on! I think this could quickly go from "really awesome" to "super awful" pretty quickly if you didn't have a professional designer working on it, though. Overcrowding seems like it would be worse in this style than in others we've seen get popular over the years.

Reminds me of the emboss layer effects in really old (and probably new) versions of Photoshop

Re: Where are all the animated SVGs?

#135

Post by egypturnash »

32gbsd wrote: post #131
egypturnash wrote: post #99

Once upon a time, there was an animation tool called Flash. It had a very simple interface, that focused largely on moving stuff around visually. Its timeline was easy to understand: one row for each separate object, with a keyframe that would store whatever changes you made. You could draw directly in it. You could import art from other programs and move that around. You could combine the two. Wanna do full, traditi…

everytime I see something like this I remember flash and realize that modern people still do not get why flash was so good. flash found a unique programmer/designer niche but was destroyed by shortsighted greed and over engineering. Its alittle more complicated ( http://owensoft.net/v4/item/2572/ ) but thats basically what happened

I argue that flash died long before the iphone that actually Flash died when Actionshit 3.0 (AS3) was added in June 2006. The advent of ActionScript3 into FlashPlayer 8.5/9 alienated the entire designer/non-coder community by adding a complicated language into a browser plugin

Hahaha oh god yes fuck AS3, it was a Serious Language for Serious Programmers that replaced a nice loose little JavaScript variant that was really easy to write messy beginner code in.

Re: Where are all the animated SVGs?

#136

Post by Izkata »

cmroanirgo wrote: post #126
kulahan wrote: post #103

Earlier quoted context omitted.

Damn, I like the way that looks. I get why it's catching on! I think this could quickly go from "really awesome" to "super awful" pretty quickly if you didn't have a professional designer working on it, though. Overcrowding seems like it would be worse in this style than in others we've seen get popular over the years.

It seems to look a lot like win 95 to me, but rounded and blurred edges! (NW is lighter add SE is darker, & inverted logic when it's depressed) I recall a comment in some other HN thread the other day about how win 95 was the pinnacle of ux progression and how nothing seems to have really progressed since. I totally agree that it looks good, & could go crazy wrong, very easily.

> & could go crazy wrong, very easily

The introductory post itself shows how easy it is to still mix up cards and buttons in this new style.

Re: Where are all the animated SVGs?

#137

Post by com2kid »

fanf2 wrote: post #73
crazygringo wrote: post #60

Please keep the animated SVG's away! Motion is extremely effective at drawing the eye's attention, and so should never be used unless that's the goal. In fact I can't think of a single good design reason to ever animate an icon except for loading/progress icons, which already are ubiquitous and generally don't need any dedicated animation tools since they're so simple and reusable. You don't ever want normal interfac…

My most hated example of gratuitously distracting page decoration is the wriggling jizz scribbles on https://theoutline.com The worst part is that you can’t get rid the incontinent piss dribbles by whacking the reader mode icon, because the shithead web developers load the whole magazine into one page so reader mode only shows the first article. The developers of that site deserve to have their faces rubbed in my ana…

> The worst part is that you can’t get rid the incontinent piss dribbles by whacking the reader mode icon

Eh, they don't animate in Firefox, so, a simple solution presents itself. :)

Re: Where are all the animated SVGs?

#138

Post by thedance »

dekhn wrote: post #32

I've wanted to use the web as a replacement for PyQt (and tkinter, going all the way back to ~1995). It's really been amazing how badly the web tracks what is possible (and easy!) in a good GUI toolkit. Every 3-5 years I go back and try to find out what is the minimal way to get HTML + JS + CSS to produce something that would be easy in PyQt, while also being fairly principled, standardized, and maintainable. For exa…

What you described seems like it would have been dead simple in Flash.

Re: Where are all the animated SVGs?

#139

Post by mirimir »

com2kid wrote: post #137
fanf2 wrote: post #73

Earlier quoted context omitted.

My most hated example of gratuitously distracting page decoration is the wriggling jizz scribbles on https://theoutline.com The worst part is that you can’t get rid the incontinent piss dribbles by whacking the reader mode icon, because the shithead web developers load the whole magazine into one page so reader mode only shows the first article. The developers of that site deserve to have their faces rubbed in my ana…

> The worst part is that you can’t get rid the incontinent piss dribbles by whacking the reader mode icon Eh, they don't animate in Firefox, so, a simple solution presents itself. :)

They certainly do, for me anyway. In my cranky old Firefox.
Post reply on HN