HTML5 Articles

Category - HTML5

09 Mar 2018 Mudassar Khan 1 Comments 17721 Views

ASP.Net SQL Server HTML5 MVC

Here Mudassar Ahmed Khan has explained with an example, how to upload MP4 Video files, save (insert) to database table, retrieve (display) files from database table using Entity Framework and play the files with Live Streaming from database table using HTML5 Video Player in ASP.Net MVC Razor.

Files will be uploaded and then will be saved (inserted) to database table using Entity Framework. The saved (inserted) files will be retrieved and displayed in HTML Grid (Table) and then the files will be played with Live Streaming from database table using HTML5 Video Player in ASP.Net MVC Razor.

09 Mar 2018 Mudassar Khan 2 Comments 28174 Views

ASP.Net SQL Server HTML5

Here Mudassar Ahmed Khan has explained with an example, how to upload and insert MP4 Video files in SQL Server Database and then play (Live Stream) the MP4 Video files using HTML5 Video Player in ASP.Net using C# and VB.Net.

08 Mar 2018 Mudassar Khan 1 Comments 17251 Views

ASP.Net HTML5 MVC

Here Mudassar Ahmed Khan has explained with an example, how to play (Live Stream) Video Files (MP4) using HTML5 Video Player in ASP.Net MVC Razor.

08 Mar 2018 Mudassar Khan 0 Comments 17674 Views

ASP.Net HTML5

Here Mudassar Ahmed Khan has explained with an example, how to play (Live Stream) Video Files (MP4) using HTML5 Video Player in ASP.Net.

22 Feb 2018 Mudassar Khan 1 Comments 13743 Views

YouTube HTML5 Flash

Here Mudassar Ahmed Khan has explained with an example, how to play (embed) YouTube Videos in HTML5 Video tag in HTML Page.

HTML5 Video tag is not meant to play videos from other domain URLs and hence it is not possible to play (embed) YouTube Videos in HTML5 Video tag.

Thus in order to play (embed) YouTube Videos in HTML Page, one of the following elements needs to be used:
1. IFRAME element.
2. EMBED element.

01 Jan 2018 Mudassar Khan 1 Comments 27862 Views

JavaScript HTML5 Bootstrap

Here Mudassar Ahmed Khan has explained how to build a Bootstrap HTML5 Registration (Signup) Form and perform validations using the numerous HTML5 in-built validations such as:

Required – Implemented using the HTML5 required attribute.
Email – Implemented using the HTML INPUT Email TextBox.
Password Strength (Password Policy) – Implemented using the HTML5 pattern attribute and Regular Expressions.
Compare Passwords – Implemented with the help of HTML5 and JavaScript.

The source code is attached at the end of article.

01 Jan 2018 Mudassar Khan 0 Comments 23681 Views

HTML5

Here Mudassar Ahmed Khan has explained with an example, how to perform validations using HTML5. HTML5 provides numerous in-built validations such as:

Required – Implemented using the HTML5 required attribute.
Email – Implemented using the HTML INPUT Email TextBox.
Password Strength (Password Policy) – Implemented using the HTML5 pattern attribute and Regular Expressions.
Compare Passwords – Implemented with the help of HTML5 and JavaScript.

16 Nov 2017 Mudassar Khan 0 Comments 7636 Views

ASP.Net HTML5 FileUpload AngularJS

Here Mudassar Ahmed Khan has explained with an example, how to upload multiple files with Progress Bar using AngularJS and AJAX in ASP.Net using C# and VB.Net.

Multiple files such as Image, PDF, Word, Excel, etc. and also large Music and Video files such as MP3 and MP4 will be easily uploaded with Progress Bar using AngularJS and AJAX in ASP.Net.

This article makes use the ngFileUpload AngularJS directive which makes use of Generic HTTP Handlers for uploading files using AngularJS and AJAX in ASP.Net.

28 Jul 2017 Mudassar Khan 0 Comments 20110 Views

JavaScript jQuery CSS HTML5

Here Mudassar Ahmed Khan has explained with an example, how to hide (remove) Placeholder in HTML5 TextBox on focus using CSS, JavaScript and jQuery.

The HTML5 Placeholder attribute does hide (gets removed) on focus in Internet Explorer (IE) by default but it does not hide (gets removed) on focus in FireFox and Chrome and hence this article will explain how to hide (remove) Placeholder in HTML5 TextBox using CSS, JavaScript and jQuery.

