Peppy HTML5 Games

HTML5 has been working wonders all over the web. With the miraculous features HTML5 provides an awesome platform for creating wonderful effects on the web. HTML5 is being used to craft addictive and attractive games. This is a compilation of 5 great HTML 5 games.

1.  Angry Birds

No matter how much I play, I can never get bored of this lovely HTML5 game! Get all the angry birds live in action, right in your browser with this attractive HTML5 game. With the option to even get the game right into your browser so that you can play this offline, once can stay glued to this game forever. Tons of levels and a vast range of game themes makes this one of the best HTML5 game ever.

2. Fieldrunners

A simple HTML5 game with very limited UI elements. Stop and hunt down the intruders running across the field. With support for both HD and SD versions, the game gets really eye catchy. Use coins to install defenses to stop the intruders from escaping, accumulate score by defeating enemies, lose a life when an enemy escapes. Strategically place the defenses, keep intruders from escaping, earn coins add keep progressing. Simple yet addictive game!

3. Sand Trap

Sand Trap is an extremely addictive HTML5 game that keeps you glued to it. Your goal is to get as much sand as you can out of the box and into the pail. You can rotate the box by clicking and dragging with the mouse or by using the left and right arrow keys. Sand is stuck inside the maze. Craftily solve the maze and get the sand into the pail. Navigate the sand through the box and out the opening so that it will drop into the red pail. If too much sand misses the pail. Once the pail is overflowing with sand, you can progress to the next level.

4. Runfield

Loved playing Temple run on your smart device? Surely you'll love this endlessly running HTML5 game Runfield too. Put your mouse click skills to test while playing the Runfield game. Run all around a colorful field and save yourself from falling into a ditch. With the tag line 'Run as fast as you can', Runfield really makes you run faster and stay glued to the game. Game graphics is attractive, the user interface real simple and the game total fun!

5. Canvas Rider

A simple HTML5 game that lets scribble imagination on canvas. Canvas Rider is an experiment whose aim is to collect & render Free Rider tracks with HTML5. Let your creativity work wonders with this canvas rider. Bring in creativity with a dash of adventure and surprise and design custom tracks for Free Rider with the HTML5 Canvas Rider. The tools and the canvas let one create a wide variety of tracks that bring in great adventure.

Read More

Sand Trap

Sand Trap is an extremely addictive HTML5 game that keeps you glued to it. Your goal is to get as much sand as you can out of the box and into the pail. You can rotate the box by clicking and dragging with the mouse or by using the left and right arrow keys. Sand is stuck inside the maze. Craftily solve the maze and get the sand into the pail. Navigate the sand through the box and out the opening so that it will drop into the red pail. If too much sand misses the pail. Once the pail is overflowing with sand, you can progress to the next level.

Website              Demo  

Read More

Canvas Rider

A simple HTML5 game that lets scribble imagination on canvas. Canvas Rider is an experiment whose aim is to collect & render Free Rider tracks with HTML5. Let your creativity work wonders with this canvas rider. Bring in creativity with a dash of adventure and surprise and design custom tracks for Free Rider with the HTML5 Canvas Rider. The tools and the canvas let one create a wide variety of tracks that bring in great adventure.

Website     Demo      Download 

Read More

Fieldrunners

A simple HTML5 game with very limited UI elements. Stop and hunt down the intruders running across the field. With support for both HD and SD versions, the game gets really eye catchy. Use coins to install defenses to stop the intruders from escaping, accumulate score by defeating enemies, lose a life when an enemy escapes. Strategically place the defenses, keep intruders from escaping, earn coins add keep progressing. Simple yet addictive game!

Website     Demo      Download 

Read More

Angry Birds

No matter how much I play, I can never get bored of this lovely HTML5 game! Get all the angry birds live in action, right in your browser with this attractive HTML5 game. With the option to even get the game right into your browser so that you can play this offline, once can stay glued to this game forever. Tons of levels and a vast range of game themes makes this one of the best HTML5 game ever.

Website     Demo      Download 

Read More

Runfield

Loved playing Temple run on your smart device? Surely you'll love this endlessly running HTML5 game Runfield too. Put your mouse click skills to test while playing the Runfield game. Run all around a colorful field and save yourself from falling into a ditch. With the tag line 'Run as fast as you can', Runfield really makes you run faster and stay glued to the game. Game graphics is attractive, the user interface real simple and the game total fun!

