Google Chrome is a popular web browser with huge extensions library. This is a list of 30 useful extensions for web developers and designers.
The popular tool for web developers with comprehensive tools for develop website.
For web developers who wants to make sure they follow best practices. This extension allows you to very easily discover problem areas in your website.
With this tool, you can create and adjust CSS Shapes values with an interactive editor overlapping the selected element.
Nowaday, responsive web design is popular. This tool will help web designer to test website in size of smartphone, tablet or you can create custom size of devices.
Google use page speed in web search ranking. To measure your site speed, you can use this extension created by Google. The PageSpeed Insights browser extensions allow you to evaluate the performance of your web pages and to get suggestions on how to improve them.
When visit a beautiful website that has great color scheme. You can use this tool to select color values from webpage.
StayFocusd increases your productivity by limiting the amount of time that you can spend on time-wasting websites. You can set one hour per day to allow yourself on Facebook or Youtube.
SEO & Website Analysis by WooRank provides a deep SEO analysis covering SEO, Mobile, Local and Usability. This SEO plugin provides a very deep SEO report for any given website.
9. Form Filler
Forn Filler is an extension for web developer to test their form with quick and easy. This extension allows you to fill all form inputs (textboxes, textareas, radio buttons, dropdowns, etc.) with random/dummy data.
10. Page Ruler
This extension is useful when you want to measure size of objects on webpage by just drag a ruler.
ColorZilla is one of the popular color picker with advanced eyedropper, color picker, gradient generator, webpage color analyzer and picked color history.
13. IE Tab
IE Tab is popular for test website design in Internet explorer.
This extension is useful when you want to know what the fonts used in any web pages.
15. HTML5 Outliner
HTML5 Outliner generates a navigable page outline with heading and sectioning elements in easy way to read as table of content.
16. Font Playground
Preview your site with Google web fonts and get the css code. Use over 1000 free google web fonts and preview them with this extension. Go to your web page, click on “font playground extension”, select a font and preview the result.
YSlow analyzes web pages and suggests ways to improve their performance based on a set of rules for high performance web pages.
View website in wireframe. This extension generates any web pages as wireframe.
Nice extension for capture web pages. You can cateure selected area or just capture the whole page.
Nimbus Screenshot is another tool for capture web page with easy to use tools.
21. Speed Dial 2
Speed dial 2 is ultimate replacement of new tab page with fast access to your most visited pages, bookmarks and browsing history.
22. CSS Dig
CSS Dig finds and groups stylesheets and style blocks on most websites, providing an easy way to analyze the code and plan refactors.
23. Live CSS Editor
When use this extension, you’ll see a little CSS box for writing CSS code. The web page change immediately when you write new CSS rule.
24. CSS Reloader
This extension reload the page after CSS code changed. You don’t have to manually reload the page.
Simple extension use to draw out a ruler to get the pixel width and height of any elements on a web page.
SnappySnippet is a DevTools extension that allows you to easily extract CSS and HTML from selected element. Then send it to CodePen, jsFiddle or JS Bin with one click.
The Page Analytics Chrome Extension allows you to see how customers interact with your web pages, including what they click and don’t click.
28. Window Resizer
You can resize your browser window at the size of smartphone, tablet or any size you want with Window Resizer.
29. Bootstrap Grid
Useful tool for bootstrap designers. This tool generate grid overlay on your web page.
30. PHP Console
Handle PHP errors/exceptions, dump PHP vars, execute PHP code remotely and do other cool things using this extension and it’s server side PHP library.