HTML5 Clever Features - Great Additions To Any Site

In our previous posts, we’ve started to talk about HTML5. But this time, we’re going to inspire you with the magical things HTML5 can achieve (alongside other languages such as JavaScript) - by showing you some existing HTML5 sites leveraging the following functions:

Speech Recognition

You can now provide your website visitors an enhanced user experience using a free HTML5 technology, the HTML5 Speech Recognition. By integrating this into your blog site, your users/visitors are able to enter text in any input fields by the voice recognition. This would allow them to search through your blog using voice easily.

At the moment, it only works in Google Chrome 11 and higher versions. So, do make sure you have Chrome available - as the microphone won’t appear if you’ll use a different browser.

Here is one good example of how the feature comes in handy for a blog - html5blog.org.

Desktop Drag-In And Drag-Out

Another cool feature HTML5 brings to the table is the Desktop Drag-Out. It makes your life so much easier as you can skip the painstaking uploading and downloading of any file - and have it simply be done through dragging and dropping from desktop to browser and vice-versa.

Google Chrome didn’t waste the chance to take advantage of this and made sure that they’re the first to have the compatibility to this feature. This would be a great addition to your site, especially it requires frequent upload and download of files.

If you’re wondering how it feels like, you can try it out here - imgscalr.com.

Web Storage

Here’s another big thing about HTML5 to make your website faster and more flexible. Don’t you just hate it whenever you’re sorting out things for a deadline, then suddenly the connection goes down? The HTML5 Web Storage saves you from going through such troubles again as you can now pick up the last session information you left off.

What’s more is that you can still use the HTML5-based application you use even while you’re offline. Then you can sync the data back when you’re connected again. This is also ideal for online gaming sites.

Here’s a very basic and simply online site that makes use of the html5 web storage - mugtug.com/darkroom/.

These are only some of the many exciting new possibilities you can add into your website. By having these, you are giving your visitors more options to interact, thus you are reaching out to a wider range of online audience.

If you think these would significantly change the dynamics of your website, contact us - maybe we could help.