I frequently see the question, how do I get an image of my website inside a phone or a tablet, desktop or all three? The purpose of these mock ups is to display your portfolio, or show off favorite websites.
There was a thread in the Facebook Group that listed a website mockup few options. Of course I want to share to help you, and more importantly because I want to remind myself. I am a gold medal forgetter, and I am always asking Andrew to remind me of that site where we can mock up our website inside a device. If I write the post and share it, there is a chance I will remember that I wrote this, or I could do a Google search and this post will pop up 🙂
Am I Responsive? The screen shot below is what you will see when you put your url into their system. The purpose is to see how your website will look on each of the various devices.
Smartmockups This one gives you a view of your website on various computer screens. Filter their options via desktop, laptop, tablet, phone or even a watch. The settings are very pretty and highly stylized.
MockDrop MockDrop is similar to Smart Mockups, allowing you to filter by device and the setting of the device.
To get a full screen photo try these tools:
- Awesome Screen Shot – a Chrome Extension
- Web Page Photo – also a Chrome Extension
- Paparazzi – a Safari extension
- FireShot – for Firefox
Please leave a comment if you have other options that aren’t listed here. Thank you.