{"id":6021,"date":"2012-05-10T07:00:02","date_gmt":"2012-05-10T11:00:02","guid":{"rendered":"http:\/\/blog.shareaholic.com\/?p=6021"},"modified":"2014-04-07T18:21:36","modified_gmt":"2014-04-07T22:21:36","slug":"11-must-have-chrome-extensions-for-web-designers","status":"publish","type":"post","link":"https:\/\/www.shareaholic.com\/blog\/11-must-have-chrome-extensions-for-web-designers\/","title":{"rendered":"11 Must-Have Chrome Extensions for Web Designers"},"content":{"rendered":"

\"\"<\/a>Are you a web designer or developer? \u00a0Don’t forget to add Shareaholic to your Chrome browser<\/a>!<\/strong><\/em><\/p>\n

There are SO many amazing Chrome extensions for web developers that it was tough to choose just a handful to feature. \u00a0The list below goes from the “concepting” stage all the way to testing and everything in between. \u00a0Use these Chrome extensions to get inspired, create a design concept, choose pictures, tweak code and test your new site!<\/p>\n

Web Designers & Developers: what other Chrome extensions do you love using on projects?<\/strong><\/p>\n

1. Shareaholic for Chrome<\/h3>\n

The Shareaholic Chrome Extension makes it easier than ever to share articles that intrigue you to your favorite social media services without having to leave the page you’re checking out. We support more than 250 social networks, including Hacker News.<\/p>\n

\"\"<\/a><\/p>\n

Download Shareaholic for Chrome<\/a><\/strong><\/p>\n

2. Diigo<\/h3>\n

I’ve been hearing about Diigo for a while and was excited to try it for myself. \u00a0If you’re someone that’s always getting inspired by cool websites, images, design, quotes and more, then consider Diigo your digital “Inspiration Notebook.” \u00a0Diigo will help you organize all of your design inspiration sans worrying about losing your notebook and saving scraps of paper. \u00a0What the heck does Diigo mean, you ask? \u00a0It stands for “Digest of Digital Information Groups and Other stuff.”<\/p>\n

\"Diigo\"<\/a><\/p>\n

\"Diigo\"<\/a><\/p>\n

Download Diigo<\/a>\u00a0<\/strong><\/p>\n

3. Microstock Photo Power Search Tool<\/h3>\n

Many web designers would agree that finding great stock photos is one of the most irritating and time-consuming aspects of web design. Use this Chrome Extension to search microstock on 5 of the top stock agencies, including Dreamstime, Fotolia, and Shutterstock.<\/p>\n

\"Microstock\"<\/a><\/p>\n

Download Microstock Photo Power Search Tool<\/a>\u00a0<\/strong><\/p>\n

4. What Font<\/h3>\n

If you love fonts nearly as much as I do, you might become a little obsessed with this Chrome Extension. In my opinion, fonts can make or break a web design. Just hover your mouse over the font on any website to find out the font name, size and color too! Sounds like a new obsession to me.<\/p>\n

\"Font<\/a><\/p>\n

Download What Font<\/a>\u00a0<\/strong><\/p>\n

5. Palette for Chrome<\/h3>\n

Choosing the perfect color palette can be tough.\u00a0 How many times has one of your clients said \u201cI love the colors in ABC\u2019s website.\u00a0 Can you make mine like that?\u201d\u00a0 Fear no more!\u00a0 With the \u201cPalette for Chrome\u201d extension you can easily click on a picture to get a fantastic color palette.<\/p>\n

\"Palette<\/a><\/p>\n

Download Palette for Chrome<\/a>\u00a0<\/strong><\/p>\n

6. Corporate Ipsum<\/h3>\n

Need to populate your web design concept with text before sending it out to the client? Rather than the standard old \u201cLorem Ipsum\u201d mumbo jumbo, use the Corporate Ipsum Chrome extension to populate your clients\u2019 websites with corporate speak, buzzwords and copy that will make your design even more compelling and relevant.<\/p>\n

\"Corporate<\/a>
\nDownload Corporate Ipsum<\/a><\/strong><\/p>\n

7. Firebug Lite<\/h3>\n

Most developers have been using Firebug for years, but they\u2019ve most likely been using it on Firefox. Now you can use the \u201cFirebug Lite\u201d Chrome Extension to inspect HTML and DOM elements of any web page. Firefox is also a great tool to use when trying to \u201cdebug\u201d your design.<\/p>\n

\"Firebug<\/a><\/p>\n

Download Firebug Lite<\/a>\u00a0<\/strong><\/p>\n

8. Web Developer<\/h3>\n

Add a toolbar to your Chrome browser that is full of useful web developer tools. \u00a0Users can view and edit CSS, display image file sizes, display image elements and clear session cookies.<\/p>\n

\"WebDeveloper<\/a><\/p>\n

Download the Web Developer Chrome Extension<\/a>\u00a0<\/strong><\/p>\n

9. MeasureIt!<\/h3>\n

Need to figure out exactly how big an image is to see how it will fit into your design? Just drag your mouse across the image you\u2019re interested in and this extension will tell you how big it is. A very helpful tool that eliminates the guess work when working with images!<\/p>\n

\"MeasureIt\"<\/a><\/p>\n

Download MeasureIt!<\/a>\u00a0<\/strong><\/p>\n

10. IE Tab<\/h3>\n

It’s hard to believe, but a majority of people still use Internet Explorer. \u00a0Even if you haven’t used Internet Explorer in years,\u00a0it’s crucial to test your website in it. \u00a0Use the IE Tab Chrome Extension to test in IE without even using IE- love it!<\/p>\n

\"IE<\/a><\/p>\n

Download IE Tab<\/a><\/strong><\/p>\n

11. Resolution Test<\/h3>\n

Like testing in different browsers, it’s also important to test in different screen resolutions. \u00a0With jumbo screens, double screens and mini-lap tops make sure your design looks great in all sizes!<\/p>\n

\"Resolution\"<\/a><\/p>\n

Download Resolution Test<\/a><\/strong><\/p>\n

What are your go-to Chrome extensions? Let us know in the comments!<\/p>\n","protected":false},"excerpt":{"rendered":"

Are you a web designer or developer? \u00a0Don’t forget to add Shareaholic to your Chrome browser! There are SO many amazing Chrome extensions for web… 
Continue Reading<\/a><\/p>\n","protected":false},"author":29,"featured_media":6129,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[522,521],"tags":[390],"_links":{"self":[{"href":"https:\/\/www.shareaholic.com\/blog\/wp-json\/wp\/v2\/posts\/6021"}],"collection":[{"href":"https:\/\/www.shareaholic.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.shareaholic.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.shareaholic.com\/blog\/wp-json\/wp\/v2\/users\/29"}],"replies":[{"embeddable":true,"href":"https:\/\/www.shareaholic.com\/blog\/wp-json\/wp\/v2\/comments?post=6021"}],"version-history":[{"count":0,"href":"https:\/\/www.shareaholic.com\/blog\/wp-json\/wp\/v2\/posts\/6021\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.shareaholic.com\/blog\/wp-json\/wp\/v2\/media\/6129"}],"wp:attachment":[{"href":"https:\/\/www.shareaholic.com\/blog\/wp-json\/wp\/v2\/media?parent=6021"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.shareaholic.com\/blog\/wp-json\/wp\/v2\/categories?post=6021"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.shareaholic.com\/blog\/wp-json\/wp\/v2\/tags?post=6021"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}