The latest browser APIs now make it possible to redesign how your web pages interact with other applications. Web pages are too often little islands that fail to play well with the wider user interfaces of our devices. This talk will explore the possibilities from Drag and Drop to Web Intents, demonstrating how to make web pages more equal in the world of applications.
12. for (i = 0; i <= e.dataTransfer.files.length - 1; i++) {
var file = e.dataTransfer.files[i];
var reader = new FileReader();
reader.onload = function (e) {
console.log( e.target.result );
};
reader.onerror = function (e) {
console.log(‘Error reading file’);
};
reader.readAsText(file);
}
Reading a file dragged onto a page
13. for (i = 0; i <= e.dataTransfer.files.length - 1; i++) {
var file = e.dataTransfer.files[i];
var reader = new FileReader();
reader.onload = function (e) {
console.log( e.target.result );
};
reader.onerror = function (e) {
console.log(‘Error reading file’);
};
reader.readAsText(file);
}
Reading a file dragged onto a page
14. for (i = 0; i <= e.dataTransfer.files.length - 1; i++) {
var file = e.dataTransfer.files[i];
var reader = new FileReader();
reader.onload = function (e) {
console.log( e.target.result );
};
reader.onerror = function (e) {
console.log(‘Error reading file’);
};
reader.readAsText(file);
}
Reading a file dragged onto a page
Today I would like to talk to you about browser UIHow we use browsersAnd how browsers interact with other applicationsOftern as I watch other people using browsers it is if they are focusing through a window into another worldThey seem to not see the surface/layer in front of themSo the work I am going to show you today is about building interfaces that engage the user with the browser surface.