To build web applications smarter, easier, better, and faster you will need some browser extensions especially if you are a frontend developer. well, you are in luck because; Welcome to 10+ Unique Chrome Extensions For Web Developers.
1. JSONViewer
Viewing Json on the browser can be very hurtful to our eyes, but this extension highlights any JSON file you open in the browser thus, making it easier to read.
2. Colorzilla
This is one of the most popular extensions with over 2M+ users. This extension is used for basically extracting colors from pages.
3. Amino
Amino is a free browser extension that lets you add custom CSS to any webpage. With Amino you could
customize colors, fonts, page layout, and more. it is quite advanced and it also has a CSS inspection tool.
4.uBlock Origin
uBlock Origin is an ad-blocker that blocks ads flawlessly and effectively. I would highly recommend this ad-blocker; because it is one of the best in the business. It has over 10Millon+ downloads, so if you hate ads try this one out.
5. Wappalyzer
Wappalyzer is a technology profiler that shows you what websites are built with. it lets you find out the framework, eCommerce platform, JavaScript libraries, and much more
6. WhatFont
Have you ever stumbled across many beautiful fonts from web pages? WhatFont is a tool that allows you to identify fonts from web pages.
7. Window Resizer
This one is very important for implementing responsive design. Window Resizer is a tool that allows you to emulate various screen resolutions.
8. Web developer
Web developer is an extension that offers a variety of important tools for writing and testing websites.
9.React/vue/angular devtools
These are extensions that provide you great assistance in working with frontend javascript frameworks like Reactjs, Vuejs, and Angular.
10. Daily.dev
daily.dev is a great online community for developers to stay updated on the best developer news. With this extension, daily.dev will automatically be your default homepage when you open a new chrome tab.
11. CSS Viewer
CSS Viewer allows you to click on any button/image/text etc on a web page and you can instantly see the CSS code which was used.
Conclusion
Thank you for reading, this article was a lot of work. it would really make me happy if you could kindly follow me and put your email down for my newsletter.
Top comments (0)