Home » HTML5 (page 2)


Html5 Onclick Event Attribute Example

In HTML and JavaScript parlance an event can be either something the browser does or something the user does. What this means is that both the browser and the user can trigger an event. An example of a user triggered event is a button click. An example of a Browser event is page load finished, that’s when a webpage load ...

Read More »

HTML5 Number Validation Example

This Example will focus on Number validation on the web or simply HTML5 number validation. It is common place to process numbers on the web (the numbers might be a users age, date of birth or telephone numbers ). When or after collecting these numbers, it becomes necessary to validate this input, so as to avoid storing invalid or corrupted ...

Read More »

HTML5 Zoom Image Example

Zooming images is one useful technique every front end web developer should learn. You might need the knowledge in one of your projects. Zooming images can be tricky but after reading this article you would get the hang of it. In this example we would learn how to zoom images in HTML. For this example we will use: A computer ...

Read More »

HTML5 Range Slider Example

HTML5 has added so many new features to the HTML specification. With this newly added features we do not need to write complex or long JavaScript. One of the newly added element is the HTML <input> tag of type range. In this example we are going to learn how to work with this new element. For this example we will ...

Read More »

HTML5 Keygen Element Example

The HTML5 keygen element is used to generate client certificate which can be used for authentication. In this example we are going to demystify the HTML5 keygen element. For this example we will use: A computer with a modern browser installed. notepad++. 1. Getting Started The keygen tag is used to generate a key-pair. The public key will be sent ...

Read More »

HTML Email Validation Example

Sometimes we might have to create web apps that collect user data e.g names, date of birth, username, emails or even the user phone number. It is one thing to collect user data, its another thing to make sure that the user has entered valid information. For example we should always check durning user registration or login, if the email ...

Read More »

HTML5 Canvas Example

In this example we are going to learn about HTML5 canvas. Canvas was added to HTML in HTML5. HTML5 canvas is a powerful tool (or container) that is used for drawing images and shapes. For this example we will use: A computer with a modern browser installed notepad++ 1. What Is HTML/HTML5 HTML is an abbreviation for Hypertext MarkUp Language ...

Read More »

Reinforcing The HTML5 Canvas With Fabric.js

The past… Applets In the previous millennium, HTML markup had limited support for graphics. If we wanted dynamic graphics, or even a page that responded seamlessly to requests, we embedded a JavaScript VM in the page to host an Applet. Indeed, Applets were an original vision for Java. An applet could draw graphics, but there were issues of Java versions ...

Read More »

Top 10 Major Advantages of HTML5

1. What is HTML5? HTML5 is the newest version of the HyperText Markup Language that was developed in the late 80’s in order to describe documents that linked to each other. In it’s early days, HTML’s role was simple, to help describe a document’s structure and to allow cross-linking of documents. The language is a Markup Language, a way to ...

Read More »

Want to take your WEB dev skills to the next level?

Grab our programming books for FREE!

Here are some of the eBooks you will get:

  • PHP Programming Cookbook
  • jQuery Programming Cookbook
  • Bootstrap Programming Cookbook
  • Building WEB Apps with Node.js
  • CSS Programming Cookbook
  • HTML5 Programming Cookbook
  • AngularJS Programming Cookbook