What Is Responsive Web Design?
Responsive Web Design is designing and coding the front-end of a website or app so that the layout “responds” or automatically adjusts (using CSS) to a layout that is optimized for user’s display size.
So, a single web page or template may have different optimized layout variations for different types of displays, such as:
- Small, medium and large computer/laptop displays
- Portrait and landscape tablet displays
- Smartphone displays
Depending on the user’s unique display size, the web design can adjust or snap to a layout that uses unique attributes that are optimized for the user’s display, such as:
- More or less columns
- Bigger or smaller font sizes
- More or less content
- Bigger or smaller images
- Unique URI scheme names, such as “tel:” for linking a phone number to initiate a phone call on a mobile phone, etc…
Responsive Web Design Resources
10 Incredible Examples of Responsive Web Design– WebDesignDev
60 Examples of Responsive Website Design – Inspirationfeed
Responsive Web Design Techniques, Tools and Design Strategies – Smashing Magazine
Responsive Web Design Book – A Book Apart