How to add text inside the doughnut chart using Chart.js

There are different JavaScript charting frameworks available. The chart.js is one of them. The chart.js is the canvas based and has the Great rendering performance across all modern browsers (IE9+). It provides 8 type of different chart style you can find all the help and documentation on the chartJS documentation. Continue reading “How to add text inside the doughnut chart using Chart.js”

AngularJS- Example- Add values of the two text fields and show the sum

After writing my previous AngularJS html web page, I am continue to learn the AngularJS. Today I have found a on line editor Plunker for creating, collaborating and sharing my web development programs and examples. Continue reading “AngularJS- Example- Add values of the two text fields and show the sum”

HTML 5: Draw the Grid lines on the Canvas

This article demonstrates how can we draw the grid lines on the HTML 5 canvas object. You can See the below demo in which you can reset the thickness and size of the grid lines from the drop down options. Continue reading “HTML 5: Draw the Grid lines on the Canvas”

The complete example to remove element from the list by drag and drop in HTML 5

In the following example, you’ll learn that how can you delete the elements with the help of drag and drop effect in HTML5 and JavaScript. Drag and drop is a very common feature in HTML5.

The Demo allows the user to drag an element (‘li’ HTML tag) from the list and drop the element over right side area (‘div’ HTML element) to remove element from list. Continue reading “The complete example to remove element from the list by drag and drop in HTML 5”

How to detect the support of HTML 5 features on user’s browser

Basically Modernizr is an open-source JavaScript library that detects the support of native implementations of HTML5 and CSS3.

First time I saw the use of the Modernizr JavaScript library in my first MVC4 web application in the BundleConfig.cs file. I had started the MVC4 with the internet template. At that time I don’t know the real use of this library, later than I found that it can be very useful to take advantage of the advanced feature of the HTML5 and CSS3. Continue reading “How to detect the support of HTML 5 features on user’s browser”

Create the PDF at client side in HTML5

Now you can generate the PDF document through the client side library jsPDF. You can create the PDF using main built-in function such as insert image, insert text with different fonts to pdf etc. Normally user creates the pdf programmatically on the server side that may lead to decrease the performance of your web page. Continue reading “Create the PDF at client side in HTML5”