Monthly Archives: January, 2012

With the addition of CSS transitions and transforms, web developers can create interactive content with relatively simple markup. Understanding how to use these features with SVG, which has its own transform and animation systems, can be a little difficult. For example, let’s take a look at a simple interactive element, which animates its color and... Continue reading →

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 →

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 →