Screen sa

📸 CLI app to make screenshots of a list of website using multiple size screen

I first created that project for my classes (I teach web development).

I have sometimes to evaluate front-end websites. I have to check the good cohesion with the given mockup, and check the responsive and/or the dark mode of these websites.

So I created this project which took a list of websites in a text file, each site being separated by a line return.

Automatically, the project takes screenshots of these websites based on several types of devices, such as laptop, tablet, phone... to check that the frontend is ok.

Then I added a Lighthouse test to check that the good practices are respected. I personally attribute a large part of importance to accessibility. Using Lighthouse, I am able to quickly test accessibility of a website. Of course, it’s not ideal, since it is just the rate of Lighthouse, but it allows to have a first feedback on accessibility.

But now, I’ve decided to move the Lighthouse part of the project in a dedicated project : Lighthouse Check.

Then I made this project evolve to match my needs. It now takes a URL and options, and makes screenshots on different terminals, the page in full length.

When I see a website with a visual design I like, I save them using that project. I save their URL in a .webloc file, and I take screenshots of the project. It makes me keep websites visual designs as files.