How would I go about getting screen shots of my websites for my portfolio

Here is what I did for the images for my sites:
Ex: https://isaacabrahamson.github.io/#portfolio

  1. Open page in fullscreen (usually F11, make sure you are in debug mode if using codepen).
  2. CTRL + ALT + PrtScr or however you have print screen setup
  3. Open up Paint / Paint.net and paste image then save.

If you want the browser appearance like the portfolio I did, you will need Photoshop or Paint.net - some program that has layers.
Here’s the browser mockup, you can play with it if you want:
Urdu Reading: Mockups - Urdu Interesting Articles

If you want thumbnails like I did with the Cutler pictures in my tribute page:
Ex: http://codepen.io/isaacabrahamson/full/GZwBpW/
You will need Bootstrap, then you can apply a row/column system, and make sure images have class .img-responsive.

1 Like