Chrome and Firefox Plugins We Recommend for Web Design and Development

Plugins Our Team Can’t Live Without

Listed below are resources that our team uses for web design and development. Do you have any others? We would love to hear from you. Leave a reply in the comments, or tweet us, @paperstreet.

Firebug for debugging.

o http://getfirebug.com/

Fireshot for editable screenshots.

o https://chrome.google.com/webstore/detail/capture-webpage-screensho/mcbpblocgmgfnpjjppndjkmgjaogfceg?hl=en

o https://addons.mozilla.org/en-US/firefox/addon/fireshot/

Yslow for figuring out site speed issues.

o https://developer.yahoo.com/yslow/

Clear Cache for well…clearing your cache.

o https://chrome.google.com/webstore/detail/clear-cache/cppjkneekbjaeellbfkmgnhonkkjfpdn?hl=en

o https://addons.mozilla.org/en-US/firefox/addon/clear-cache-button/

JunkFill saves time on testing forms, but only for Chrome.

o https://chrome.google.com/webstore/detail/junkfill/cajejbcjfkhgmfbapmhopccephhjedeb?hl=en

MeasureIt can find exact widths.

o https://chrome.google.com/webstore/detail/measureit/pokhcahijjfkdccinalifdifljglhclm?hl=en

o https://addons.mozilla.org/en-US/firefox/addon/measureit/

Colorzilla selects colors from a page.

o http://www.colorzilla.com/chrome/

LinkChecker checks the links

o https://addons.mozilla.org/en-US/firefox/addon/linkchecker/

Check My Links also checks the links

o https://chrome.google.com/webstore/detail/check-my-links/ojkcdipcgfaekbeaelaapakgnjflfglf?hl=en-GB

FormFiller saves times on testing forms.

o https://chrome.google.com/webstore/detail/bnjjngeaknajbdcgpfkgnonkmififhfo

Google Quick Scroll saves times when Googling.

o https://chrome.google.com/webstore/detail/google-quick-scroll/okanipcmceoeemlbjnmnbdibhgpbllgc

PerfectPixel for slicing templates and comparing to design.

o https://chrome.google.com/webstore/detail/perfectpixel-by-welldonec/dkaagdgjmgdmbnecmcefdhjekcoceebi

Postman – REST for sending requests to apis/form.

o https://chrome.google.com/webstore/detail/fdmmgilgnpjigdojojpjoooidkmcomcm

WebDeveloper has several tools for web developers.

o http://chrispederick.com/work/web-developer/

WhatFont for testing for font style.

o https://chrome.google.com/webstore/detail/whatfont/jabopobgcpjmedljpbcaablpmlmfcogm

FontFinder for testing for font style.

o https://addons.mozilla.org/en-US/firefox/addon/font-finder/

Copy Title and Description can copy title tags & meta descriptions directly from the source code.

o https://addons.mozilla.org/en-US/firefox/addon/copy-title-and-description/

IP Address and Domain Information to get detailed information about every IP address, domain name and provider.

o https://chrome.google.com/webstore/detail/ip-address-and-domain-inf/lhgkegeccnckoiliokondpaaalbhafoa

o https://addons.mozilla.org/en-US/firefox/addon/ip-address-and-domain-info/

Mozbar Access important SEO metrics while you surf the web.

o https://chrome.google.com/webstore/detail/mozbar/eakacpaijcpapndcfffdgphdiccmpknp

o https://addons.mozilla.org/en-US/firefox/addon/seo-toolbar-by-seomoz/

PR Checker shows Google page rank on the toolbar.

o https://chrome.google.com/webstore/detail/pr-checker/pneoplpmnpjoioldpodoljacigkahohc

o https://addons.mozilla.org/en-US/firefox/addon/pagerank/

Dimensions can easily test responsive websites, even offline.

o https://chrome.google.com/webstore/detail/dimensions-legacy/hdmihohhdcbejdkidbfijmfehjbnmifk/related

Copy Title and Description 1.0 adds a right-click context menu to copy the full page title, meta description, or meta keywords. You can copy individually in plain text, or all three in HTML.

o https://addons.mozilla.org/en-US/firefox/addon/copy-title-and-description/