Saturday, September 15, 2012

Apple website starts to use adaptive layout for devices. Finally.

Apple website layout changes according to screen orientation. But it's not responsive. 
We have often wondered why Apple has not catered for mobile users on their website. Their website has never redirected to a mobi version or used responsive web design techniques to cater for small screen sizes. The only thing that they have done is to cater for users to swipe through product photo galleries by including support for touch.

Finally, with the launch of the iPhone 5, it seems that Apple is moving towards an adaptive web design approach to adjust the website layout for different devices. It is very minor. But it is something. It will be interesting to see how far they go and how they collapse their navigation if they choose to pursue this. Their approach uses device detection, rather than adjusting the layout using responsive design, which uses media queries to detect the viewport size.

We'll keep our ear to ground on this one. In the mean time check out our responsive web design projects.

Morewood Bikes - responsive design using Bootstrap

Kaluma Development - responsive design with base of 960 grid system

POD Boutique Hotel - responsive design using 960 grid system

Miles Mossop Wines - responsive design using 960 grid system

Trop-X Seychelles Stock Exchange - using Bootstrap

We have four more projects that use responsive web design on their way in the next couple of weeks. Stay tuned.