search

mozilla / seasponge

:pineapple: SeaSponge is an accessible threat modelling tool from Mozilla
http://mozilla.github.io/seasponge/
Mozilla Public License 2.0
275 stars 63 forks source link

Loading screen Animation #28

Open MatKallada opened 9 years ago

MatKallada commented 9 years ago

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

Glavin001 commented 9 years ago

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

Glavin001 commented 9 years ago

And http://tobiasahlin.com/spinkit/

MatKallada commented 9 years ago

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

Frozenfire92 commented 9 years ago

SpinKit ftw :+1:

MatKallada commented 9 years ago

Blocked by #29 ; This should be completed after.

Glavin001 commented 9 years ago

I like the last one:

image

MatKallada commented 9 years ago

@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.

Glavin001 commented 9 years ago

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 commented 9 years ago

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

@kallada are you still working on this?