The HTML image tag has been around about as long as HTML itself. In nearly 20 years the tag has changed very little, in spite of the essential role that images play in most Web content. During that same period of time, the capabilities of the devices people use to view Web content have changed... Continue reading →
Posts Tagged HTML5
New blending features in CSS
A couple of months ago, we posted a blog post on bringing blending to the web. Since then, Nikos Andronikos from Canon and I have been busy integrating feedback in the draft spec and we presented it to the CSS working group in May. At Google I/O Vincent Hardy also gave an overview of the capabilities. If... Continue reading →
Displaying XHR Downloaded Images Using the File API
Last time, we proposed adding progress events on the image element to avoid the complexity of using XHR to monitor image download progress. In order to display the image in the XHR approach, we used base 64 encoding to convert the binary image data into a data URI. Then, we passed the data URI to... Continue reading →
HTML5 Image Progress Events
Suppose you want to display the download progress of high-resolution images in a medical imaging application or an HTML5 game. Currently, this is a little harder than it should be in HTML5/JavaScript. A common approach goes like this: Download the image data by creating an XMLHttpRequest (XHR). Update a progress bar by handling the XHR’s progress... Continue reading →