Users are accessing the web on a vast range of desktop, laptop, tablet and mobile devices. The challenge of producing websites that are visually appealing and usable on all of these devices is increasingly difficult.
Now CSS3 media queries have enabled Responsive Web Design. It allows us to create websites with fluid layouts that automatically adapt according to the size of the user’s browser – ensuring that the site looks great, is consistent and is usable, regardless of screen size and device.
For a example of responsive layout in action, check out the fa Test Grid.
If you want to find out more, here are my favorite tools or if you have any questions, please get in contact.
– Photoshop Grid for Responsive Web Design. Here’s the PSD.
– Patternizer is an easy to use pattern generator tool
– resizeMyBrowser Tool. (Does not work in Chrome and Opera)
– Gridless -make future-proof responsive websites
– BluCSS is a CSS framework for RWD
– The happy & awesome way to build fluid grid: tiny fluid grid
– Responsive Web Design Sketch Sheets. Download PDF here.