Posts in Category: html html5

CSS3 Loader Snippet Collection: (Part 4 – Pulse)

Well, this is the fourth post of my CSS3 snippet collection series. As the first post I provided few collection of spinning loaders, followed by square and bar loaders. Today I’m going to post some snippets of pulse loaders using CSS3. Hope you will enjoy. Facebook pulse loader JS Bin Colorful pulse JS Bin Perfect

Read More


JSbin, JSfiddle or Codepen, which one to use and why?

There are lots of css – js playgrounds now in the market, and the most popular ones are JSbin (by Remy Sharp), JSfiddle (by Oskar Krawczyk), codepen (by Chris Coyier, Tim Sabat and Alex Vasquez). So sometimes it become a confusing question which one to use; and more importantly why

Read More


CSS3 Loader Snippet Collection: (Part 3 – Bars)

After publishing the snippet collection of spinning css3 loaders, square loaders  and also a brief on youtube like page loader, today I’m going to post another snippet collection of css3 loader. You can implement any of them very easily in your web page or project. Gmail like page loader: JS Bin Worm loader: JS Bin Glowing

Read More


Move option from one select box to another and vice versa

What is PairSelect.js? PairSelect.js is a very light weight jQuery plugin to specially made only to communicate between two selectboxes in a html page. This works similar to the ‘Add Chanel’ feature of Google adsense. Or sometimes in forms we see the things like this. Now it is easy to remove an

Read More


CSS3 Loader Snippet Collection: (Part 2 – Squares)

This is a continuation of my CSS3 loader snippet collection series. I’ve provided spinning css3 animation loader in the part 1 of this series and here in part 2, I’m providing various square type loading css animation snippets. I have placed all the snippets in JsBin.com and have provided embedded version

Read More


CSS3 Loader Snippet Collection: (Part 1 – Spinners)

In this series of CSS3 Loader Snippet Collection I will provide you snippets of various css3 page loader or progress bars. Though maximum of them are not created by me. I have placed all the snippets in JsBin.com and have provided embedded version here in this post. Spinner with shadow: JS Bin Spinner

Read More


Make simple star rating by radio buttons using css

This is a very quick and simple tutorial on how to make star ratings very easily. We just need a css sprite image containing 3 different colored stars, radio buttons and some simple logic to design the css. Lets’s look at the code now. html file: <form id="ratingsForm"> <div class="stars"> <input type="radio" name="star" class="star-1"

Read More