Chrome and Firefox Plugins We Recommend for Web Design and Development

A graphic with the text, "Must Have Plugins: Chrome and Firefox Plugins We Recommend for Web Design and Development," and "Paperstreet Web Design," over a blurred background of a tunnel.

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/

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/

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/

 

  • Rainbow color picker and eyedropper saves colors and allows you to test out colors with drag and drop.

o   https://chrome.google.com/webstore/detail/eye-dropper/hmdcmlfkchdmnmnmheododdhjedfccka?hl=en

o   https://addons.mozilla.org/en-US/firefox/addon/rainbow-color-tools/

 

  • ShowIP 2.4 can show the IP address(es) of the current page in the status bar.

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

 

  • Web Developer extension adds various web developer tools to the browser.

o   https://chrome.google.com/webstore/detail/web-developer/bfbameneiokkgbdmiekhjnmfkcnldhhm?hl=en-USwe

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

 

  • FireFTP is a free, secure, cross-platform FTP/SFTP client for Mozilla Firefox which provides easy and intuitive access to FTP/SFTP servers

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

Additional Reading

Check out the links below to read about the tools our SEO team, and content team use daily.

 

Share This

Join the Sales and Marketing News, receive our last insights, tips and best practices.

Our 7 Guarantees

Keeping 2,000+ Clients Happy Since 2001.

1
You Will Love Your Design We design to please you and your clients
2
Same-Day Support 24-hour turnaround edits during business hours
3
Free Education We provide knowledge to help you expand
4
No Hidden Charges We quote flat-rate projects
5
Own Your Site No strings attached
6
We Create Results SEO, PPC, content + design = clients
7
We Make Life Easier One agency for web, branding and marketing