Create a gist now

Instantly share code, notes, and snippets.

What would you like to do?
Prevent FOUC
<!-- Prevent FOUC (flash of unstyled content) - http://johnpolacek.com/2012/10/03/help-prevent-fouc/ -->
<style type="text/css">
.no-fouc {display: none;}
</style>
<script type="text/javascript">
document.documentElement.className = 'no-fouc';
// add to document ready: $('.no-fouc').removeClass('no-fouc');
</script>

Worked like magic

arc95 commented Apr 25, 2017

Very nice work! This solution ensures the content isn't hidden from those who've disabled JS.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment