Category archives: Development

6 June 2012

Learning to live with the abominable <iframe>

iframe HTML tags are riddled with user experience issues. It is unclear where the content comes from. Their height does not adapt to their content, forcing the user to scroll. Links open in the iframe but do not change the browser address bar location. And they're here to stay – HTML5 removes traditional framesets, but iframe is still around.

Simply put, iframes are best avoided wherever possible. Sometimes, however, they are the only available solution.


Consider this: A large organisation uses a CMS to manage its web presence. One department in this organisation requires additional features for its website ...

Continue reading

5 April 2012

Conditionally serving high resolution images


The transition to high resolution displays – Retina or HiDPI displays in Apple's marketing terms – is happening right now. The iPhone got it in 2010, the iPad in March 2012, and Macs are around the corner. Update: The MacBook Pro with Retina Display was introduced on 11 June 2013. Rather than introducing resolution independence, Apple changes the ratio between logical pixel and device pixel. For each logical pixel, four physical pixels are displayed.

iOS uses a simple naming convention to decide between high resolution and standard resolution images within apps. If a high resolution display is available, iOS first ...

Continue reading