http://localhost/works so it's great for taking screenshots of local development URLs
I'm alwasy trying to improve the tool so please tweet me your feedback on bugs and suggestions.
I take a lot of screen shots of the various device breakpoints for responsive design and it takes a while to prepare them. This tools allows me to get what I need quickly, and hopefully it can be helpful for showing your more visual clients what you mean by responsive design when a suite of products isn't at the ready.
This is not a tool for testing, it is really important that you do that on real devices. This instead is a tool for quick screenshots (for me) and to visually allow people to “get” what you mean in client meetings.
The viewports I have chosen are based on the devices that were a part of the responsive PSD layout I previously bought, and yes they are all Apple. Apologies to all the Android fans out there, I'm sure a few of you have the “Android has a bigger market share” argument in mind but although you're right I just didn't have that suite of images when I started. If there's enough of a desire I could do a suite of other products, but I'm just not sure if adding those will improve the basic function of the tool.
#fffbecause if it isn't set on the previewed site you see device image instead.
's are more than the visible image so you might need to play around a bit with where you can click. Thanks ICTHack.com.
- 09/02/13 update the layout to be responsive across devices (even though it was just a tool for screenshots), although the iframes are WAY taller on tablet and iphone then they should be, still need to fix that... thanks @mdgulamrabbi @mdgulamrabbi.
- 09/02/13 Scroll bars removed from tablet and mobile, cheers @mdgulamrabbi.