What is Responsive Web Design?
Responsive web design is the term given to the concept of designing and developing a website so that the layout changes depending on the device/viewport on which the website is being viewed. By device, this could be a mobile phone, tablet, laptop, desktop computer, or even a smart TV. The term ‘Responsive Web Design’ was coined by its creator, Ethan Marcotte – his book is highly recommended reading “A Book Apart – Responsive web design”
Example of websites employing responsive design
This blog post has a list of 40 websites that show some really cool implementations of responsive design.
Responsive Web Design Resources
- Mobile Web Resources
- CSS3 Media Queries
- Responsive Images: Experimenting with Context-Aware Image Sizing
- Creating Intrinsic Ratios for Video
- Fluid Images
- Beginner’s Guide to Responsive Web Design
- A Better Photoshop Grid for Responsive Web Design
Responsive web design concentrates quite heavily on devices, viewports and how to gracefully degrade the designs we create across these mediums. In all of the “hype” about RWD we shouldn’t forget Progressive enhancement and its relationship with responsive web design.