The most popular topic of discussion at the moment, amongst web designers anyway, is undoubtedly responsive web design. This is in response to the popularity, over the past couple of years, of visitors opting to use a mobile device of some sort (Android, iPhone, iPad..) to access their favorite web sites.
Just to give you a quick overview, responsive web design allows you to offer a specific and optimised screen size layout that is based on whatever device (mobile, tablet…) the visitor uses.
With responsive layouts in mind, with this post we have taken a look at what responsive WordPress themes are currently freely offers.
You will be surprised at the quality of the themes we have found. And remember, all of these themes are free to download.
Yoko is a modern and flexible WordPress theme. With a responsive layout based on CSS3 media queries, the theme adjusts to different screen sizes. It makes use of the new WP post formats (gallery, aside or quote) and comes with Google Web font integration (Droid Sans and Droid Serif).
Yoko Download PageView the Demo →
Ari is a minimalistic, flexible three-column blog theme. The theme uses CSS3 media queries for its responsive layout and is therefore optimized for tablet PCs and smart phones (the theme switches to a two-column layout when viewed on a horizontal iPad screen, and to a one-column layout on iPhones). You can also choose a dark color scheme.
Ari WordPress Theme Download PageView the Demo →
BonPress is a personal blog theme that is packed with Post Formats (audio, video) features and multiple Custom Widgets. The layout of this theme automatically adapts to fit on any screen resolution on desktop and mobile devices (iPhone, iPad).
BonPress Download PageView the Demo →
iTheme2 is the perfect theme for technology and Mac related blogs. It uses media queries to target different displays such as desktop, notebook, iPhone, iPad, and other mobile devices (no plugin is necessary).
iTheme2 Download PageView the Demo →
Skeleton is a simple, responsive WordPress theme based on the Skeleton Boilerplate. It has several useful shortcodes, such as tabs, toggles, cross-browser CSS3 buttons, and layout columns. Skeleton also includes a free bbPress theme.
Skeleton Download PageView the Demo →
Scherzo is a clean, readable theme that boasts a responsive layout. It requires version 3 or higher of WordPress and makes use of HTML5 structural tags, the hatom microformat and ARIA landmark roles.
The Scherzo Download PageView the Demo →
The Constellation theme is the perfect starting point for any WordPress project. It gives you the flexibility to provide bespoke styles for different devices (media queries for several devices / screen resolutions with default styles included), totally up-to-date HTML5 code, a flexible grid system on top of all the other goodness bundled in to the HTML5 Boilerplate.
Constellation Theme Download PageView the Demo →
The Whiteboard framework has been developed to help speed up the process of developing a WP theme. It does so by eliminating the time spent on code common to all WordPress themes and includes non-intrusive code that improves the overall WordPress theme in many ways – including SEO, speed, usability, and mobile support (built with Less Framework for an instant mobile website).
Whiteboard Download PageView the Demo →
SimpleMarket, favoring a much easier and speedier setup, does not come with any theme options (I wish more themes would come packaged like this). it does pack a fair few features though: Responsive design that easily adapts to a variety of screen sizes and devices, full support for Post Formats, sleek fonts with full Google Font integration and all expertly coded with HTML5.
SimpleMarket Download PageView the Demo →
Blaskan is a responsive and accessible theme that's been built with mobile devices and tablets in mind. Accessibility is highly prioritized, following the WAI-ARIA specfication as much as possible.
Blaskan Download PageView the Demo →
This theme has been created by mashing-up Elliot Jay Stocks’ Starkers Theme (bare-bones WordPress theme) and the 1140 CSS Grid (the fluid down to mobile grid framework).
1140 Fluid Starkers Download Page
Responsive Twenty Ten is a child theme of the default WordPress theme. This theme has been based on Todd Halfpenny’s Responsive Twenty Ten, but with the addition of some special touches such as flexible images, nice margins, and some mobile image rules.
Responsive Twenty Ten Download PageView the Demo →