Category Archives: HTML 5

PHPHOST BLOG

Web Hosting Related Articles You May Need

Reading a Local File using HTML5 and JavaScript

One area where the web has lacked for some time is the lack of a true file system.  HTML5 fills this void by providing a standard way of interacting with local files using the FIle API specification.

These APIs are used to read file locally, handling images etc. Some of the specifications are as listed below:

1. File: Provides read-only information about the file like name, filesize, mimetype Continue reading

Posted in HTML 5, JavaScript, Syndicated | Comments Off on Reading a Local File using HTML5 and JavaScript

HTML 5 Offline Applications

This article discusses when should one think about an Offline Web Application. What is an HTML5 offline application and to create one.

When should think about creating an Offline web application?

There are many situations where creating an Offline Web Applications makes sense. Some of them are: 
You may want to work with your application even when you are outside your company/organization’s Continue reading

Posted in HTML 5, Syndicated | Comments Off on HTML 5 Offline Applications

HTML5 Geolocation API – Getting Started

Geolocation is one of the first HTML5 features that has been embraced across all major browsers. In this article, we will look at the HTML5 Geolocation API to get/access a user’s Geolocation.

Using HTML5 Geolocation API, you can share your current location with trusted web sites or even use it to provide additional geo location features in your own website, like providing discounts to visitors Continue reading

Posted in HTML 5, jQuery, Syndicated | Comments Off on HTML5 Geolocation API – Getting Started

Using LocalStorage in HTML5 with JavaScript to manage data locally in a Browser

Cookies and HTML5 LocalStorage serve different purposes although they both store data on client-side. While Cookies are meant to be sent to the server with each request, HTML5 LocalStorage comes with the idea of storing data locally, without transmitti… Continue reading

Posted in HTML 5, JavaScript, Syndicated | Comments Off on Using LocalStorage in HTML5 with JavaScript to manage data locally in a Browser

The HTML5 meter Element

The following is a guest post by Pankaj Parashar. Pankaj has written here before, last time about the progress element. Fitting indeed then to write again about the very related meter element. They are different both functionally and semantically, so read on!

As defined by W3C,

The meter element represents a scalar measurement within a known range, or a fractional value; for example disk usage, the relevance of a query result, or the fraction of a voting …


The HTML5 meter Element is a post from CSS-Tricks

Continue reading

Posted in Article, HTML 5, Syndicated | Comments Off on The HTML5 meter Element

The HTML5 progress Element

The following is a guest post by Pankaj Parashar. Pankaj wrote to me about some pretty cool styled progress elements he created. I asked if he’d be interested in fleshing out the idea into an article about styling them in general. Thankfully, he obliged with this great article about using them in HTML, styling them with CSS as best as you can cross-browser, and fallbacks.

Here is the basic markup for the progress element:

<progress></progress>

As per the standard


The HTML5 progress Element is a post from CSS-Tricks

Continue reading

Posted in Article, HTML 5, Syndicated | Comments Off on The HTML5 progress Element

ASP.NET and HTML 5 Canvas – Draw Images and Save in ASP.NET Image Object

The Canvas element is a popular HTML 5 tag that can be embedded inside an HTML document for the purpose of drawing and displaying graphics. In this article, we will see how to use the HTML 5 canvas element in an ASP.NET Page to draw shapes and save them to an ASP.NET Image object.

Let’s get started. Open Visual Studio 2010/2012 and create a blank ASP.NET Website. Now add a page ‘default.aspx’ to Continue reading

Posted in ASP.Net, HTML 5, Syndicated | Comments Off on ASP.NET and HTML 5 Canvas – Draw Images and Save in ASP.NET Image Object

HTML5 and CSS 3 in ASP.NET 4.5 – Part 1

In the first part of ‘HTML5 and CSS 3 in ASP.NET 4.5’ article, we will see how HTML5 is supported in ASP.NET 4.5. We will also explore some new features of HTML5 with ASP.NET 4.5.
ASP.NET 4.5 by default supports HTML5. To see this in action, let’s create a new empty web site with the name “HTML5SupportPartI” using Visual Studio 2012 as shown below –

For this demonstration I am using Windows – 8 Continue reading

Posted in ASP.Net, CSS, HTML 5, Syndicated | Comments Off on HTML5 and CSS 3 in ASP.NET 4.5 – Part 1

TextBox Watermark using HTML5 and jQuery

A ‘TextBox Watermark’ is an UI effect that is often employed in space constrained scenarios where putting in a label next to a text box explaining the purpose of the textbox is not possible. In such scenarios, the TextBox has a watermark that stays on till a user starts typing. For example the WordPress.com home page

Here when we start typing on the Username or the Password textbox, the text Continue reading

Posted in HTML 5, jQuery, Syndicated | Comments Off on TextBox Watermark using HTML5 and jQuery

Use HTML 5 Elements in IE 8 using HTML 5 Shiv

There are a lot of new HTML 5 elements like <header>, <article>, <footer> etc. that browsers like IE 8 and versions prior to that, do not support. These browsers need some help recognizing the new HTML5 elements and Remy Sharp’s HTML 5 Shiv provides just that.

To use this script, it must be included before the <body> element (i.e. in the <head>).

To improve performance, include the CSS Continue reading

Posted in HTML 5, JavaScript, Syndicated | Comments Off on Use HTML 5 Elements in IE 8 using HTML 5 Shiv