Responsive web design is the new buzzword today. Every client wants a web design that is easy readable and viewable in a number of desktop and mobile browsers.
Responsive web design is adjusting the layout and elements on the screen based on a platform, size or orientation.
This is achieved through use of CSS3 Media Queries.
Ethan Marcotte wrote an article about the responsive approach to web design for A List Apart and made a small revolution.
Fluid grids, flexible images, and media queries are the three technical ingredients for responsive web design, but it also requires a different way of thinking.
One of the first big portals that adapted Responsive design was Boston Globe. You can see it in action in this handy Responsive tester tool. You can click on icons on top of the screen to test the design in various screen sizes.
As WordPress is the most popular and secure platform today, it is obvious that there is plethora of great responsive WordPress themes out there. Here are some of the best available:
Size Mttrs is a responsive and unique theme designed for Designers, Artists, Photographers, etc, who want to show their work from a wider view, but adapting it to any device.
All your content will adapt to any screen, wide screen, laptop, tablet and smartphone.
BonPress is the perfect personal blog theme. Packed with Post Formats (audio, video) feature and multiple Custom Widgets, like Twitter, Flickr, will offer you a unique experience from blogging.
The layout of this theme automatically adapts to fit on any screen resolution on desktop and mobile devices (iPhone, iPad).
Rewrite is a versatile and responsive WordPress theme with a clean, responsive design. This theme looks just as great on the iPhone as it does on the desktop.
Rewrite has built-in swipe support for portfolio images and videos. That means your entire portfolio is now fully scalable and swipe enabled.
Rewrite can be used as a blog-style theme or a minimal portfolio with the included gallery support. Using a mixture of custom styles and shortcodes, it’s really up to you how you utilize the theme.
Propulsion is a responsive WordPress Theme, suited for users who want to create a business, portfolio or eCommerce site. The Theme is built on top of the fabulous woo commerce shop plugin as well as the bbPress Forum plugin.
It comes with a plethora of options so you can modify layout, styling, colors and fonts directly from within the backend. 3 Slideshows, 21 predefined skins (which are easy to modify from your backend), font and color options as well as dynamic template builder will help you create the Website you need in no time.
Prose theme for WordPress is a great theme with point-and-click design controls which allows you to effortlessly change almost any aspect of your site without touching a single line of code.
Prose is also fully mobile responsive, which automatically allows your audience to see your content beautifully displayed – whether from a desktop, laptop, smartphone, or tablet.
William is a grid-based, responsive, minimalistic, ajax powered portfolio theme for creatives. The theme comes with a well thought out responsive layout, unlimited sidebar management, 5 post formats, simple theme options and much more.
WP Pro Real Estate 3 is one of the most powerful real estate themes purpose built to showcase your listings, loaded with more features than you can shake a stick at!
It can be used for anything from real estate to vacation rentals to automotive sales. I’ve coded this theme with customization and ease of use in mind.
Styx is the Reponsive WordPress theme for Business, Corporate, Software, Portfolio and Blog built with latest WordPress features. Custom Post Type, Customizing Elements Colors, Extensive admin panel etc.
Linguini is a theme perfect fit for the restaurants, pubs, bars, wineries and other companies offering foods and drinks. Linguini theme offers an excellent system for administration menu cards (food menu, drink menu) and photo galleries.
The theme is highly optimized for search engines and has excellent SEO options like adding your own keywords and meta descriptions for each page, post or menu item. Linguini is a fully responsive theme for WordPress, which is adapting display to all devices (screen, widescreen, iPhone, iPad, Android … correct displaying in each device).
If you need a website that will perfectly represent your business, Linguini is the right choice for you. Working with Linguini is very simple and intuitive, even a beginner can handle it.
Skeleton is a small collection of CSS & JS files that can help you rapidly develop sites that look beautiful at any size, be it a 17″ laptop screen or an iPhone.
Further reading on Responsive web design
Responsive by default
The Case Against Responsive Web Design
Are you using or planning to use a Responsive web design on your blog/projects? Feel free to share your thoughts in comments below.