Responsive Web Design
Content is like water
“You put water into a cup. It becomes the cup. You put water into a teapot. It becomes the teapot. You put water into a bottle. It becomes the bottle.”
Josh Clark (Originally Bruce Lee) – Seven Deadly Mobile Myths
Responsive Web design is the where the design and website development should change according to the user’s behavior and environment based on screen size, device and orientation. The design consists of a mix of flexible tables, layout, and images that change with the size of the device. As the user switches from their laptop to iPad or cell phone, the website should automatically switch to match the resolution, image size and coding. The website design should have the technology to automatically respond to the user’s preferences.
Responsive Design Diagram
(Content Layout changes by Screen Size and Resolution)