With the galloping development of modern technologies the screen size margin of your readership can be anything in-between a 30″ desktop monitor and the iPhone’s 3.5″ screen. Responsive design techniques kills two birds with a single stone by helping improve user experience by displaying a screen sized optimized version of your website.
Here is a list of the most useful responsive WordPress plugins. You’ll find simple tools for re-sizing images, making video responsive, creating a mobile version of your website and many more. The point is that you should try some of these on your WordPress-based website and test them to find the best solution. If you don’t experiment you might lose the potential of a mobile readership.
WP Fluid Images removes the fixed width and height attributes from images, loads a jQuery script that examines the .post, or .page divs for image tags. After that it calculates the image’s width as a percentage of the .post or .page div, removes the width and height attributes, and adds a style attribute with a width value set to the calculated percentage. Pretty simple and efficient, as you see.
Fluid Images →
This is just another awesome WordPress jQuery plugin which makes all videos on your page responsive. It is perfect for video blogs and projects that often post a video-based content.
FitVids for WordPress →
WP Orbit is a responsive jQuery plugin that works by using custom post type and taxonomies. WP Orbit inserts a slider via shortcode’s pasting into your content or echoing the shortcode into your theme template. The best thing about it is the slider will be responsive to all kinds of devices.
WP Orbit Slider →
This plugin makes your TwentyTen (default WP theme) themed site have a responsive and fluid layout, using CSS and media queries to enable the fluidity and responsiveness.
Responsive TwentyTen →
Respond.js is a fast and lightweight (3kb minified / 1kb gzipped) polyfill for min/max-width CSS3 Media Queries (for IE 6-8, and more). It’s been written in such a way that it will probably patch support for other non-supporting browsers as well.
Respond.js for WP →
The feature-rich HTML5 & CSS3 Ultimate Coming Soon Page plugin allows you quick and easily set up a responsive coming soon page for your website.
Ultimate Coming Soon Page →
The Juiz Smart Mobile Admin plugin, built to be used with the default administration theme, offers you smartphone support for your dashboard by using CSS3 Media Queries.
Juiz Smart Mobile Admin →
The WordPress Mobile Pack contains a full set of tools that will help you to make your WordPress site and blog mobile-friendly. Here are the most important features of this plugin – mobile switcher, base mobile theme, device adaptation, mobile admin panel, barcode widget. Basically this plugin makes your website 95% mobile friendly and you can even manage your content with the help of your own mobile device which is really efficient and helpful feature these days.
WordPress Mobile Pack →
First of all you should know that this plugin is recommended only for high-volume sites (1 million+ pageviews per day). It has support for tablet devices including iPad and Android-powered devices. This plugin detects mobile devices and sends them to the mobile URL of your website. You must register for a free Mobify account at http://mobify.me in order to create and manage your mobile site.
WordPress Mobile Detector automatically detects the type of the device that the user is browsing the website with. After that the plugin loads a special mobile theme of your blog if you are viewing the website via mobile phone/tablet/smart phone. This plugin also includes an installer that will configure everything automatically.
WP Mobile Detector →
Wapple Architect delivers tons of unique and useful mobile features that make your website mobile-friendly in a matter of minutes. This plugin has the following options: dynamic resizing of images, special mobile SEO, preserving your URL structure, mobile advertising integration, a special stats tool for Mobile Page impressions, fully compatible with WordPress MU, advanced pagination etc.
Wapple Architect →
BuddyPress Mobile is a special version of the well-known plugin which is optimized for the most popular mobile devices (iPhone, Android, iPod, some BlackBerry devices). This plugin will detect mobile devices and use a special BuddyPress Mobile theme. Also it has a custom front page for the mobile site and a custom mobile menu.
BuddyPress Mobile →