I have always used the method of having a class of .no-js on the <html>
tag, then using modernizr that strips the tag and replaces it with js if JavaScript is enabled in the user's browser.
Basically, I have built a CSS3 mobile and desktop navigation. I have styles to change its behaviour if there are CSS transitions etc (checked with modernizr) as well as if there is js or no-js.
The problem is, I get a flash of the no-js version before JavaScript has had time to load and change the class to js. (because the default class is no-js)
What I can't get my head around is how to find a fix for this. If I place js specific code as the main classes, then specify another with the prefix .no-js it flashes the no-js even if js is enabled. If I switch it over, it does the same...
Maybe I am being stupid, but any pointers would be great.