October 20, 2011 Reading time: 22 seconds

Responsive Web Design Demystified

In this article, you get a gentle introduction to the world of responsive web design. You’ll:

  • Learn exactly what responsive design is, and why it’s useful
  • Look at the difference between the terms “responsive design” and “adaptive design”
  • Take an existing fluid layout and convert it into a responsive layout that looks good on all screens, from mobile to widescreen desktop, and
  • See how media queries and the viewport meta tag can help you build responsive layouts.

Ready to explore the world of responsive design?

Go go!