No, I don’t mean when you click on a link it makes a certain noise, or perhaps you watch a video and a snake comes into view and eats the video. What I mean is that when you scale your browser width or height, the page will scale to make sure all content is still within view.
These days users are not viewing your website from one particular device. You have users with tablets, smart phones, dumb phones, laptops, and desktops. Everyone’s window is a different size and that’s why it’s becoming increasingly important that your content is viewable from any device.
So, just how do I even begin with creating a site using responsive design? The answer: CSS media queries. What this means is that you build your site using a smart stylesheet using conditional statements that basically say “I want the following statements below to trigger if the width is between 500 and 800 pixels”. Also, depending on if you are using a framework or not, you can have content appear only on a particular platform (ex: I want this navigation only to appear on the mobile version).
If you would like to learn more about responsive design, check out the CSS-Tricks video tutorial on the basics of responsive design at: