Unstyled Content

 
If you are using the Foxtail utilties to display content shown when the page first loads you will probably come across the problem of the browser showing a flash of unstyled content. This occurs when the browser shows content before the Foxtail javascript has finished loading and compiling the classes.

Fortunately this problem is easily fixed by adding a hidden attribute on the <body> element.  

<html>
<head>
...
</head>
<body hidden>
...
</body>
</html>

 
Foxtail will automatically remove this attribute once it has finished compiling all the classes. This ensures that nothing is displayed before the utility styles have been injected into the page.