Source Code

HTML5 Canvas element offers a wide range of features which were once possible only with the help Flash and Action Scripting. Using HTML5 canvas, we can render 2-D and 3-D animations on a html page. While 2-D is quite popular now and most browsers support this, 3-D is yet to become a major buzz. But…

Read More Introduction to HTML5 Canvas

Everyone who are using jQuery will know that sometimes the jQuery events(click, bind, live, on etc ) may fire more than once due to event bubbling. For example, consider the following code snippet : Due to event bubbling, a single click on the .button can trigger the click function multiple times. A detailed explanation regarding…

Read More Prevent jQuery events from firing multiple times

Fonts on the web are essentially vector based graphics. That’s why you can display them at 12px or 120px and they remain crisp and relatively sharp-edged. Vector means that their shape is determined by points and mathematics to describe the shape, rather than actual pixel data. Because they are vector, it would make sense if…

Read More How to Add Stroke to a Web Text

Note : The following post is quite old and google has removed reference links provided. What it is A Google Talk chatback badge allows others to chat with you even if they haven’t signed up for Google Talk on their Google Account or if they don’t have a Google Account. You can put the badge…

Read More Google Badge (How to Create a google chat in your own website. Like gtalk)

The following source code can be used to plot multiple points on a map using google maps api. Javascript : HTML content : Remember to include the following script at the head section : If you have followed the above steps then you will get something like the image below : Cheers.

Read More How to plot multiple points on a map using google maps

Backbone routers are used for routing your applications URL’s when using hash tags(#). In the traditional MVC sense they don’t necessarily fit the semantics. Though a Backbone “router” is still very useful for any application/feature that needs URL routing/history capabilities. Defined routers should always contain at least one route and a function to map the…

Read More What are routers in Backbone.js?

Recently i had a requirement where i needed to create page transition. While using jquerymobile, the transitions really took a toll on some browsers when added with contents. Browser support was a major hurdle. Then i came across a jquery powered solution for the same and its really cool. Thought of sharing it here :…

Read More How to Use jQuery to Make Slick Page Transitions