What is Responsive Design?

Responsive Design (RWD) is a website that has been created to automatically resize content to fit appropriately on different devices. Some of these devices include smartphones, tablets and e-readers such as the kindle. The benefit of this approach is that you or your client only have to manage one set of templates/content versus multiple sets for each device. Ultimately, this saves both you and your client time and money.

Some key things you should note about responsive design:

• Uses CSS3 Media Queries and JavaScript to detect different browser dimensions.
• Based on a grid system 
• Typically uses images that are flexible and will automatically resize for faster load times on smaller devices
• Special JavaScript slideshows are used that automatically resize on smaller devices
• Has SEO benefits in that users only go to one set of links for all devices

This isn’t everything you can learn about responsive design, but it definitely covers the basics and gives you a general understanding of what it is and why it’s beneficial to you and your clients. For more information and to see an example of responsive design, check out the video below: