Preparing for your responsive design project

Est. Reading Time: 4 minutes

Beacon recently released a good number of very nice responsive websites (University of the Virgin Islands, University of Scranton, Whitman School of Management, Grossmont-Cuyamaca Community College District, Beacon Technologies), and I thought I’d jot down some things that I learned as a part of these projects that might be useful for others as they prepare their own responsive design projects.


The following is a list of some of the terminology used in conjunction with responsive web design.

@media all and (min-width: 600px) { }

@media all and (min-width: 860px) { }

Leaders in Responsive Design

Of course, this list could be updated daily, but here are some responsive design references we use currently:

Pros and Cons of Responsive Web Design

Beacon Resources

Other Resources

Please share your experiences with responsive website design in the comments!