It seems almost every other theme that I have seen lately has a responsive design and this is probably going to be the year where it really becomes a staple in our industry.
I really would like to talk about the different options and hear from theme developers out there what you are doing: Are you using a responsive framework, or are you rolling your own with media queries?
There are quite a few frameworks and responsive grids out there, but I just want to briefly talk about the few of the top players.
The More Popular Responsive Frameworks
Bootstrap is one of the most popular frameworks out there at the moment. It was created by a couple former Twitter employees who have recently left to focus more time and attention on Bootstrap. It includes a responsive grid that has 12 columns (span) and they can be fluid and nested.
A great feature with Bootstrap is that you can easily customize things like the number of columns, gutter widths, and other things quickly using LESS.
Foundation is another framework that is really popular as well. It was created by ZURB, who has a number of awesome projects. It too has a responsive grid and has 12 columns (col) that can also be nested. I know quite a few designers that prefer Foundation and it uses SASS to compile it’s CSS.
You don’t have to use a framework to make sure your site is responsive. You can pretty easily roll your own responsive grid using CSS and media queries. I know some that prefer going this route due it being lighter weight and you can have more control more easily as well.
Twenty Twelve Theme
If you have updated to WordPress 3.5 or downloaded the new Twenty Twelve theme, you already have a responsive theme ready for you. Twenty Twelve is a simple, responsive theme and can very easily customized by creating a child theme.
Is your theme responsive? If so, what are you using to accomplish this?