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.
Link - WhatFont Chrome Extension.
2. WhatRuns
Discover what runs a website. Frameworks, Analytics Tools, WordPress Plugins, Fonts - you name it.
Link - WhatRuns Chrome Extension
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.
Link - JSONView Chrome Extension
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
Link - Responsive Viewer
9. BrowserStack
Instantly test your webpage on any desktop or mobile browser.
10. VisBug
Open-source web design debug tool built with JavaScript.
Link - VisBug Chrome Extension
11. Keyframes
In-browser CSS Animation creator.
Link - Keyframes Chrome Extension
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.
Link - PerfectPixel
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.
Comments
Post a Comment
Leave Comment