Web developers often need to do repetitive works such as taking screenshots, turning off javascript or images, check backlinks or ranking of websites and more. Fortunately, with these 4 totally free Google Chrome extensions, web developers can save a lot of time on these repetitive works, thus increasing productivity.

Awesome Screenshot: Capture & Annotate

As the name suggests, this awesome extension can do more than just screenshot. At a glance, it provide 3 ways to capture screenshots: visible area, entire page or selected area. Furthermore, it allows us to crop, annotate the screenshot with shapes and texts as well as blur sensitive info. Most importantly, it comes with undo feature.

Pendule

This is an essential extension for web developers. Below are some key features of Pendule I find it useful:

• View all css and javascript codes with syntax highlighting
• Reload css without refreshing the page.
• One-click disable or enable external/inline CSS
• One click hide all images / background images
• Color picker and ruler to measure an element in pixels
• Links to validate html / css / feed
• Added “View Selection Source” feature (when you right click a highlighted area), just like in Mozilla Firefox.

Resolution Test

This allows web developers to test their website in all common screen resolutions, as well as user-defined size. With this extension, we do not have to update our screen resolution manually anymore. All common screen size can be applied and tested with only one click, Google Chrome will then changed its windows size, without changing the screen resolution.

SEO for Chrome

This extension can display information such as page rank, number of backlinks, social media stats, traffic stats and more within seconds. It can also show all nofollow links, if enabled, by highlighting them with border. The keyword research tool sounds useful too, although I can’t seems to use it at the moment.

If you know other good extension, feel free to share with us in the comment section.