HTML5 - Javascript - The web

The Untalked Part of HTML5

Html5 API features

With the introduction of HTML5 and the semantic web years ago, great changes have come into how we develop our site, the usage of tags, improvement in SEO, and lots more. There’s no doubt the whole ecosystem now make use of HTML5 semantic tags like header, nav, main, aside, article, footer among others; all these are amazing, clean code, greater interpretation, SEO inclined.

But, it isn’t just about these features, when people talk of HTML5, we hardly hear little about the application programming interfaces (APIs) that make up a large part of the specification itself. HTML5 not only have fascinating APIs, but it also comes as eradication to using third-party plugins/tools, with a fewer line of codes.

Benefits of using HTML 5 API

Currently, there are n number of users using one or more of this APIs on their website and believe me, the better you can get from each API depends on how far you can tweak it to meet your taste. The benefits include but not limited to:

  1. The first of which is that it improves the usability and user experience of your website.
  2. You don’t need any other third-party plugin to use any of these features ranging from audio/video, drag/drop implementation to Offline detection.
  3. You have native support from browsers for implementing such advanced features. All the browsers are giving support for these HTML5 APIs.
  4. No need to learn any other languages except common languages and scripts such as HTML 5 and JavaScript now. This framework is giving 100% solution to do anything from website to web application and e-learning content to games for I-phone and androids.
  5. And a lot more…

Some Highlighted APIs

Geolocation API

Geolocation API

Take for instance you are building a web application that needs to deliver contents to the user based on where they are, their country or city.
Geolocation API enables us to track the location of visitors by their altitude and longitude so that we can offer the content that they are looking for. Isn’t this feature amazing?

Pretty good, many browsers support this feature.

Support for Geolocation api

Page Visibility đź‘€

With this API, you can detect if the page is actively visible to the user by catching the following event:

Page visibility API

With that, you can tell your page to change the page favicon, pause an on-going video, game, timer or even something else.

And to make things better, there’s great support for this feature in many browsers which means, you can use it in production.

Support for Page visibility API

Local Storage API

Now, store huge data in your browser to improve user experience on your website or web application or game. Now your visitors will feel more personalized on your project than ever.

Audio/Video API

Gone are those days when you have to use Flash for rending media objects, now you can create a fully fledged audio/video albums and galleries or just add a single track of music/video in background in your website without the usage of any plugin, all available in your HTML5.

Believe me, there are many more of these APIs with great features,
the drag and drop API, Canvas API, Vibration, Ambient Light, IndexedDB, Web Workers API, WebGL, WebRTC and many others. You can find lists of all web APIs on the Mozilla platform

What you need to learn to work with HTML5 APIs

Javascript, working with any of these APIs requires no external knowledge than your knowledge in Javascript.

Just like other JavaScript’s objects, these APIs have their properties, methods, and events and the farther you can go with it depends on your level of Javascript skills.

Leave a Reply

Your email address will not be published. Required fields are marked *