Website     Demo      Download 

Read More

15 Best Animated 404 Pages

Creativity can work wonders everywhere. This is an aggregation of 15 wonderfully creative and animated 404 pages. Have fun, get inspired and get more creative with a glimpse of this collection.

404 pages though are a very simple part on any website, they generally reflect the creative quotient of the website too. A better, attractive and more colorful 404 page adds up to the attraction quotient of any website. See creativity in action through this collection of 15 vest animated 404 pages.

1. Lost In Night Animated 404 Page

This is a beautifully creative and animated 404 page by ThemeForest. The page brings up the feeling of being lost in the dark. The constantly moving clouds and starlit sky bring out the scary night feel.

2. Subway Station Animated 404 Page

Inspired by the billboards on a subway station, this animated 404 page takes you to an unknown subway station with several awesome billboard signs like the renowned lost series, a missing woman's ad and much more. The sounds and effects are eye-catching and take you to a lonely subway station.

3. UFO Animated 404 Page

As UFO's are mystically renowned to make things lost, this animated 404 page illustrates being lost on a website using the UFO flying saucer.

4. Animated Waves 404 Page

Bitly, the url shortening tool allows you to play with the animated waves and have some fun when you find yourself lost on their website.

5. Dailymotion's Animated Signboard 404 Page

Dailymotion, the Russian video-sharing website shows up an animated 404 signboard on an unknown road with heavy rain and clouds whenever one gets lost on their website.

6. Animated Running Images 404 Page

.net magazine is renowned for its creative touch. See the creativity in action on their animated 404 page with the colorful geeky images running all over your screen, which looks like the something gone wrong scene on any software.

7. Animated Magazine Covers 404 Page

.net magazine in one of its tutorials walks through the creation of an animated 404 page with the 404 crafted with numerous magazine covers.

8. Best 404 Page Ever

This website in itself hosts the best 404 page ever. Its an animated page featuring many and many interesting clips and images. Bored online? Look up this website showcasing the best 404 page for a fun break.

9. "Grrring" Cat Animated 404 Page

This designers website has an interesting 404 page where a kitty shows off its tantrums by "Grring" for being lost on the website.

10. Blinking Eyes Animated 404 Page

Yet another animated 404 page from the .net magazine. This 404 page is filled with eyes blinking at you on a lost page. Catch these animated eyes watching and following you as the cursor moves left and right.

11. GitHub Animated 404 Page

A simple animated 404 page where the perspective motion animation jumps in on mouse hover.

12. Lost In Space Animated 404 Page

A Get lost in the space along with an astronaut, space rock and star-studded sky on this animated 404 page. Just move the cursor and feel the space shaking!

13. Gone Fishing Animated 404 Page

How would it feel if the website that you were looking for had just gone fishing? On this web designers website there is this awesome 404 page which makes the wrongly addressed pages to look like gone fishing ones.

14. Just Got 404'D Animated 404 Page

This is a naughty, noisy and jumping 404 page. Once you get lost and land on this page, you will know you are absolutely lost in a noisy and animated world.

15. Under Construction Animated 404 Page

Everyone knows what it is like to visit a construction site. A building to be done, work in progress and would be furnished for a proper visit and purpose in future. Same feel has been recreated on this website's 404 page. See the perspective change and animate on mouse hover.

Read More

10 jQuery Christmas Plugins

Its the festive season again! Holidays, snow, celebrations, Christmas, gifts and yes loads of fun and memories to carry one for the next year. Wouldn't you love to engross in the spirit of joy this holiday season and have tons of snow and merry on your websites? With these jQuery Christmas plugins everyone can bring the spirit of Christmas, snow and joy on their websites, ranging from cards, plugins to decorative Christmas trees, the jQuery Christmas plugins come handy for the all celebrations.

1. Merry Scrolling with skrollr.js

A colorful, interactive and extremely attractive Christmas card designed with JavaScript and CSS putting the scrolling effects to the best use. This Christmas card has been designed to give away Merry scrolling feel with the use of skrollr.js plugin. Get lost in the demo and enjoy the real feel of Christmas and new year with this lovely card. Right from the images, effects, colors and feel, everything has been blended perfectly to come up with this really attractive Merry Scrolling Christmas card.

