@lensco made an excellent post a couple of days ago that showed off a simple, but elegant responsive design test page that loads the same content into multiple iframes for easy viewing. See:
http://bricss.net/post/16538278376/simple-responsive-design-test-page?e8b52b40
Great idea. Here’s a bookmarklet version of the same code that lets you use it on any webpage:
http://benjaminkeen.com/misc/bricss/
EDIT: I got stuck waiting for a flight today, so I update the script to add a little JS goodness. Now it lets you specify which viewport sizes you’re interested in (or supply your own dimensions), and generate a custom bookmarklet. Neat.
Hi Benjamin,
Lots of folk tweeting about your bookmarklet today. I just wanted to say thanks for giving up your time to do it (Working fine in Safari (Mac) by the way).
Thanks, Dave! Good to know it works on Safari, too.
- Ben
Hi!
Thanks for a great tool. One thing that I’d like to see is an option to disable scrollbars from certain frames by default and a checkbox to toggle the scrollbars.
This because iPhone and such do not have scrollbars taking space from the page unless user scrolls the page. This way we could see more real looking pages.
“”Thanks for a great tool. One thing that I’d like to see is an option to disable scrollbars from certain frames by default and a checkbox to toggle the scrollbars.
This because iPhone and such do not have scrollbars taking space from the page unless user scrolls the page. This way we could see more real looking pages.”" I agree totaly this is somthing i would like to see aswell!