As stated by Mashable, “2013 is the year of Responsive Web Design.” A responsive web design uses relative sizing units like percentages or em’s, rather than absolute units like pixels or points. One website layout sizes automatically across different device and computer screens.
To aid in finding the breakpoints of your responsive web design, Firefox offers a web developer add-on tool, called, Firebreak. This tool allows you to view your responsive web design, in the browser, at different screen sizes.
Another helpful tool, the MediaQueri website, displays responsive design samples to inspire your creations.
So, will you design a responsive website in 2013? What percentage of your viewers use mobile devices to access your website? Do you want the ease of one layout, enhancing the user experience on different screen sizes?
Basic Responsive Design Tips – Infographic
Responsive Web Design CSS Tips
Packery – Automated responsive layout library