Useful Chrome extensions for Designers and Web-Developers

Author:

In this article, I am gonna share 16 useful chrome extensions for web designers and web developers.

1. WhatFont

The easiest way to identify fonts on web pages.

2. WhatRuns

Discover what runs a website. Frameworks, Analytics Tools, WordPress Plugins, Fonts - you name it.

3. Web Developer

Adds a toolbar button with various web developer tools.

4. Awesome Screenshot & Screen Recorder

Full page screen capture and screen recorder - 2 in 1. Share screencast video instantly.

5. JSONView

Validate and view JSON documents.

6. JSON Lite

Browser extension for viewing JSON files.

7. Window Resizer

Resize the browser window to emulate various screen resolutions.

8. Responsive Viewer

Show multiple screens once, Responsive design tester

9. BrowserStack

Instantly test your webpage on any desktop or mobile browser.

10. VisBug

Open-source web design debug tool built with JavaScript.

11. Keyframes

In-browser CSS Animation creator.

12. Kontrast - WCAG Contrast Checker

Quickly check and adjust contrast in realtime in your browser to meet WCAG 2.1 requirements.

13. PerfectPixel

Adds a semi-transparent image overlay over the top of the developed HTML to easily perform pixel-perfect comparison between them, useful for replicating UI designs.

14. Site Palette

A must-have tool for designers and front-end developers to grab colors for any website.
Link - Site Palette

15. Mobile/Responsive Web Design Tester

Test responsive web designs or mobile pages that detect specific user agents. Test multiple devices at the same time!.

16. ColorZilla

Advanced Eyedropper, Color Picker, Gradient Generator, and other colorful goodies.
Link - ColorZilla
If you know any other useful chrome extensions for web designers and web developers in the comment section below.

Free Spring Boot Tutorial | Full In-depth Course | Learn Spring Boot in 10 Hours

Watch this course on YouTube at Spring Boot Tutorial | Fee 10 Hours Full Course