30 Chrome extensions for web designers and devs

11. YSlow

Google Chrome extensions YSlow

YSlow tells you what's slowing your page down

This tool doesn't just check how quickly your webpage loads, it also tells you what, if anything, is slowing it down. YSlow tests your webpage against 23 of the 34 rules identified by Yahoo's performance team. It's an extremely useful tool to analyse webpages and it also suggests ways to improve their performance.

12. Web Developer

Google Chrome extensions Web Developer

The Web Developer Chrome extension provides a range of useful dev tools

As a web developer, you might ask yourself how you have lived without this extension. It adds a toolbar button to Chrome with a plethora of useful web developer tools. It's the official port of the Web Developer extension for Firefox.

13. Page Ruler

Google Chrome extensions Page Ruler

Draw a ruler to get pixel dimensions and positioning with Page Ruler

Page Ruler is a great tool for precisely measuring the elements on any webpage, then manipulating it for your benefit. Draw a ruler to get pixel dimensions and positioning.

14. Web Developer Checklist

Google Chrome extensions Web Developer Checklist

Fix issues quickly with this handy Chrome extension

This tool allows you check if all of your webpages are following best practice when it comes to SEO, usability, accessibility and performance (page speed). So if, for example, you don't have an H1 tag on a webpage or if a webpage is missing its meta title or meta description, it will notify you so that you can fix the issue quickly. If you click the 'more info and help' link at the bottom of the extension, you will find a more in-depth checklist.

15. DevTools Autosave

Google Chrome extensions Dev Tools Autosave

Automatically save any changes to a page's CSS and JS to its source file

A true gem for all web developers out there, DevTools AutoSave allows you to automatically save any changes that you make to a webpage's CSS and JS via the Chrome Dev Tools environment to its source file. It's easy to set up and use and it will save you lots of time and stress.

16. Instant Wireframe

Google Chrome extensions Instant wireframe

View live webpages with a wireframe overlay

Turn any webpage into a wireframe with just one click. This Google Chrome extension helps web developers and designers view webpages, whether local or live on the web, with a wireframe overlay.

17. ColorZilla

Google Chrome extensions ColorZilla

With ColorZilla you can get a color reading from any point in your browser

The ColorZilla Chrome extension is an advanced eyedropper, colour picker, gradient generator and useful colour tool that will help you in your design – right there in your browser window.

18. Streak CRM for Gmail

Google Chrome extensions Streak

Turn an email conversation into a trackable, assignable ticket

Streak is the ultimate tool for managing CRM and support emails within Gmail. It allows you to turn a single email or an entire conversation into a trackable, assignable, organised ticket that you can manage yourself or share with others.

19. Search Stackoverflow

Google Chrome extensions Search Stackoverflow

Get your questions answered quickly with this must-have extension

If you're a web developer then you've probably heard about Stack Overflow, the go to place for any development related issues. If not, then you definitely need to check it out. The community is thriving and it covers a wide range of topics from C# and Java to PHP and jQuery. This fantastic extension adds a search box directly into your browser, allowing you to search the vast resources of Stack Overflow. It's a must-have extension!

20. PHP Ninja Manual

Google Chrome extensions PHP Ninja

All the PHP 5.5 documentation you need without leaving the browser

It can be difficult to remember every function, so if you've been wasting hours searching for specific PHP functions on Google, this extension is bound to attract your attention. The PHP Ninja Manual provides you with all the PHP 5.5 documentation with examples in eight languages without having to leave your browser.

Next: another 10 Chrome extensions