21 Jul 2017 Mudassar Khan 1 Comments 44871 Views

ASP.Net HTML5 MVC

Here Mudassar Ahmed Khan has explained with an example, how to use HttpPostedFileBase for uploading multiple files using HTML5 in ASP.Net MVC 5.

HTML5 has provided an additional feature to select and upload multiple files and the same will be used along with ASP.Net MVC.

05 Jun 2017 Mudassar Khan 0 Comments 59350 Views

ASP.Net Charts HTML5

Here Mudassar Ahmed Khan has explained how to implement and populate free animated HTML5 Canvas charts from database using jQuery AJAX in ASP.Net.

The HTML 5 Canvas charts have been implemented using Chart.js library. This article also covers procedure to display the animated HTML5 chart in browsers that do not support CSS3 like IE 8.

05 Jun 2017 Mudassar Khan 0 Comments 26919 Views

ASP.Net jQuery HTML5 MVC

Here Mudassar Ahmed Khan has explained with an example, how to implement and populate free animated HTML5 Canvas charts from database using jQuery AJAX in ASP.Net MVC Razor.
The HTML 5 Canvas charts have been implemented in ASP.Net MVC Razor using Chart.js library. This article also covers procedure to display the animated HTML5 chart in browsers that do not support CSS3 like IE 8.

11 Apr 2017 Mudassar Khan 0 Comments 7624 Views

jQuery HTML5

Here Mudassar Ahmed Khan has explained a simple tutorial with an example on how to use the HTML5 FileReader API for reading Image files and displaying the image without uploading them to server using jQuery.
The local image preview without server upload is shown using the DXImageTransform filter CSS property and HTML5 FileReader API.

03 Mar 2017 Mudassar Khan 2 Comments 40404 Views

JavaScript jQuery XML HTML HTML5

Here Mudassar Ahmed Khan has explained with an example, how to display XML file with Formatting in HTML page using JavaScript and jQuery.

The XML file will be selected using FileUpload element and its content will be read using HTML5 FileReader and finally the formatted XML file will be displayed using HTML TextArea element.

02 Mar 2017 Mudassar Khan 1 Comments 26738 Views

JavaScript jQuery XML HTML5

Here Mudassar Ahmed Khan has explained with an example, how to read, parse and display a XML file selected in FileUpload control (HTML File Input) on client side using JavaScript, jQuery and HTML5.

HTML5 allows developers to access the contents of XML files and details using JavaScript and jQuery and hence in browsers that support HTML5 one can easily read the XML file contents.

19 Dec 2016 31 Jul 2021 Mudassar Khan 0 Comments 13625 Views

ASP.Net SQL Server jQuery jQuery Plugins HTML5 JSON MVC

Here Mudassar Ahmed Khan has explained with an example, how to implement and populate animated HTML5 Canvas charts from database using jQuery AJAX in ASP.Net MVC Razor.

The HTML 5 Canvas charts have been implemented in ASP.Net MVC Razor using Chart.js library.

This article will illustrate how to display the animated HTML5 chart in browsers that do not support CSS3 like IE 8.

15 Aug 2016 Mudassar Khan 0 Comments 22637 Views

ASP.Net HTML5 MVC

Here Mudassar Ahmed Khan has explained a simple Tutorial with example, how to upload multiple files using HTML5 in ASP.Net MVC 5.
HTML5 has provided an additional feature to select and upload multiple files and the same will be used along with ASP.Net MVC.

25 May 2016 Mudassar Khan 2 Comments 28733 Views

jQuery HTML5

Here Mudassar Ahmed Khan has explained how to capture Signature using HTML5 Canvas and jQuery.
HTML5 Canvas Sketchpad application for Painting and Drawing will allow users to draw lines, scribble, write, sketch, etc. with mouse and touch screen and thus will be useful to capture Signatures.

25 May 2016 Mudassar Khan 0 Comments 9837 Views

jQuery HTML5

Here Mudassar Ahmed Khan has explained how to create Drawing and Painting App using HTML5, JavaScript and jQuery.
HTML5 Canvas Sketchpad application for Painting and Drawing will allow users to draw lines, scribble, write, sketch, etc. with mouse and touch screen.

22 Sep 2015 Mudassar Khan 0 Comments 24441 Views

jQuery HTML5

Here Mudassar Ahmed Khan has explained with an example, how to convert (save) HTML5 Canvas to Image using Canvas toDataURL function in JavaScript.