How Drupal works with Responsive Web Design?

Sat, 06/02/2012 - 05:55 -- admin
How Drupal works with Responsive Web Design?

Responsive web design term is related to the concept of developing a website design that responds to the user’s behaviour and environment based on screen size, platform and orientation. In other words, it provides a way for your site's content to be adapted to the device it's being viewed on. Responsive design uses a blend of flexible/fluid grid, media queries and flexible images to make a site responsive.

In recent years, I’ve been meeting with more companies that request “an iPhone website” as part of their project. It’s an interesting phrase: At face value, of course, it speaks to mobile WebKit’s quality as a browser, as well as a powerful business case for thinking beyond the desktop. But as designers, I think we often take comfort in such explicit requirements, as they allow us to compartmentalize the problems before us. We can quarantine the mobile experience on separate subdomains, spaces distinct and separate from “the non-iPhone website.” But what’s next? An iPad website? An N90 website? Can we really continue to commit to supporting each new user agent with its own bespoke experience? At some point, this starts to feel like a zero sum game. But how can we—and our designs—adapt?

Learn how to use fluid grids, flexible images, and media queries to create elegant user experiences with responsive web design: here

Responsive Web design in Drupal

Drupal makes it fast and easy to create sites that look great and function on the widest range of devices. A video from Responsive Web Design with Drupal

Drupal Base themes that support responsive design organically:

Zen 7.x-5.x


Wilfredo Rojas's picture
Submitted by Wilfredo Rojas on

I think it's the best way to generate flashy websites and search engines and quality to customers, good contribution. SEO Estudio Greetings

Add new comment

Yenoo Belgique, chaque jour, partout, Amazigh Culture
La Pravda SARL

“An idea is a point of departure and no more. As soon as you elaborate it, it becomes transformed by thought.”

Free Drupal Summer Holidays Theme

Free Drupal Summer Holidays Theme

Summer Theme is my new theme contribution to the Drupal community. Drupal Summer Holidays is an HTML5/CSS3 based nice Travel Drupal Theme.

Your Web Design gallery is now Responsive

CSS Cutie Design gallery is now Responsive!

It is becoming more of a necessity to make our websites responsive. I am very proud to present you CSS cutie responsive version, another responsive project!

Drupal Princess upgraded to Drupal 7 and is now Responsive!

Drupal Princess redesigned and now Responsive!

I am very happy to present you the new version of the Drupal Showcase: DrupalPrincess. DrupalPrincess (ex DrupalMa) got redesigned, upgraded to Drupal 7 and now is responsive!

AzriDesign upgraded to Drupal 7

AzriDesign upgraded to Drupal 7

AzriDesign is proud to announce that we have just upgraded our website to Drupal 7! The upgrade process was successful and the site is running perfectly!

Drupal 7.0 is released!

Drupal 7.0 is released!

Hello everyone!

Well, this is our first post of 2011, so first: Happy new year to all of you.
Let's get things started off with Drupal!

@azridesign on


Sté Azri Design

R.C. : 29053
I.F. : 40113249
T.P. : 17260186
C.N.S.S. : 8135685

rss Twitter linkedin Google plus facebook vimeo drupal