JavaScript Tutorials

Have you developed any web apps for IOS yet? If you have then you will know how frustrating the IOS browser is when scrolling. With this code snippet I’ll show you how to disable it.

We are going to simulate an image spinning horizontally, scaling and flipping the image horizontally. And it will be animated. Using JavaScript you can obtain a lot of great effects and this one is just a simple animation. You can use something like this to create some very interesting effects. HTML5 canvas games have started to pick up a lot, proof being the large number of games you can find web.

An intensive guide for web designer and developer to work with HTML5 Data Attributes.

In this tutorial we will create sticky header that is initially on its original place above the content, but as soon we start scrolling down the long page, it sticks at the top of the page.

A tutorial to learn How To Create A Pinterest Scroll To Top Button Wordpress Plugin. This will style the button exactly like pinterest and will slide the button into view as you scroll down the page.

A useful button to have on any webpage is a back to top button. An easy solution for the web user to get back to the top without scrolling. Check out this code snippet which will show you how to do it.

Turn.js is a plugin for jQuery that adds a beautiful transition similar to real pages in a book or magazine. It works in all modern browsers including touch devices.

It is time we go through our monthly roundup of fresh jQuery plugins that have gained lots of attention in May 2012, these plugins are really worth checking out.

Learn how to create an awesome single page website design with multilayered parallax scrolling animation using css and jquery. In this tutorial you will learn how to create animated clouds in the backgrond, a moving hot air balloon in the foreground and animated links & titles.

The purpose of this script is to dynamically show and hide on-page content based on tags. To understand better what is it, imagine a page with shed plans. By default all plans are listed on the page, and you see the tags on top. Click on a tag, it becomes great, and all content having this tag is being filtered out. This way the user can quickly see only what they are interested in.