SetTimeout random interval in javascript

Last updated on by Jogesh Sharma

Just few days back i got a request for my client to making a script that Increment Number with random interval. Then i thought to make a small plugin that generates random interval. How it works, is start number increments with a default value (1000) and set a cookie to user’s browser and every time this script update the cookies value so that when the user refresh there browser he/she get the same last incremented value. You can control the setTimeout random interval to change the value in the following line var rand = Math.round(Math.random() * (2000 - 200)) + 200;
Read More

Ajax uploader with progress bar in jquery

Last updated on by Jogesh Sharma

We are going to implement the AjaxForm plugin for image upload with progress bar. First of all decorate your upload button according to your need if you want. Just take a look on the CSS section that helps to decorate your upload button and some other necessary stuff that helps you to display the progress bar.

ajax-upload-with-progress-bar
Read More

JavaScript on page scroll animation

Last updated on by Jogesh Sharma

on-page-scroll-animation-webomnizz

Here is the easiest way to animation on page scroll. We just have to check the scrolled amount during page scroll, and there is a lot of ways and the free plugin to achieve that but in this post we are using the simple javaScript. You have to attach an event on page scroll.
Read More

Free html5 responsive templates

Posted on by Jogesh Sharma

Today we offer you free HTML5 responsive templates, that you can easily edit according to your requirement as a static website template or you can implement these responsive themes any of your favorite CMS(Content Management System). These themes are fully responsive that can give cool look and feel in your browser as well as on your mobile device.
Read More

Animation with CSS3 transform

Last updated on by Jogesh Sharma

There are a lot of new features in CSS3 like fade in / fade out, scale and rotate, animation etc; which help us to beautify our website to give it a new look with CSS3 features.

In this post we are going to create an effective animation with the help of@keyframe. First we have to make some animation with the help of other CSS3 properties like in this example we are making the animation with transform and after that we can bind this animation to the selectors with help of CSS3 animation properties. Please take a look on the below code to make this animation.

CSS3 Animation
Read More