I was shown a great feature yesterday by a web developer on how a web site can accommodate smaller screen resolutions such as those used on mobile devices – smartphones, iPhones, netbooks, smartbooks and the like.
W3C’s (World Wide Web Consortium) web site at www.w3.org shows us a really simple trick of checking the browser window size and then loading in a different stylesheet based on that window size. You can try this and see the stylesheet change before your very eyes. Go to www.w3.org and start making your browser window much smaller. Once you get to 480 pixels wide the stylesheet changes to a layout much more suited to your window size giving you a readable page that would otherwise be difficult to view at that size because of menus and other graphics getting in the way of the content.
This is a very neat way of coping with mobile web browsers on smaller screens and resolutions and in my view it works well.
Have you seen any similar methods of switching stylesheets? Would you implement something like this on your web site?
