Responsive Themes - WP Daily
“All The Word That's Fit To Press.”
A WP Engine
Publication

Responsive Frameworks, Themes

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

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.

Not only does Bootstrap have the responsive grid, but it has a number of great components like navs, buttons, alerts, and quite a few great JavaScript plugins. A couple of themes that are using Bootstrap are Standard Theme, Bootstrap-WP, and WordPress Bootstrap.

Bootstrap

Bootstrap

Foundation

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.

It also has a number of great components like navs, buttons, alerts, and a number of JavaScript plugins. A couple themes that are using Foundation are WP-Foundation and Base Station.

Foundation

Foundation

Media Queries

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.

A few themes that are doing this are LESS, Simple Photo, and Tethered.

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.

Twenty Twelve Theme

Twenty Twelve Theme

Is your theme responsive? If so, what are you using to accomplish this?

More WordPress News From Torque:

There are 12 comments

Your email address will not be published. Required fields are marked *

TOP