Think I misunderstood the description. Correct me if I'm wrong, with this we can add nice looking browser toolbar on top of the screenshot, right?
I was under the impression that once the screenshot is uploaded, the elements in the page are extracted and can be moved around i.e. we can play with the buttons, form fields, texts or any identifiable element that can be separated by its boundary.
You made a tool that makes screenshots but you don't have a single screenshot on the site and you have an unviewable purple rectangle as the only "image" on the git repo? I don't get your logic.
The project makes no sense to me. So I take a screen shot of just the web page, then use a tool to make it look like I took a screenshot of the browser too? I think it is official, HN has gone to the dogs
I'm not seeing the value of this either. But I don't think that one person submitting one not very useful tool means that Hacker News itself is going to the dogs.
Taking a screenshot of your actual browser means you either reveal details about your personal preferences (bookmarks, plugins, etc) or you have to use a factory standard browser.
Also this way, you cannot just easily choose the used browser, but also the device, think smartphone, tablet, android vs apple...
Super - this will certainly come in handy at some point, though I was primarily looking for browser screenshots at the moment (which I think your animockup doesn't do today)
Awesome. And indeed, I do plan on adding more mockups + the option for people to make their own (selecting the area where the video would be placed). It seems like there is some demand.
How am I supposed to paste? I put an image on my clipboard, and so far all I’ve got by focusing all the focusable things and pressing Ctrl+V is the image filling the fake address bar.
My attempts at dropping images (from the same browser) are also failing to do anything.
For all commenters who do not see the value, these types of images are often used in marketing. If you share a screenshot without a device, it doesn't really look that good or marketable. The context and frame around the screenshot simply looks more professional and stands out better.
Toi could always throw the screenshot into figma and use a plugin to generate the images but this seems much simpler. As one commenter said, do one thing well and this seems to do it.
Don't ne disheartened by the comments asking the usefulness of this. I have been asked by lot of product guys to include browser in the screenshot so it looks better in their presentation.
This is incredible! Love the simplicity in the UX design. Gonna post it on Twitter in a bit - would love to tag you but I can't find your Twitter.
One suggestion - a way for people to share the link directly or just copy the PNG file without downloading it will reduce friction for people who don't really have space on their devices.
I have possibly found a "bug". Not sure. Some websites, especially that take a while to load simply won't have the complete screenshot. Here's an example, the below link will only have the header in the screenshot without the header image :
25 comments
[ 2.5 ms ] story [ 75.1 ms ] threadI was under the impression that once the screenshot is uploaded, the elements in the page are extracted and can be moved around i.e. we can play with the buttons, form fields, texts or any identifiable element that can be separated by its boundary.
Also this way, you cannot just easily choose the used browser, but also the device, think smartphone, tablet, android vs apple...
[0] https://browserframe.com/
The Web Archive seems to imply that BrowserFrame is about a year older than Screely, though.
[1] https://www.screely.com/
My attempts at dropping images (from the same browser) are also failing to do anything.
Firefox, Windows.
The only options missing are: show Apple laptop and cafe latte next to the laptop.
Toi could always throw the screenshot into figma and use a plugin to generate the images but this seems much simpler. As one commenter said, do one thing well and this seems to do it.
One suggestion - a way for people to share the link directly or just copy the PNG file without downloading it will reduce friction for people who don't really have space on their devices.
Great job, Dave!
http://www.tusifahmad.com/