Loading Animation While Page Loads Tutorial - jQuery/HTML/CSS

+4 Kaveh Greenwood · August 3, 2014
Wrote my first tutorial. How to hide content and display a loading animation until the page is fully loaded. This uses a tiny piece of jQuery and HTML. CSS is used to style the 'loading' content. Written for beginners! 

http://www.curls.nu/kaveh/blog.php?id=loading-animation-while-page-loads-tutorial

As this is my first tutorial, please leave feedback here or on the post on what I can do to improve writing and explaining for others.

Post a Reply

Replies

Oldest  Newest  Rating
+1 Kaveh Greenwood · August 12, 2014
I use the same style sheet. I used overflow-x: auto; for the code blocks but it doesnt' seem to take to well on mobile.
+1 Kaveh Greenwood · August 12, 2014
Thank you Robert & Predrag!

Robert, I will definitely take those into consideration when attempting to write another. Once I get home from work I'll try and clean it up a bit too. Thanks again.
0 Predrag Kostic · August 12, 2014
It looks very beginner friendly, I might even try it out once I finish watching jQuery tutorials.
0 Kaveh Greenwood · August 7, 2014
No thoughts on it? xD
  • 1

HTML / CSS / Web Design

106,976 followers
About

Discuss, share, ask, learn and teach HTML5 and CSS3.

Links
Moderators