I am making visual style for design conference. W.I.P. web can be found here  http://hranice.alternatif.cz/

I am using jquery, typekit and processing.js. quite lot of things together. 

What i found is that although lots of browsers support canvas, only the new firefox and chrom display my sketch. Problem is browsers like safari and IE9 think that can display it but they dont so canvas fallback (what you put between <canvas></canvas>) doesnt work.

Partialy i believe its because i use 3D in my sketch which means i need to use WebGl. Maybe its only because of that ( ill have to try how 2d proccesing wokrs on differend browsers).

My first thoughts for solution was to use javascript and find browsers that dont support webgl then give them just static image of my sketch. But then ive found that there are not many browsers that can use WebGl (as far as i know only updated versions of chrome and firefox). So better solution will probably be otherway around, show images everewhere but if browser supports webgl show processing sketch.

Anyway, i want ask if somebody has some experience with webgl detection. What is best solution to this (not only webgl but fallback options for processing on web)? I am not very good javascript programer (i stick to jquery :D). I would realy appreciate some thoughts. 

Thank you Kris.