Subscribe via RSS Feed

HTML5

HTML 5 Audio

September 4, 2013 1 Comment
HTML 5 Audio

In this article we are going to discuss about the html5 audio element. As like other media elements like video, audio is also an element of html5 media family. So it is quite easy to add JavaScript code, CSS etc with this. We will start this tutorial with a simple example of audio element. By […]

Continue Reading »

How to draw paths using Quadratic Curve & Bezier Curve in HTML5

September 1, 2013 0 Comments
How to draw paths using Quadratic Curve & Bezier Curve in HTML5

In this html5 canvas tutorial we will discuss about some shapes & also some additional features of canvas. To draw quadratic curve, html5 has a function named quadraticCurveTo(). The implemetation looks like, <!DOCTYPE HTML> <html> <head> </head> <body> <canvas id=”myCanvas” width=”578″ height=”200″></canvas> <script> var canvas = document.getElementById(‘myCanvas’); var context = canvas.getContext(‘2d’); context.beginPath(); context.moveTo(188, 150); context.quadraticCurveTo(258, […]

Continue Reading »

Using local storage in HTML5 with IndexedDB

August 30, 2013 0 Comments
Using local storage in HTML5 with IndexedDB

What is HTML5 IndexedDB? IndexedDB is not same as other relational databases which has tables with a collection of columns & rows. It is an ObjectStore, which creates an objectStore for a set of data & persist JavaScript objects to that store. IndexedDb uses a cursor which is used to iterate across the result set. […]

Continue Reading »

Pie Chart using HTML5 canvas

August 17, 2013 0 Comments
Pie Chart using HTML5 canvas

In current post, we will see how to create pie chart using html5 canvas. What is pie chart? A pie chart (or a circle graph) is a circular chart divided into sectors, illustrating numerical proportion. In a pie chart, the arc length of each sector (and consequently its central angle and area), is proportional to the […]

Continue Reading »

Draw Bar Graph using HTML5 Canvas

August 15, 2013 0 Comments
Draw Bar Graph using HTML5 Canvas

What is bar graph? A bar graph is a chart that uses either horizontal or vertical bars to show comparisons among categories. One axis of the chart shows the specific categories being compared, and the other axis represents a discrete value. Now the technicals –  how to draw the bar graph in Canvas? In the […]

Continue Reading »

Task List with Angular.js, HTML5 Local Storage and Decorate with Bootstrap in Google Chrome Extension

June 19, 2013 0 Comments
Task List with Angular.js, HTML5 Local Storage and Decorate with Bootstrap in Google Chrome Extension

We had an idea to add a Daily Task List as Google Chrome Extension with News Feed Reader related to daily interested news to us. So here is a Chrome Extension made with following integrated tools – 1> Angular.js to make the Task List and Task Adding Functionalities. 2> HTML5 Localstorage to keep the task […]

Continue Reading »

HTML5 LocalStorage and Json Object – Some Operations

June 15, 2013 1 Comment
HTML5 LocalStorage and Json Object – Some Operations

In this post, we will put some coding ideas about Json Object manipulation within HTML5 Localstorage. We have tried to structure the Operations on Json Objects – such as – Adding element to Json, Updating particular Json object, Deleting element from Json object and printing the Json Object within coding. So let us directly go […]

Continue Reading »