🔥 10 Useful Tools for Web Developers to Help You Work Smarter
Tags: javascript, webdev, css, beginners
Published: 2020-08-04 08:37:28



## 1. Website Vulnerability Scanner

[Website Vulnerability Scanner](https://pentest-tools.com/website-vulnerability-scanning/website-scanner#) is a free online tool developed by Pentest-Tools. 

You just have to plug in your URL and it will generate a detailed Security report.

![Security Scan](https://dev-to-uploads.s3.amazonaws.com/i/l5e77elsf20l90su8ulc.png)

## 2. Nibbler

[Nibbler](https://nibbler.silktide.com/) is a free online tool that you can use to scan your website.

It will give you a report scoring the website for key areas, including accessibility, SEO, social media and technology.

![Nibbler](https://dev-to-uploads.s3.amazonaws.com/i/oogd0uk4b50ui8k428je.png)

Well done, DEV Community! Such high marks.

## 3. Meta Tags

[Meta Tags](https://metatags.io/) is a simple online tool that you can use to quickly check the meta tags for your website.

![Meta Tags](https://dev-to-uploads.s3.amazonaws.com/i/2v6or0h5069oi4phb2wo.png)

## 4. Google Lighthouse 

[Google Lighthouse](https://developers.google.com/web/tools/lighthouse) is an open-source, automated tool for measuring the quality of web pages.

It audits performance, accessibility and search engine optimization of web pages.

![Google Lighthouse](https://dev-to-uploads.s3.amazonaws.com/i/yz94a8c1wxff8fbna5ny.png)

High marks again! Nicely done.

## 5. Endtest

[Endtest](https://endtest.io) is an intelligent test automation platform that allows you to create complex tests and execute them on all the major browsers. 

I automated the **Sign In** test for the DEV Community website and ran it on the cross-browser cloud on Chrome, Firefox, Edge, Safari and Internet Explorer 11. 

Turns out the DEV Community website does not work so well on Internet Explorer 11, despite using a lot of best practices.

Here's what the results look like:

**Chrome:**
![endtest chrome](https://dev-to-uploads.s3.amazonaws.com/i/weojr3g0ln4ge0ccoqpi.gif)

## 

**Internet Explorer 11:**
![endtest internet explorer](https://dev-to-uploads.s3.amazonaws.com/i/3rx9pxnbixdpvmvdtqgq.gif)

Disclaimer: I work at Endtest, but you already knew that. 


## 6. Loom

[Loom](https://www.loom.com/) is a free Chrome extension that allows you to record your screen and your webcam at the same time.

Instead of scheduling a video call, you and your colleagues can asynchronously discuss projects or give “stand-up” updates.

![Loom developer](https://dev-to-uploads.s3.amazonaws.com/i/a77ea3h0yb6l9x9foi6g.jpg)

## 7. Pexels

[Pexels](https://pexels.com) is a website where you can get free stock photos.

One of the very few where you don't even have to sign up.

I always find it useful when I need to create a prototype and Marketing hasn't sent the official materials yet.

![pexels](https://dev-to-uploads.s3.amazonaws.com/i/0usa34bny077fjqxi214.png)

## 8. Figma

[Figma](https://www.figma.com/) is a prototyping tool where you can easily collaborate with your team.

It basically replaces the whiteboard.

![Figma](https://dev-to-uploads.s3.amazonaws.com/i/xp1cuy66hqbrqk501cxc.png)

## 9. Funkify

[Funkify](https://www.funkify.org/simulators) is an extension for Chrome that helps you experience the web and interfaces through the eyes of extreme users with different abilities and disabilities, such as Visual impairment

![Funkify](https://dev-to-uploads.s3.amazonaws.com/i/gtd01n51r8gowixcgip5.jpg)

## 10. PerfectPixel 

[PerfectPixel](https://www.welldonecode.com/perfectpixel/) is a Chrome extension that allows you to put a semi-transparent image overlay over the top of the developed HTML and perform pixel comparison between them.

![PerfectPixel](https://dev-to-uploads.s3.amazonaws.com/i/6nbytmpwshggkq90bswk.png)