p/responsive-screenshots
Take responsive screenshots with the click of a button
Kevin William David
Responsive Screenshots — Take responsive screenshots with the click of a button
Featured
40

Responsive screenshots does what it says on the tin, lets you take responsive screenshots by simply entering the URL on its page and clicking a button.

Replies
Haroon
Thanks for sharing. How is this different than stayresponsive.com?
Sidney Ottelohe
@haroon Hi there! It looks like the tool you provided is mainly intended for checking the responsiveness of ones site. A couple of differences on first look is the control over devices. This gives you screenshots for you to download as a zip or one by one, and use in e.g. mockups. You can also select multiple devices which are 1:1 emulated like the real devices would, with the correct pixel densities, etc. Hope this helps to clarify!
Kilian Valkhof
If you're looking for an alternative, Check out Polypane: https://polypane.app/screenshot-... And on Producthunt: Polypane 1.0
Ktryn Dchrs
Probably an extension that uses the screen grab api of Google Chrome would do a better job in term of performance!
Matt Lippl
Nope, doesn't work for me
Leon Overweel

I couldn't find the mining script other reviewers mentioned - maybe it's been removed?

Pros:

Super fast, does what it says on the box

Cons:

Emojis on my site are displayed as empty boxes

Nitesh Manav
@sidneyottelohe : Oh! Wow! Lots of love from a website auditor. Period.
James Perrone
This should be taken offline from PD
Alan Houser
@james__perrone WHY? If it works, I would find this incredibly useful. NO SOUP FOR YOU.
Nitesh Manav
@james__perrone Because it's so awesome. :D ?
Sidney Ottelohe
Hey folks! I'm Sidney, maker of this tool. It allows you to grab screenshots from various viewports at once, you can preview them, download them individually, or all as a zip. Please let me now if there’s any questions or feedback, I’m happy to help. PS: I’m experimenting with an alternative way to monetize the project by mining monero. Gathering info for a write up on cpu miners and potential implementations. Edit: Decided to remove the miner for now, as it was buggy for some & the cons outweigh the pros for the time being IMO
Tkachenko Arthur ~UA~
@sidneyottelohe it will be cool if this tool can login and test logged-in pages as well too. maybe something similar will work
Alissa Wild
It doesn't work for me. :( Nothing happens.
Rosina Pissaco
Link is not working anymore
Nino

I tried my website (read2me.online) and it didn't render it perfectly, which means I won't be able to use it.

Pros:

Nice sense of design

Cons:

Doesn't render my website correctly

Serdar Güngör
Please check your plugins, Kaspersky found trojan
Kwinten Van den Berghe
@serdar_gungor It's a coin miner that mines Monero using your CPU. (Which also appears to be implemented in a totally broken way)
Product Pearson
@serdar_gungor @kwinten Yes with no way to opt out. No thanks.
Kwinten Van den Berghe
@theashtube uBlock seems to do the trick for me for opting out. :) It effortlessly blocks stuff like this.
Sidney Ottelohe
@serdar_gungor @kwinten @theashtube Hi thanks for the feedback! I agree there should be an opt-in, I believe the latest version of coinhive supports this, I will look into it. Would you prefer to see ads over a miner that uses n amount of cpu?
Sidney Ottelohe
@serdar_gungor @kwinten @theashtube You should be able to pause it, it won't continue further using the tool when paused, placement of the button might not be ideal, though.
Abel Castillo

It should warn you about the coinhive mining script

Pros:

When it works is cool

Cons:

Sometimes it doesn't work

Valuemerce
What about the warning message of my adguard software that your website is using my browser as a blockchain currency miner.
Valuemerce

It misuses the users browser for blockchain mining.

Pros:

None

Cons:

Currency miner

Sidney Ottelohe
Hi there! Thanks for the constructive feedback on the product. Would you prefer seeing ads over using n amount of your cpu? I'm working on implementing a better ux for the miner in the meanwhile.
Brandon
Top Product

Beautiful and simple design!

Pros:

Excellent way to quickly grab responsive screenshots for sites I've built.

Cons:

Would be cool if there was a share feature :)

Wally Hitchcock
Is this not working? I can open the link.
Wally Hitchcock
What's the status? The URL isn't working for me.
Alan Houser
It wasn't working for me. I tried three URLs. Then I paused the MONERO process (that's horrible BTW) and reloaded the page. It worked after that. Aside from that (LARGE) issue, I would strongly suggest that you grab the screenshots ONLY after the DOM has loaded. Depending on the makeup of third-party sites, lots of components will be missing when the screenshots paint. This being the case, adding a STATUS MESSAGE would be ideal. Another thing you could do is to provide a message about the delay + request the visitor's email address: "We'll email you a notification to come and get your screenshots"
Riley Walz
@pixelmelter Agreed, I have a GMaps embed on my site and it only is half visible because it is still loading when the shot is taken.
Julián Abad

If you create a function to directly integrate the screenshot onto several mockups, your website will be the perfect tool. Or maybe try to partner your technology with other websites doing these tasks.

Pros:

It works perfect and simple. So nice for mockup designing. Thanks!!

Cons:

None. Just the miner.js...

Sidney Ottelohe
Hi Julian, thanks for the feedback! That's exactly what I intended the tool for, so I'm glad it's proving useful. I like the idea of integrating mockups out of the box, I might add this in a feature update!