I got a question a few days ago which was really good: What does “responsive web design” mean, and why should I use it? In short, responsive web design is a term that describes the concept of building a website design in a way that allows the layout to change depending on what screen resolution the viewer has. For example, an advanced four-column layout that looks great with a screen width of 1280 pixels (or higher) could be simplified into a more simple 2-column layout on screens with 1024 pixels width – and further down to a single column on small screens such as those on smartphones or small tablet computers. It is an alternative to building separate mobile sites, and when done in a good way it can look really beautiful.
Instead of going into details, I recommend you to read the excellent Beginner’s Guide to Responsive Web Design by Nick Pettit. It describes the concept and provides further links to a lot of useful articles that I have learned a lot from. So far, I haven’t released any responsive website template. But I will do that in the future for sure, both new designs and alternate versions of already existing template releases.
This article was written by Andreas Viklund
Web designer, writer and the creative engine behind this website. Author of most of the free website templates, along with some of the WordPress themes.