HTML5

About

The future of the web.

Owner

HTML5
December 13, 2014 · Public

HTML5 now gives you access to the ambient light sensors on smartphones & notebooks. It is currently supported in Firefox.

window.addEventListener('devicelight', function(event)
{
    if (event.value < 50)
    {
        console.log('Hey! It\'s dark in here!');
    }
});

Demo: http://aurelio.audero.it/demo/ambient-light-api-demo.html

How would you incorporate this feature into your web apps?

HTML5
August 13, 2014 · Public

Realistic 3D car made using WebGL: http://carvisualizer.plus360degrees.com/threejs/


HTML5
June 2, 2014 · Public

You no longer have to implement your own notification system. The Web Notifications API is here.

var notification = new Notification('Notification Title', {
   body: 'A few sentences giving more information about the notification.',
   icon: 'http://example.com/icon.png'
});

notification.onshow = function () {
   // Notification presented to user
}

notification.onclick = function () {
   // The user clicked on the notification
}

notification.onclose = function () {
   // The user closed the notification
}

Demo: http://aurelio.audero.it/demo/web-notifications-api-demo.html

A notification in Chrome 35:


HTML5
May 21, 2014 · Public

The HTML5 datalist tag allows you to create a text field with an autocomplete drop-down. So as the user types, they will see a list of suggestions. This will save you tons of time implementing a similar feature.

Demo (with polyfill): http://css-tricks.com/examples/RelevantDropdown/

<input list="states">

<datalist id="states">
  <option value="Alabama">
  <option value="Alaska">
  <option value="Arizona">
  <option value="Arkansas">
  <option value="California">
  <option value="Colorado">
  <option value="Connecticut">
</datalist>


HTML5
May 14, 2014 · Public

Probably one of the coolest new features of HTML5 is the Web Speech API, which allows you to integrate speech recognition into your web app.

You can try it out here: https://www.google.com/intl/en/chrome/demos/speech.html

It's currently compatible with Chrome 25 or later.