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: