Responsive Web Design: what it means and why you should care
The term “Responsive Web Design” is best explained by the problem that it addresses. Now a days, you expect a greater amount of traffic to your website to come from devices such as smart phones ,tablets and ultra-books. To serve the needs of users browsing from such variety of devices, your website must adapt to the different screen sizes and resolutions. Responsive web design enables this by giving your website a flexible foundation which makes no assumption about the browser’s width.
Responsive web design is not a single piece of tool, rather it is a collection of techniques and ideas that include fluid grids, flexible images and media queries correctly designed into the style sheet of your website. By building your website responsive you avoid going through the extra task of having a separate mobile site for different screen sizes.
The idea “Mobile First”, which means designing the mobile version of your site first is a growing trend in the web design world. Rather than trying to adapt a bulky image heavy site designed for larger screens to fit into small screen devices, you start with a simple design that gives the best experience in mobile devices and adapt it for bigger and bigger devices. Not to mention the extra advantage in which it enables you to decide which content of your site is most important.
Responsive design is becoming the main focus of themes designed for rapid web application development frameworks and content management systems such as Drupal and WordPress. For example, the coming version of drupal, Drupal 8 is currently being developed with mobile support as its core feature. There are also a greater variety of responsive themes designed for WordPress.
At Grype we put great emphasis on designing the User Experience in our projects and take a Mobile First approach should your application be accessed from mobile devices. If you would like continue this discussion, please feel free to drop us a line.