Responsive Web

A new version of RGU’s web site went live this morning, with a new design based on the concept of “responsive web design.” The Wikipedia entry for responsive web design summarises it as follows:

“Responsive Web design (RWD) is a Web design approach aimed at crafting sites to provide an optimal viewing experience—easy reading and navigation with a minimum of resizing, panning, and scrolling—across a wide range of devices (from mobile phones to desktop computer monitors).”

If you look at the new RGU home page on a full screen PC, or large tablet format such as an iPad, it will look pretty much like before (although there have also been additional improvements made along with the implementation of responsive design):

20140203-094936.jpg

If, however, you look at it on a smaller screen size such as an iPhone or similar, it will look like this:

20140203-095050.jpg

The layout of the page is now optimised for the smaller screen size, so that you no longer have to “pinch and zoom” to get the areas you are interested in to a size where you can read them.

Have a look yourself!