Spin.js, a pure JS spinner

#1

Post by michokest » Thu, Aug 18, 2011, 4:16 PM UTC

Spin.js, a pure JS spinner
fgnass.github.com

Re: Spin.js, a pure JS spinner

#2

Post by jsdalton » Thu, Aug 18, 2011, 4:33 PM UTC

I think the possibility of dynamically changing the speed of the spinner is interesting. If your spinner was representing a file upload, for example, you could conceivably adjust the speed based on the current upload rate.

Re: Spin.js, a pure JS spinner

#3

Post by Nycto » Thu, Aug 18, 2011, 4:47 PM UTC

A spinner generated from http://www.ajaxload.info/ is 673 bytes. The minified javascript from this is ~3K. I suppose the trade off is features and flexibility, but I don't find myself needing much out of my ajax spinners.

Re: Spin.js, a pure JS spinner

#4

Post by dalore » Thu, Aug 18, 2011, 4:48 PM UTC

What's the battery drain like?

Re: Spin.js, a pure JS spinner

#5

Post by seanalltogether » Thu, Aug 18, 2011, 4:48 PM UTC

I hate to be that guy but this takes up 45% cpu under firefox for a simple spin animation.

Re: Spin.js, a pure JS spinner

#6

Post by mrinterweb » Thu, Aug 18, 2011, 4:58 PM UTC

seanalltogether wrote: post #5

I hate to be that guy but this takes up 45% cpu under firefox for a simple spin animation.

100% on Chromium 13

Re: Spin.js, a pure JS spinner

#7

Post by darrenkopp » Thu, Aug 18, 2011, 5:00 PM UTC

seanalltogether wrote: post #5

I hate to be that guy but this takes up 45% cpu under firefox for a simple spin animation.

1% on chrome

Re: Spin.js, a pure JS spinner

#8

Post by tobbez » Thu, Aug 18, 2011, 5:03 PM UTC

seanalltogether wrote: post #5

I hate to be that guy but this takes up 45% cpu under firefox for a simple spin animation.

I see the same problem in Opera too, except it's even worse (the animation lags, and it hogs a whole CPU core).

Explorer is better than Firefox and Opera, but still pretty high CPU usage.

The only browser of the ones I tested that it seems to be relatively fine in is Chrome.

Re: Spin.js, a pure JS spinner

#9

Post by coverband » Thu, Aug 18, 2011, 5:06 PM UTC

Nycto wrote: post #3

A spinner generated from http://www.ajaxload.info/ is 673 bytes. The minified javascript from this is ~3K. I suppose the trade off is features and flexibility, but I don't find myself needing much out of my ajax spinners.

Agreed... This is fine as an exercise but I don't want to maintain code for every minor component; I'd rather go with an image even if it were bigger than 3K.

Re: Spin.js, a pure JS spinner

#10

Post by ww520 » Thu, Aug 18, 2011, 5:09 PM UTC

Nycto wrote: post #3

A spinner generated from http://www.ajaxload.info/ is 673 bytes. The minified javascript from this is ~3K. I suppose the trade off is features and flexibility, but I don't find myself needing much out of my ajax spinners.

The site is great. Thanks for the find.