Descargado 143 veces
- 1 / 38
- 2 / 38
- 3 / 38
- 4 / 38
- 5 / 38
- 6 / 38
- 7 / 38
- 8 / 38
- 9 / 38
- 10 / 38
- 11 / 38
- 12 / 38
- 13 / 38
- 14 / 38
- 15 / 38
- 16 / 38
- 17 / 38
- 18 / 38
- 19 / 38
- 20 / 38
![History API
window.history.state
window.history.pushState(data, title [, url])
window.history.replaceState(data, title [, url])
Best Example : Github project files browser](/proxy?url=https%3A%2F%2Fimage.slidesharecdn.com%2Fhtml5-rich-ux-120226083856-phpapp01%2F85%2FHTML5-for-Rich-User-Experience-20-320.jpg)
![File / Hardware Access API
Drag in
document.querySelector('#dropzone').
window.addEventListener('drop', function(e) {
var reader = new FileReader();
reader.onload = function(e) {
document.querySelector('img').src = e.target.result;
};
reader.readAsDataURL(e.dataTransfer.files[0]);
}, false);
Example : Gmail Attachment Handler (see for yourself ;) )](/proxy?url=https%3A%2F%2Fimage.slidesharecdn.com%2Fhtml5-rich-ux-120226083856-phpapp01%2F85%2FHTML5-for-Rich-User-Experience-26-320.jpg)
![File / Hardware Access API
Drag out ??
var files = document.querySelectorAll('.dragout');
for (var i = 0, file; file = files[i]; ++i) {
file.addEventListener('dragstart', function(e) {
e.dataTransfer.setData('DownloadURL',
this.dataset.downloadurl);
}, false);
}
http://www.thecssninja.com/demo/gmail_dragout/](/proxy?url=https%3A%2F%2Fimage.slidesharecdn.com%2Fhtml5-rich-ux-120226083856-phpapp01%2F85%2FHTML5-for-Rich-User-Experience-27-320.jpg)
Saltar al contenido principal
Subido porMahbubur Rahman
HTML5 for Rich User Experience
Canvas and WebGL allow for rich graphics and animation on the web through APIs for 2D and 3D drawing. Forms have been enhanced with new input types like email, number and date pickers. Features like drag and drop, geolocation, notifications and the history API enable more interactive experiences. Browser capabilities have been extended through APIs for multimedia, storage, web sockets and accessing hardware. HTML5 aims to provide these features to enhance user experience without additional plugins.
