Responsive web design aims to create a single website that dynamically adapts to different screen sizes and devices. Traditionally, separate desktop and mobile websites were created, but this approach fails to recognize that there is really only one web accessed through different devices. Responsive design uses modern frameworks to simplify website development so that a single website responds appropriately to a diverse range of devices without the need for separate mobile sites.

1. Responsive Web Design (RWD)
5 Responsive Websites

2. Why RWD?
• Traditional approaches created different webs
– Desktop web (www.mysite.com)
– Mobile web (m.mysite.com)
• Herein lies the problem…
– There is only ONE web
– It’s just that we ACCESS it from different devices
– ‘Desktop + Mobile’ is an over trivialisation
• Diversity exists among Desktop / Mobile devices

8. The end…
• The web doesn’t need to be complicated
• Modern frameworks do the heavy lifting