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

Source: Internet
Author: User
Tags bcbc

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

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.