What is Responsive Web Design (RWD)?
My personal career started as a print designer. The challenge we have is building designs that needed to look just as good on the internet as they do in print. I have been working and using html and CSS with Responsive Web Design (RWD) for years. It was first given a name by ETHAN MARCOTTE
from A LIST APART on MAY 25, 2010
That is where Ethan also began his journey. I have heavily edited his comments but Ethan writes "flexible foundation...it’s a straightforward... layout built on a fluid grid, with... flexible images...embed standards-based technologies...to make them not only more flexible, but more adaptive to the media that renders them. In short, we need to practice responsive web design."
Ethan Continues, "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. Rather than quarantining our content into disparate, device-specific experiences, we can use media queries to progressively enhance our work within different viewing contexts."
Ethan gives an example of his work here "A Flexible Grid
I summarize it this way, Responsive Web Design (RWD) is not building websites made for different devices, it is building websites made for different resolutions and if necessary
, modifying the experience for each resolution.
What are your thoughts? How have you used RWD? Do you plan to use RWD?
All The Best! -Mark