Responsive web design – one of the hottest trends in 2012, according to .net magazine. But what is RWD? I would describe it as a way to achieve a device-agnostic web page, a page that works no matter what (modern) device you chose to use – computer, tablet, smartphone.
Wikipedia describes RWD as a web site
crafted to use Cascading Style Sheets 3 media queries, an extension of the @media rule, with fluid proportion-based grids, to adapt the layout to the viewing environment, and probably also use flexible images. As a result, users across a broad range of devices and browsers will have access to a single source of content, laid out so as to be easy to read and navigate with a minimum of resizing, panning, and scrolling.
Sounds like a thing an intranet could benefit from. While many organizations still has a single OS platform (City of Malmös computers run on Windows XP and Explorer 7) (Yes, I know its middle age, hopefully we will get at least W7 and Ex9 this autumn), smartphones, tablets and BYOD are on their way. In a year or two, I think a core operating system not adapted for a wide array of devices is facing major problems.
Therefore, we made sure our new intranet dashboard were built with RWD from the beginning. Launched May 25, this page adapt beautifully according to device.
Our dashboard was the first RWD test for us. This summer we will make the other parts of the intranet responsive as well.