Responsive Design was one of the hottest topic talked around in 2011, along with the explosion of various mobile devices like smart-phones and tablets which each has different screen size. Now, you have the ability to cater to different audience whenever they are browsing from iphone, ipad or on a macbook to visit your website.
Here’s a full definition from Smashing Magazine;
Responsive Web design is the approach that suggests that design and development should respond to the user’s behavior and environment based on screen size, platform and orientation.
Since I’ve been experimenting with different responsive layouts lately, I noticed a growing number of free WordPress theme that uses the responsive design approach. So, I decided to round ’em up so you can choose a theme for your next project or blog.
Skeleton WP theme
Created by Casey Lee at Simple Themes is a simple, responsive WordPress theme based on the Skeleton Boilerplate. It has several useful shortcodes, such as tabs, toggles, cross-browser CSS3 buttons, jigoshop integration, BBpress, and layout columns.
Balita (e-Commerce Theme)
A theme dedicated to shops that sell products for children. The theme was designed by Tokokoo and released exclusively for Smashing Magazine and its readers. As usual, the theme is absolutely free to use for both private and commercial projects.
Demo | Download
Photum
A HTML5 responsive theme for a Photographers portfolio. Created by Oli from WPLift.com.
Mixfolio
A responsive, HTML5 portfolio theme for WordPress. Best of all, it’s free! Use it to build your portfolio or your online brand. Create Image, Gallery, Video or Standard posts using Mixfolio’ Post Formats feature.
Immense
Ideal for photographers looking for a holistic photo portfolio and blogging platform that performs beautifully on a variety of desktop and mobile browser platforms, including the iPhone and iPad.
Hum
A Twenty Eleven child theme, responsive by nature, and solely consists of CSS modifications.
Demo | Download
Foghorn
A minimalist WordPress theme built off the foundation of Twenty Eleven. It has a custom options panel for switching layouts, removing sidebars, uploading a logo, and changing footer text. It is also responsive, meaning it looks good at any browser width including iPhones and other mobile devices.
Demo | Download
DailyPost
An interesting theme ideal for your everyday notes and thoughts, which supports post formats and several customisation options. The theme is a special one because of its responsive design, thus you will get the pleasure to read the post with your mobile device.
Demo | Download
Codium Extend
A very simple wordpress theme optimized for handheld and mobile devices (iphone, ipad, and smartphone).
iTheme2
A revamp of iTheme that was originally released by Nick La. It is the perfect theme for technology & Mac related blogs. It uses media queries to target different displays such as desktop, notebook, iPhone, iPad, and other mobile devices.
The Meerkats Theme
Is built to respond to different platforms and devices. It is a simple and basic WordPress theme built by Gregor McKelvie.
Demo | Download
Yoko
A flexible HTML5/CSS3 WordPress theme. With the responsive layout based on CSS3 media queries, the theme adjusts to different screen sizes. The design is optimized for big desktop screens, tablets and small smartphone screens.
Flexible
A WordPress Theme that helps present your content and display it to fit different screens sizes, with a design of your own. It also provides a really easy integration with Facebook and Fan Gate option, a must have if you are running a website.
BonPress
Comes with several custom widgets for Sidebar and Footer, like: Flickr Gallery, Social Widget, Twitter. The layout of this theme automatically adapts to fit on any screen resolution on desktop and mobile devices (iPhone, iPad).
Respo
A free amazing responsive WordPress Theme by Themnific that comes with a clean, sleek and customizable design. This theme is responsive which mean it able to adapt its layout to the screen size of your visitors. Even the sliders for this theme is responsive too and it works great on mobile device like iPad or iPhone.
Demo | Download
Origin
A simple responsive theme for your personal, elegant-looking blog. Origin is a parent theme, built on the Hybrid Core framework. Which means it can be used as is, or as a platform for heavy customization via child themes.
Demo | Download
Oxygen
A premium-quality, responsive magazine theme for WordPress. Oxygen is a highly extensible parent theme, built on the industry-recognized Hybrid Core framework – a great base for creating your own child themes,
Demo | Download
Hatch
Simple portfolio/photography WordPress theme with responsive layout for improved user experience on mobile devices. A parent theme, built on Hybrid Core – with nearly limitless possibilities for expansion due to the platform architecture and hooks for adding your own functionality.
Demo | Download
Adapt
Overall the theme is very minimal and super easy to setup. It comes with built-in post types for your portfolio, homepage highlights and homepage slider, so adding your content is a breeze.
Bizz
Bizz is a super clean and minimal business and portfolio WordPress theme.
As you can see, there’s a lot of themes to choose from! Also you can learn from these themes so you can build your own, that’s how I learned to create this theme 🙂
If you have any free responsive themes that you can add to the list, hit me up on the comments below!
