Six chrome extensions useful for Front End Developer

  1. Page Ruler: Draw a ruler to get pixel dimensions and positioning, and measure elements on any web page.

2. ColorZilla: Advanced Eyedropper, Color Picker, Gradient Generator and other colorful goodies.

3. Fontface Ninja: Fontface Ninja is a free browser extension that let you inspect, try, buy and bookmark any fonts on any website.

4. Emmet Re:view: Emmet Re:View displays your responsive web-page in a number of views side-by-side so you can quickly test how web-page looks at different resolutions and devices. All views are fully synchronized: scroll, fill-in form fields, click, hover and drag elements in one view.

5. Design Grid Overlay: This extension displays grid and measurement overlays for a design grid system. It is configurable to fit many design scenarios.

6. Web Developer: The Web Developer extension adds a toolbar button to the browser with various web developer tools.