I built Responsivator to easily share responsive web pages with people. To send a link to somebody with the header and controls hidden, you just do this:
<a href="http://dfcb.github.com/Responsivator/?site=http://www.alistapart.com/d/responsive-web-design/ex/ex-site-FINAL.html&header=hide" rel="nofollow">http://dfcb.github.com/Responsivator/?site=http://www.alista...</a><p>You can customize what sizes and labels you want (click the customize button)<p>Credit to great work done by others like:
Matt Kersley - <a href="http://mattkersley.com/responsive/" rel="nofollow">http://mattkersley.com/responsive/</a>
Benjamin Keen - <a href="http://www.benjaminkeen.com/open-source-projects/smaller-projects/responsive-design-bookmarklet/" rel="nofollow">http://www.benjaminkeen.com/open-source-projects/smaller-pro...</a>
lensco - <a href="https://gist.github.com/1685127" rel="nofollow">https://gist.github.com/1685127</a>
This is really cool, great work!<p>The only problem I can see is that it doesn't work with sites that use user agent sniffing serve up mobile sites (see bbc.co.uk - <a href="http://dfcb.github.com/Responsivator/?site=bbc.co.uk" rel="nofollow">http://dfcb.github.com/Responsivator/?site=bbc.co.uk</a>) I realise that's not technically 'responsive', but it would be cool if responsivator could handle that as well.<p>Having said all that, I don't think it's even possible to spoof different user agents in iframes(?), maybe could be done using a headless browser to take screenshots?
Great work, this is awesome. I just used it to check out my site: <a href="http://dfcb.github.com/Responsivator/?site=http://flipmeme.com" rel="nofollow">http://dfcb.github.com/Responsivator/?site=http://flipmeme.c...</a>
Does not work with my wordpress.com blog. Blank. I know it's not responsive, so maybe instead of blank it should throw up a dialog box instead of just blank?