seasponge icon indicating copy to clipboard operation
seasponge copied to clipboard

Published 20 hours ago • verified publisher icon mozilla

Loading screen Animation

Open MatKallada opened this issue 10 years ago • 9 comments

While JS Plumb and a graphical components load up, a cool spinner animation full-screen overlay would be entertaining.

MatKallada avatar Sep 25 '14 18:09 MatKallada

We could use http://daneden.github.io/animate.css/ ?

Glavin001 avatar Sep 25 '14 18:09 Glavin001

And http://tobiasahlin.com/spinkit/

Glavin001 avatar Sep 25 '14 18:09 Glavin001

SpinKit works nicely and is well-supported; we'll use that.

MatKallada avatar Sep 25 '14 19:09 MatKallada

SpinKit ftw :+1:

Frozenfire92 avatar Sep 27 '14 13:09 Frozenfire92

Blocked by #29 ; This should be completed after.

MatKallada avatar Sep 29 '14 18:09 MatKallada

I like the last one:

image

Glavin001 avatar Oct 08 '14 00:10 Glavin001

@Glavin001 That one looks great. I like the "wandering cubes" (as it's called); it is a less traditional loading animation and fairly entertaining to watch.

I also envision that the SeaSponge logo (#21) will appear to the right of loading animation. After loading is complete, the entire overlay will fade gracefully and enter to the the actual application.

MatKallada avatar Oct 08 '14 13:10 MatKallada

https://github.com/kimmobrunfeldt/progressbar.js ?

After loading is complete, the entire overlay will fade gracefully and enter to the the actual application.

I like it :+1:. Looking forward to seeing our logo!

Glavin001 avatar Oct 21 '14 15:10 Glavin001

Currently trending on GitHub: https://github.com/ConnorAtherton/loaders.css

@kallada are you still working on this?

Glavin001 avatar Apr 02 '15 01:04 Glavin001