A recent decision from the Google appengine hosting of changing their Master/Slave storage to High Replication Database(HRD) left my website hosted over there obsolete. This required me to migrate my existing homepage to the HRD. Since there was no migration tool to facilitate this change I had to a manual move by creating a new application id in HRD and then redeploy my website code over there. This was not something that required too much effort but it certainly had me doing some steps. Once the new application id was created I was required do some changes to have the new site visible with my existing domain name.
While performing the above changes I came across some posts about Responsive Web Design and I realized the fact that websites now are non only viewed on browsers but tablets and smartphones. I decided to give the long required attention to my website design part and do the necessary changes. In simple terms, a Responsive Web Design (RWD) uses “media queries” to figure out what resolution of device it’s being served on. Flexible images and fluid grids then size correctly to fit the screen. Some slight tweeks in the .css file and now my website has been modified to provide the right view suited for the various devices from where it would be seen.
Have a look at http://www.vtrravikumar.com from different devices to see how the menu and content layout changes accordingly.