What is Responsinator?

It's for website makers

Responsinator helps website makers quickly get an indication of how their responsive site will look on the most popular devices. It does not precisely replicate how it will look, for accurate testing always test on the real devices.

We recommend using Chrome on OSX 10.7+ with scroll bars set to "when scrolling" (System Preferences › General › Show scroll bars › "when scrolling"). This means the device widths aren’t affected by scroll bars.

Pro tip: append &scroll=ext to move the scroll bars outside of the device frame.

What is responsive design?

It means designing your website to adapt to the user's viewing environment (mobile, tablet, laptop etc.). It does this through the use of media queries, and other clever technology. Ethan Marcotte wrote the original article about it, and a pretty handy book.

Handy bookmarklet

Drag this: Responsinator to your browser's bookmark bar then click it when you're on a site you want to test (thanks to @pixelcellar for originally creating this).

Include &scroll=ext in bookmarklet

Who made The Responsinator?

Tama Pugsley and Andy Hovey. We both work at Batch. If you found The Responsinator handy and you're feeling kind you could buy us a beer.

We're hosted on Linode.com (sign up and we'll get $20).

More questions?

Check out the Frequently asked questions.