test bài viet mau
http://localhost/
works so it's great for taking screenshots of local development URLs?url=http://www.yoursite.com
- exampleI'm alwasy trying to improve the tool so please tweet me your feedback on bugs and suggestions.
A time saving exercise by @justinavery for RWD Weekly Newsletter
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.
scale(0.3181)
scale(0.277)
scale(0.219)
scale(0.219)
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.
#fff
because 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 Tim.
- 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 @silentritual
@amberweinberg.
- 09/02/13 Scroll bars removed from tablet and mobile, cheers @benbrignall.