🔥 10 Useful Tools for Web Developers to Help You Work Smarter

1. Website Vulnerability Scanner

Website Vulnerability 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.

2. Nibbler

Nibbler 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.

Well done, DEV Community! Such high marks.

3. Meta Tags

Meta Tags is a simple online tool that you can use to quickly check the meta tags for your website.

4. Google Lighthouse

Google 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.

High marks again! Nicely done.

5. Endtest

Endtest 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:

Internet Explorer 11:

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

6. Loom

Loom 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.

7. Pexels

Pexels 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.

8. Figma

Figma is a prototyping tool where you can easily collaborate with your team.

It basically replaces the whiteboard.

9. Funkify

Funkify 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

10. PerfectPixel

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.