2. Making Google’s Christmas Doodle with jQuery

With the Holiday Season in full swing, The web has been flooded with colorful and cheerful holiday theme user interface. Google had created a wonderful Christmas doodle to enjoy the spirit of Christmas. So this tutorial explains how to recreate Google’s animated logo with the help of jQuery and a bit of CSS!. Enjoy the true spirit of Christmas with this lovely Google Doodle recreation.

3. Christmas Snow Falling Effect With HTML5, CSS3 and jQuery

This Christmas, you can also add Snow falling to your own websites easily with this amazing plugin. This Cross Browser compatible Snow falling is created through Jquery and CSS3. This will work on all major Browsers including Chrome, Mozilla, Safari, IE 9, IE 8, Opera. So welcome your visitors this Christmas through this fantastic Snow falling effect. Did you remember Snow falling effect by Google by typing “Let it Snow”. With that effect Google got lot of appreciation from their clients. So are you ready to amaze your Customers/Clients on this Christmas.

4. jQuery Snowing Effect Plugin

Do you enjoy Christmas and snowy landscapes? Then it’s a good idea to share these positive emotions with your website visitors. And that’s what the jQuery “Snowing” effect plugin is guaranteed to do. Setting up the plugin is really simple. Firstly you have to download the plugin file and include it into your site source code. Secondly attach “Snowing” effect to the chosen elements on your site and wish the visitors have a lovely snowy Christmas.

5. Beautiful Christmas Santa Snow Falling Greetings

Hey, Still using old Flash Christmas Greetings? For this Christmas, here is an amazing Snow Fall Animation with HTML5, CSS3 and jQuery. Surprise your friends with this Wonderful Christmas Greeting. Crafted using HTML5, CSS3 and jQuery, this card is all sure to impress your friends and loved ones. One can even add the card to their website by following few simple steps. So be all set to impress everyone with this flashy non flash greeting card.

6. Xmass Snow Globes Animation

An eye catchy and attractive Christmas Snow Globe animation has been created using two animation effects, a snow 3d effect which runs using three.js 3d engine and a Firefly jQurey effect. The images are rotating in Roundabout jQurey carousel. Roundabout is a carousel with infinite loop and also has got the jump option, so that one can jump to a specific item in the carousel when necessary. Enjoy the background snow, rotating 3d snow globes and amazing images of snow globes this Christmas.

7. JavaScript HTML5 Canvas Snow in 3D

Here is a wonderful early Christmas present – JavaScript HTML5 canvas snow in 3D! This is an amazing and yet different snowing effect crafted using Javascript and HTML5. Hover over and around the snow to feel the amazing 3D snow effect. Most people’s first approach is to make the snow move left and right but actually you don’t need to do that. If there are lots of flakes all moving in different directions it pretty much has the same effect, and it gives much simpler and more uniform effect. Enjoy the amazing snow flakes effect in 3d.

8. jQuery Snow Falling Plugin

If you love snow and would like to cheer your visitors this holiday season then you surely would love this very attractive jQuery snow falling plugin. Idea is to create one snowflake initially, clone that snowflake at some time interval and add random values for properties for each of them. And it’s done in less than 1kb minifed. Integration of this jQuery snow falling plugin into your websites is also extremely easy with just few steps to be follwed.

9. JavaScript 1Kb 3D Christmas Tree

This extremely attractive 3d christmas tree is shockingly optimal, being just 1kb of size, this 3D Chirstmas tree is a javascript wonder. Actually designed as a contribution for the JS1k, which is a really nice contest for coding tiny 1 kb Javascript programs and trying to do something nice in that few available space, this Christmas tree is totally amazing. Several tricks were used to make the code fit in 1 kb. The most of them are the usual tricks for reducing Javascript code size, like renaming variables to single character names, removing white spaces, unnecesary semi-colons and so on.

10. JavaScript Christmas Flashing Lights

Enjoy amazing flashing Christmas lights with this interesting JavaScript plugin. This festive season let the lights glow and dazzle your websites. Simply add in the script and enjoy the dazzling Christmas lights powered by JavaScript. Adorned with a range of colors, these cute and attractive Christmas lights are the perfect treat for the website visitors is this festive mood.

Read More