Responsive Website Design

Does your website look good on all screens?

Want us to give you a free analysis?

M Street´s Rules of Design

Our websites should render legibly at any screen resolution
We mark up one set of content, making it viewable on any device
We should never show a horizontal scrollbar, whatever the window size

Responsive Website Testing Tools.

What is Responsive Website Design?

Screens come in all shapes and sizes these days. From large desktop screens to smaller smart phone and tablet screens, you'll want your website to respond and adapt to the screen size on which it's being viewed.

With responsive website design, we can ensure that your site can be easily browsed by users regardless of which device they are using at the time.

Responsive Web Design

Ethan Marcotte coined the term Responsive Web Design in his A List Apart article on? Responsive Design In it, Mr. Marcotte discusses all the key ideas that form responsive web design.

Responsive Design was listed as #2 in Top Web Design Trends for 2012 by .net magazine. (Progressive Enhancement was #1). They also listed 20 of Ethan Marcotte's favorite responsive sites. 20 Best Responsive Web Design Examples of 2012

Common Resolutions. Remember, these are assuming that the user is viewing at full screen.

Vertical / Portrait
320 x 480 iPhone 3G/3GS
480 x 800
640 x 960 iPhone 4
768 x 1024 iPad

Horizonal / Landscape
480 x 320 iPhone 3G/3GS
800 x 480
960 x 640 iPhone 4
1024 x 768 iPad

Desktops
1024 x 600
1280 x 800
1366 x 768
1440 x 900

Firefox Developer Tools Help Build Responsive Websites

Web developers are treated to some new tools in Firefox 15, including a very handy new ?Responsive Mode? for testing responsive websites.