The web has evolved from the old days when most web sites were built to a max width of 800px to a state where the number of resolutions that must be considered by a designer is too large to count.
Some don’t understand this idea or don’t care about it enough and build exclusively for the desktop environments and the larger screens. iPads and iPhones have built up a market share too large to be ignored.
There are various ways and various approaches to building cross-platform web applications. One site and one html can be supplied to mobile and dektop environments, but may look completely different when looked at in the different browsers.
In this series I will review different websites and approaches to making your website work on different devices.
- Benefits of this method: Most popular resolutions can be easily targeted using only one line of code and a completely different set of styles may be served to that resolution. A seamless experience, the user visits one site and it is rendered appropriately to their device, no need to configure any settings or to use separate addresses for the mobile site, the old bbc mobile news site is a great example: http://www.bbc.co.uk/mobile/index.html
- BTS Responsive Test score: 8/10 (on 22/11/11, we fully understand that the website is still in development and will review again when it goes live)
Here’s a video recording of the website adapting to resolution changes: