Category Archives: HTML 5


December 2, 2016 9:46 am

Create HTML5 Fullscreen Static Video Background Using CSS


Create HTML5 Fullscreen Static Video Background Using CSS
In This tutorial I will show you how to add a static video background using CSS, It's a very simple and easy script and looks amazing on landing pages. In this tutorial we are using HTML5 <video> tag to embed video and CSS to put that video on background.

[ Read More ]


September 6, 2016 7:57 am

HTML 5 Tutorials List


HTML 5 Tutorials List

We have writtent many HTML 5 Articles and below is the list of our all HTML 5 articles hope you like this list of articles.

[ Read More ]


May 30, 2016 5:54 am

How to show Image before upload JavaScript & HTML5 FileReader()


How to show Image before upload JavaScript & HTML5 FileReader()
Show image before upload is a requirement of every web application to give good user experience. We published a tutorial that dose't work in all browsers so, now I am going to give you this tutorial it will work on every browser which support HTML5  File API and JavaScript check compatibility of API here. I hope you like this tutorial as all other tutorials.

[ Read More ]


December 14, 2015 10:46 pm

3 HTML5 Attributes That You Should Be Using Right Now


3 HTML5 Attributes That You Should Be Using Right Now
Did you know that you can add a contenteditable attribute to almost any HTML5 tag? The attribute has two possible values – true or false. If you set the attribute to true then your users would be able to edit the content inside various different elements. You can then hook event listeners to save what they have edited and so on. You can add the attribute to almost any HTML5 tag.

[ Read More ]


October 13, 2015 8:27 am

Creating a HTML5 app that shows gags in real-time Part 3


Creating a HTML5 app that shows gags in real-time  Part 3
Our Worker located in workers/infinigag.js loads the first page of Infinigag’s API with the latest scraped gags from the category the user specified in the UI and repeats this process every 60 seconds. If on the second, third, etc. iteration the worker finds that there are new gags – it will return to our main app’s logic the number of new gags along with markup to be added to the page with the new gags.

[ Read More ]


October 13, 2015 7:57 am

Creating a HTML5 app that shows gags in real-time Part 2


Creating a HTML5 app that shows gags in real-time Part 2
The Notifications API (Web Notifications) is currently supported by 60.67% of web users globally according to Can I Use.

[ Read More ]


October 11, 2015 10:27 am

Creating a HTML5 app that shows gags in real-time Part 1


Creating a HTML5 app that shows gags in real-time  Part 1
In developing the app, we aim to teach you two new features of HTML5 – the Notifications API which allows websites to show desktop notifications to their visitors and HTML5’s Web Workers which allow us to run JavaScript in the background without affecting the UI (user interface). The Notifications API would show an arbitrary message to the user no matter if his browser is currently in focus. For this to happen, a tab from your website must exist and the user must allow your website to push desktop notifications to him.

[ Read More ]