Comments on: Sonic – looping loaders

By: Michael

Michael — Sat, 28 Jul 2012 18:34:48 +0000

James
Can you show how to I would configure a Sonic element using into a id=”mycanvas using

…
var canvas = document.getElementById(‘mycanvas’);
var ctx = canvas.getContext(‘2d’);
….
code

Thanks.
I will send a link to its final use.

By: Steve

Steve — Tue, 03 Apr 2012 08:12:17 +0000

Thankyou so much 🙂 you are a star 🙂

By: James

James — Tue, 03 Apr 2012 07:45:44 +0000

@Steve, Here you go: http://jsbin.com/ugifab/edit#javascript,html,live

By: Steve

Steve — Tue, 03 Apr 2012 07:25:31 +0000

How on earth do we do these though James, they all have the same class, so very difficult to isolate one particular loader, they are awesome by the way…

But I am referencing your master dem, with 9 loaders, I love the middle row, far right loader, the one with orange and blue animated lines ..

How do I isolate just the code for this particular loader.

Ste

By: webdevelopergeeks

webdevelopergeeks — Fri, 20 Jan 2012 16:59:35 +0000

Looks great. Please go for all browsers. It will be great to have nice loaders.

By: Drew

Drew — Mon, 31 Oct 2011 14:33:56 +0000

It’s cavnas-based, so IE9 and above only. Use a feature test for canvas and an then an animated gif as a fallback.

By: dykz

dykz — Thu, 29 Sep 2011 00:17:28 +0000

can you list the browser support?
thnx

By: Robin John

Robin John — Wed, 07 Sep 2011 21:27:24 +0000

m/ Bindass !

By: Nic

Nic — Wed, 07 Sep 2011 21:22:43 +0000

No IE support?

By: paper

paper — Mon, 29 Aug 2011 07:51:01 +0000

awesome!cool~