Prevent FOUC in HTML - HTML Snipplr Social Repository

Revision: 30574

at August 17, 2010 20:13 by terrencewood

Updated Code

<!-- add after the title tag -->
<style>.js .js-hide{display:none}</style>
<script>document.documentElement.className='js'</script>

<!-- add when page has loaded -->
<script>jQuery(function($){$('html').removeClass('js')});</script>

Revision: 30573

at August 17, 2010 20:12 by terrencewood

Updated Code

<!-- add after the title tag -->
<style>.js .js-hide{display:none}</style>
<script>document.documentElement.className='js'</script>

<!-- after your done loading -->
<script>jQuery(function($){$('html').removeClass('js')});</script>

Revision: 30572

at August 17, 2010 20:08 by terrencewood

Initial Code

<!-- add after the title tag -->
<style>.js .js-hide{display:none}</style>
<script>document.documentElement.className='js'</script>

Initial URL

Initial Description

Initial Title

Prevent FOUC in HTML

Initial Tags

css, javascript, html

Initial Language

HTML

Choose a language for easy browsing: