Home » Author Archives: Olayemi Odunayo

Author Archives: Olayemi Odunayo

Olayemi Odunayo
I am a programmer and web developer, who has experience in developing websites and writing desktop and mobile applications. I have worked with both schematic and schemaless databases. I am also familiar with third party API and working with cloud servers. I do programming on the client side with Java, JavaScript, html, Ajax and CSS while I use PHP for server side programming.

HTML5 Web Workers Example

Web Workers are a welcome addition to the HTML. Since JavaScript is not a multiple threaded environment, it becomes impossible to run multiple scripts at the same time. Also when running scripts in html, the web page becomes unresponsive until the script stops or has run its course(this affects performance and leads to a bad user experience).   Web workers ...

Read More »

HTML5 3D Tutorial

In this example we are going to learn about HTML5 canvas 3D API. 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. Getting Started In the early days of HTML, 3d ...

Read More »

HTML5 Notification Example

In this example we are going to learn about HTML5 notification API. For this example we will use: A computer with a modern browser installed. notepad++. Wamp Server: You can actually use any server, the most important thing is that your app has to be hosted on an http server or else HTML5 notifications will not work. 1. Getting Started ...

Read More »

HTML5 History API Example

Pre HTML5 we could only perform few basic operations on the browser history stack, simple operations like re-visiting a previously visited URL. Today (with HTML5) we can perform more complex operations on the browser history stack.   In this example we are going to develop simple modules that work with the new features added to HTML5 history API. For this ...

Read More »


With the advent of HTML5 ( the new standard for the web ) also comes new API, with great features. This new set of API has made things that were quite difficult or outrightly impossible to do on the browser, possible. In this example we are going to demystify one of the features of HTML5-The file API. For this example ...

Read More »

Html5 Semantic Element Example

A semantic HTML element is an element which has its meaning clearly defined to both the browser and the developer. By merely looking at a semantic element or tag you can tell its function. In this example we will learn about HTML5 semantic elements. For this example we will use: A computer with a modern browser installed. notepad++. 1. Getting ...

Read More »

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 »

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