15 Web designers and front-end developer-Required chrome extensions

Responsive Web Design Tester

650) this.width=650; "Src=" http://www.igeekbar.com/igeekbar/networks/uploadimgthumb/ 9a7e1ddd-234c-4774-8098-71035b6e29cb.png "class=" img-responsive center-block "style=" Border:0px;vertical-align: Middle;height:auto;margin-right:auto;margin-left:auto; "alt=" 9a7e1ddd-234c-4774-8098-71035b6e29cb.png "/>

Quick and easy gadget for testing responsive websites

Window Resizer650) this.width=650; "Src=" http://www.igeekbar.com/igeekbar/networks/uploadimgthumb/ C448fdd4-7e4d-4ab5-b07d-0d7ff88e07fa.png "class=" img-responsive center-block "style=" Border:0px;vertical-align: Middle;height:auto;margin-right:auto;margin-left:auto; "alt=" C448fdd4-7e4d-4ab5-b07d-0d7ff88e07fa.png "/>

Tools to simulate different screen resolutions

Page Ruler650) this.width=650; "Src=" http://www.igeekbar.com/igeekbar/networks/uploadimgthumb/ D31bef92-3b42-4c5c-adfd-c337a3836365.png "class=" img-responsive center-block "style=" Border:0px;vertical-align: Middle;height:auto;margin-right:auto;margin-left:auto; "alt=" D31bef92-3b42-4c5c-adfd-c337a3836365.png "/>

Draw a split line of the page to help you adjust and control the elements in the page

Dimensions

650) this.width=650; "Src=" http://www.igeekbar.com/igeekbar/networks/uploadimgthumb/ 0046bbad-e80f-47d7-b1d8-85a5820401ae.png "class=" img-responsive center-block "style=" Border:0px;vertical-align: Middle;height:auto;margin-right:auto;margin-left:auto; "alt=" 0046bbad-e80f-47d7-b1d8-85a5820401ae.png "/>

A tool to help designers control screen size

Colorzilla650) this.width=650; "Src=" http://www.igeekbar.com/igeekbar/networks/uploadimgthumb/ C0008750-ec19-48ba-acfb-756f4c788159.png "class=" img-responsive center-block "style=" Border:0px;vertical-align: Middle;height:auto;margin-right:auto;margin-left:auto; "alt=" C0008750-ec19-48ba-acfb-756f4c788159.png "/>

Plug-ins for color picker, gradient builder and other advanced features are available

Whatfon T

650) this.width=650; "Src=" http://www.igeekbar.com/igeekbar/networks/uploadimgthumb/ E6cb6b30-3936-465d-8a88-05a80dd7397a.png "class=" img-responsive center-block "style=" Border:0px;vertical-align: Middle;height:auto;margin-right:auto;margin-left:auto; "alt=" E6cb6b30-3936-465d-8a88-05a80dd7397a.png "/>

The simplest way to identify the text content of a page

TypeWonder650) this.width=650; "Src=" http://www.igeekbar.com/igeekbar/networks/uploadimgthumb/ 7dd72061-a3c3-4e77-a3a5-172869fcd3a4.png "class=" img-responsive center-block "style=" Border:0px;vertical-align: Middle;height:auto;margin-right:auto;margin-left:auto; "alt=" 7dd72061-a3c3-4e77-a3a5-172869fcd3a4.png "/>

Quickly help you detect page fonts

Css-shack650) this.width=650; "Src=" http://www.igeekbar.com/igeekbar/networks/uploadimgthumb/ E4b5a875-525c-4d57-8c51-df0c0053c40e.png "class=" img-responsive center-block "style=" Border:0px;vertical-align: Middle;height:auto;margin-right:auto;margin-left:auto; "alt=" E4b5a875-525c-4d57-8c51-df0c0053c40e.png "/>

A web and desktop app that allows you to create layer styles and export them as a simple CSS file

Perfectpixel by Welldonecode650) this.width=650; "Src=" http://www.igeekbar.com/igeekbar/networks/uploadimgthumb/ A81c91e1-d4b7-48cc-a2ad-96087194b137.png "class=" img-responsive center-block "style=" Border:0px;vertical-align: Middle;height:auto;margin-right:auto;margin-left:auto; "alt=" A81c91e1-d4b7-48cc-a2ad-96087194b137.png "/>

This extension allows developers to place a translucent image onto the developed HTML and perform pixel-level comparisons

lightshot (screenshot tool)

650) this.width=650; "Src=" http://www.igeekbar.com/igeekbar/networks/uploadimgthumb/ Af742297-0f97-4057-a380-f6218a722600.png "class=" img-responsive center-block "style=" Border:0px;vertical-align: Middle;height:auto;margin-right:auto;margin-left:auto; "alt=" Af742297-0f97-4057-a380-f6218a722600.png "/>

A simple Recording screen tool, select Area, edit and upload to server

UX Check

650) this.width=650; "Src=" http://www.igeekbar.com/igeekbar/networks/uploadimgthumb/ 66deac0e-e759-46a3-93cd-89bbee1898cb.png "class=" img-responsive center-block "style=" Border:0px;vertical-align: Middle;height:auto;margin-right:auto;margin-left:auto; "alt=" 66deac0e-e759-46a3-93cd-89bbee1898cb.png "/>

Perform a heuristic evaluation of your site

Code Cola650) this.width=650; "Src=" http://www.igeekbar.com/igeekbar/networks/uploadimgthumb/ 8e288005-3025-4d19-bcbc-bc3d669b312f.png "class=" img-responsive center-block "style=" Border:0px;vertical-align: Middle;height:auto;margin-right:auto;margin-left:auto; "alt=" 8e288005-3025-4d19-bcbc-bc3d669b312f.png "/>

CSS styles to help visualize editing online pages

Corporate Ipsum650) this.width=650; "Src=" http://www.igeekbar.com/igeekbar/networks/uploadimgthumb/ 5eb3e2a7-a8a8-436b-a835-a935124cacb4.png "class=" img-responsive center-block "style=" Border:0px;vertical-align: Middle;height:auto;margin-right:auto;margin-left:auto; "alt=" 5eb3e2a7-a8a8-436b-a835-a935124cacb4.png "/>

Corporate manifesto for randomly generated placeholders

Pendule650) this.width=650; "Src=" http://www.igeekbar.com/igeekbar/networks/uploadimgthumb/ 0856bac5-2391-4285-9887-a24f2f07ba81.png "class=" img-responsive center-block "style=" Border:0px;vertical-align: Middle;height:auto;margin-right:auto;margin-left:auto; "alt=" 0856bac5-2391-4285-9887-a24f2f07ba81.png "/>

Web Developer tools for Chrome

via igeekbar.com

15 Web designers and front-end developer-Required chrome extensions