Responsive Web Design

What is Responsive Web Design?

Responsive Web Design means designing web pages so that users have a good experience, regardless of the size of their viewing device. Bootstrap is a very popular Responsive Design CSS framework that is used by many web developers today. This page explains the basic techniques that you can use to create responsive web sites (probably the same techniques used by Bootstrap). At the end of this page is a link to the Bootstrap CSS framework (which provides responsive design).

"Roll Your Own" Responsive Design - Tutorial and Code

Click here (pdf) or here (doc) for my Responsive Web Design Tutorial (pdf) which was modeled after a responsive design tutorial I found from Google's site (W3Schools did not have a simple example at the time). This tutorial has the following associated code examples (zip file link at the last bullet).

Here are more simple, DIY (Do It Yourself) responsive examples:


Click here if you want to learn about Bootstrap, a popular responsive design framework.