One of the biggest challenges facing developers and designers alike is the proliferation of devices that can connect to websites. How do we make our sites look good on all these devices?
Just a few short years ago, users expected the full web experience on their desktops or laptops and a bare-bones experience on their mobile phones. Nowadays, they expect the full web experience on their phones as well as their tablets, mobile gaming devices, televisions, and an ever-growing array of Internet-connected devices.
The classic solution to this problem was to create a mobile version of your site, complete with its own design and layout specifically geared toward the smaller screens of devices such as iPhone and Android smartphones. This solution works well in a world where there are a limited number of device types with similar screen sizes and resolutions. However, that is not what the world is like today. Making your site work for even a few popular devices might require multiple mobile versions of your site. This can quickly become both a development and maintenance nightmare.
The concept of responsive web design (RWD) is intended to solve this problem with a single layout. In this article, I explain what responsive web design is and how a new tool from Adobe will make responsive sites easier to create.