This smartFOCUS created example shows how emails can adapt to the device on which they're being viewed. This allows a single email to automatically adapt to give the best customer experience on a desktop or mobile email client.
To see how this works, view this page in a recent version of Firefox, Chrome, Opera or in IE9. Then decrease your browser window width. As you decrease the width to be very narrow, so its like viewing on a small mobile display, then before your eyes the magic occurs and the email changes to make best use of the display size.
Alternatively, view this page on your iPhone or Android phone and compare with viewing on your desktop computer.
We achieved this magic by taking a Starbucks email and modifying the HTML to use
@media queries. Read our mobile whitepaper for more information about the techniques used.