The approach to developing a web site that supports multiple devices has historically meant recognizing the device type as the initial request comes in, and then using a set of resources that have been coded and tested with the specific device type in mind. As such, a separate set of web pages might be developed for a typical brower, while another set of JSP and HTML pages would be developed for and tested on a mobile device.

But smart JavaScript libraries are getting smarter, and now more than ever it's possible, with a little bit of forethought, to develop a single website that will render effectively on multiple devices, be it a desktop browser, a smartphone, or a tablet. One of the funkiest libraries for developing a 'one size fits all' website is Twitter Bootstrap.

If you're interested in learning the basics with regards to Twitter's Bootstrap library, and you want to see just how far the industry has come with regards to developing a single website that can properly deliver content to multiple device types, check out this little tutorial on using the Bootstrap JavaScript Library:

http://blog.fruiapps.com/2012/03/Creating-a-Portfolio-site-with-Twitter-Bootstrap