Hide Elements or Page Contents until Page Loads

Hide all elements on a web page until page finishes loading using jquery. You can also display an indicator or loading gif as displayed below.

 

Conditionally load Javascript based on media query

  @media all and (max-width: 900px) would be…

 

Run jquery functions on window events load resize and scroll

You can bind listeners to one common function.

  Or…