14 Best/Great Chrome Extensions for Web developers and Designers - Cyber Programmers - Learn Programming


Wednesday, June 13, 2018

14 Best/Great Chrome Extensions for Web developers and Designers

Chrome extensions
I think every web developer or designer should be excited to see this kind of posts.
When I was new in the world of web development, I wish I knew about useful Chrome browser extensions that will make it easy to develop my projects.
Chrome is yet popular browser and many of us using it as our main browser. And in this post, I will give you the list of useful extensions for your web projects.

Also read: Top 15 Best Online JavaScript Editors/IDE's

1) Web Developer
Web Developer extension
One of the best extensions with a bunch of useful tools. You can disable images, popups, javascript, plugins, cookies, etc. and much more on a specific web page or for the specific domain.

2) Designers Ruler
Designers Ruler extension
This extension is all about measuring. Of course, you need to measure some objects on your web project, it can be a dynamic page or moving object and you need to measure the size in px, cm or inch. So you can do all things related to measuring with this extension.

3) WhatFont
WhatFont extension
Using a right font for our website is important. All you do is looking around on other websites for some new and cool fonts. And then with the help of this extension, you are getting all information about the font you are curious about.

4) Eye Dropper
Eye Dropper extension
Doing a design for your web project, then you do need this amazing extension. Of course, you do need to pick colors from web pages.

5) Alexa Traffic Rank
Alexa Traffic Rank extension
Check the Alexa rank for your website/blog instantly from the page.

6) Corporate Ipsum
Corporate Ipsum extension
When developing the website you need some random text, also know for web developers as "Lorem Ipsum" text. And this extension is special for that, you can select the number of words you need and copy the generated text with a simple click.

7) iMacros for Chrome
iMacros for Chrome extension
This extension is all about automation. If you are too lazy to do the same thing over and over again then you can use this extension and automate the process.

8) Window Resizer
Window Resizer extension
Mobile-responsive? Of course number one feature your website must have. Because nowadays people surfing the web from mobile devices. So you do need to care about that. And this extension will help you to test your website with different sizes.

9) Search StackOverflow
search stackoverflow extension
Stack Overflow is number one friend for developers/programmers. I think everyone knows about this amazing community/forum. Where you can find answers to difficult problems and even ask your questions.
This extension will allow you to search on Stack Overflow from any webpage.

10) Image Downloader
Image Downloader extension
Download images from web page easily. This extension will show you all images of that page and you can copy the image URL or download it.

11) Wireframify
Wireframify extension
The extension allows you to add frames to your website it can even be hosted locally.

12) CSS - Shack
CSS - Shack extension
This extension allows you to create layers styles (just like you would in any other image editing software), and export them into a single CSS file.

13) Web Developer Checklist
Web Developer Checklist extension
Web developers will appreciate the features of this extension.
This extension allows you to very easily discover problem areas in your website.

14) TypeWonder
TypeWonder extension
This extension helps you to test web fonts on any website on the fly. Enter the site URL and preview instantly the fonts without any hassle.