What is responsive web design?
May 16th, 2012Responsive design is a method of applying different sets of display rules to elements of a website based on the size of the viewport availale.
These rules are applied via Cascading Style Sheets ( CSS ) and can affect the appearance, position, size or visibility of specific elements such as navigation, sidebars, pictures and the main content.
A single code base is created for the website rather than building a different website to be viewed on mobile phones, tablets and desktop computers.
Responsive design isn’t just a technical issue. A good responsive design requires design decisions to be taken to determine which elements to change as the viewport changes.
To see an example of responsive design in action, visit www.smashingmagazine.com with your web browser maximized. Now slowly resize the window until it is as small as it can go. The layout changes as you do this and as the viewport reduces in size, different parts of the style sheet are triggered and applied to the layout.



