Friday 7 May 2010

PRP - artifact #6 - iPhone & Android run through

After quite a bit of effort trying to resolve tricky CSS tags, particularly for Android renders that concern :active states, the site is now more or less complete.





The Nokia S60 and Opera Mini 5 runthroughs are also available but don't expect to see much of the site.

Unfortuntely they proved to not be competent enough to handle the site. This is a shame as in reality it would mean that the technologies currently in use would have to be reigned back, or certain hacks made to permit functionality. Doesn't sound too dissimilar to the IE browser fixes does it!!

-------------------

Notably, I am really pleased that I managed to get the site to wrap in portrait and landscape. This was achieved through fluid size formats for the main div in which the content is held.

Furthermore, although the iPhone with JQTouch enabled has a landscape specific CSS tag, this doesn't translate to the other devices. The problem I encountered concerned the background image remaining its original width: 320px.


Eventually I overcame this struggle by tiling the background image and rubbing out any part of the image that went off the left and right sides. This means it blends now.

LEFT: Original / RIGHT: Modified version with no content exiting side of image


LANDSCAPE: tiled background that blends

@

No comments: