how do I appease to that guy on tor users who have disabled javascript while
minimizing the effects of FOUC?
show the CSS page loader regardless of no-js and hide the loader after
n seconds with <noscript>.
hey! i said "minimize", not "prevent"!
the source code should be fairly simple to go through. run down;
- index.html : main page
- spinner.css : loader animation
- loader-keyframes.css : keyframes for hiding loader
- keyframegen.js : 5-minute script written to generate keyframes
note: serve keyframes,etc css using gzip, because those tend to get big.
add one of the following to the ending keyframe (@ 100%).
overflow: hidden;
visibility: hidden;
display: none;
as to when to use what, use your own discretion.