Responsive Web Design

In this age where everyone has a desktop, laptop and hand-held device it is becoming impossible to keep up with the endless resolution and screen sizes of each one.  For many websites, creating a website version for each resolution and new device would be impossible, or at least impractical. So what is the solution to our growing need for web design?  Responsive Wen Design of course!

Smashing Magazine talks about Responsive Web design as: the approach that suggests that design and development should respond to the user’s behavior and environment based on screen size, platform and orientation. The practice consists of a mix of flexible grids and layouts, images and an intelligent use of CSS media queries. As the user switches from their laptop to iPad, the website should automatically switch to accommodate for resolution, image size and scripting abilities. In other words, the website should have the technology to automatically respond to the user’s preferences. This would eliminate the need for a different design and development phase for each new gadget on the market.  But responsive Web design is not only about adjustable screen resolutions and automatically resizable images, but rather about a whole new way of thinking about design.

Now with something called Flexible Design we can make things more flexible. Images can be automatically adjusted, and we have workarounds so that layouts never break. While it’s not a complete fix, the solution gives us far more options. It’s perfect for devices that switch from portrait orientation to landscape in an instant or for when users switch from a large computer screen to an iPad.

Consider Responsive Web Design to optimize viewing, ease of reading and navigation with a minimum of resizing, panning, and scrolling—across a wide range of devices.

Leave a Reply