I was recently contracted by a French banking technology firm to create a Drupal 7 theme for a design that was created by their own graphic designers. The initial design only presented a desktop view of the website so I had to use various best practices and modern conventions when it came to the responsive nature of the design.
In the field of Web design and development, we’re quickly getting to the point of being unable to keep up with the endless new resolutions and devices. For many websites, creating a website version for each resolution and new device would be impossible, or at least impractical.
Responsive Web design is 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 a mobile or tablet device, the website should automatically switch to accommodate for resolution, image size and scripting abilities. In other words, the website should have the ability to automatically respond to the user’s preferences; or rather, the devices capabilities. This would eliminate the need for a different design and development phase for each new gadget on the market.
View the final re-design at www.payformans.com.